24
3月
3月
フォーム処理
（サーバーとクライアントのデータ授受）
フォームに入力した内容をサーバー側で処理して
クライアント側に結果を返します
0
17
3月
3月
author: qu category: seminar
先日開催されたAdobe FLASH PLATFORM CAMP Tokyoに出席してきました。
せっかくなのでメモ的にまとめておこうかと思います。
同時通訳聞きながらノートにメモしてる状態だったので逃してるところ、
ノートが英語でメモってた為に意味不明なところ（←だめじゃん）
なんかがあってツッコミどころ満載なメモになってました。
なので全部まとめられているかというと微妙ですが、
その辺は多めに見て頂いて。。。
session1:What’s new in Flash CS5 and Flash Builder 4 by Lee Brimelow
FlashCS5とFlash Builder 4の新機能
追加されるFlash CS5の新機能
custom class inspiration
カスタムクラスの自動入力
text layout freamworks(TLF)
new deco brushes
javascriptベースに制作されており、
いずれコミュニティで公開し制作・共有できるようにするとのこと
cleaner error reporting
エラーのレスポンスがより明確になる
open XFL format
ファイルフォルダのファイル(dombitmapドキュメント)から直接XMLファイルがeditできるらしい
code snippets panel
inline compornent inspiration
FLV playback stage
ステージ上でFLVが再生、確認できcueポイントなどの追加ができる
export to FXG
export to iPhone
追加されるFash Builder4の新機能
custom class auto inserts
text linked container
TLF
CS5とFBの互換性ができあがるとのことでCS5からFBのファイルを、
FBからFlaファイルを編集したりできる。
session2:Ralph Houwert:Skunkworks
whats skank works?
実験的なプロジェクトのお話でした。
初期段階の作品から現在進行中の作品までのお話。
3D作品のannne frank houseとinteractive universe、demo bloomの鑑賞
1万パーティクルを動かしてレンダリング速度を落とさないと言う
milky ballというTriangle 3Dをつかった作品
それがこちら。
par vartex normal:点で取った三角形で組み合わせて面を増やし、
その三角形を組み合わせて円を描く
pixelベンダーフィルターで1秒に54フレーム→
→adapting subsampling
→visualisation images
とにかく滑らかでぷよぷよ感がスゴイ！
session3:Building iPhone application using Adobe Flash CS5 by Mike Chambers
Adobe Flash CS5を使用したいiPhoneアプリケーション開発
iPhoneアプリの開発はやったことないので話にいまいちついて行けずでした。。
主なお話はコンテンツの最適化
こちらはキーワードとなった用語たち。解説なんてできません。
AS3 Performance testing herness
simple game freamwork
rendering
GPU composition
cache as bitmap boolead
cache as bitmap matrix
instance allocating
session4:special session fladdict 深津貴之氏
AIR 2.0 Microphone API
session5:Welcome to the show by Mario Klingemann
サイドショウへようこそ
Mrio氏のsession動画：Flasher Magazine – Mario Klingemann in Tokyo
多角形は数学的に扱いやすい、確率論を応用する
ボロノイ図を使用して絵を描いていく
多角形をカットし、ジオメトリーライブラリを使用して
定期的なインターバルを設置する
ボロノイ図の内でボロノイ図を展開する
おまけ！The new model for the Gap is really hot
パロディかほんものかわかんないけど、オトコマエだわー。
女子Flasher人気ヤバそうだなぁw
session6:Latest ActionScript Topics with Flash Professional CS5 by新藤愛大
Flashplayer 10.1とAIR2.０であそんでみたという内容。
音声ファイルを波形に表示し、その波形の表示をごにょごにょするという感じ。
すげー適当ですみません。。
ブログにてスライドとコードがDLできるようです。
こちら→be-interactive：FLASH PLATFORM CAMP TOKYO
session7:Art of Play by Erik Nazke
コードはアートでコードは美しい。
とても感動しました。作品を観て頂くのが一番よいかと。
表現の手法は自由ですがコードでここまで繊細な表現できることに大変驚きました。
可能性を広げ夢をみれたセッションでした。
同席していた某flasher氏も大興奮でしたよw
同時にこの素晴らしい技術に自分はここまで書ける様になるには
どれくらいかかるだろうなんて未熟さを痛感したりしてしまいました。
がんばろうとやる気を与えてくれる1日でした。
ASばんざい！
Erik氏の作品動画
参考：
quasimondolibs
USTREAMのまとめ
すみません、だらだら更新しないまんまでしたが、
既に公式サイトで動画が公開されました。
各セッションの動画がご覧になれます。
こちら。http://adobefpc.jp/
上記を全部ムシして動画を見ていただくのが一番良いかと思います。
15
3月
3月
仕事用のWPをアップグレードするということでバックアップしにゃ
となりまして、一先ずlocalhostで構築中のものからやろうとしたら、
自動でupdateできないうえに手動でbackup。
さらっと終了したけどめもしときます。
1、手動でデータベースのバックアップ
・phpMyAdminを起動
・wordpressのデータベース選択します
・エクスポートタブを開きます
・DB のダンプ(スキーマ)表示の選択
エクスポート：SQL
オプション データ
完全な INSERT 文を作成する：チェックを外す
長い INSERT 文を作成する：チェックを外す
ファイルに保存：zip形式
実行
変更がない部分はデフォルトのままです
詳細説明はこちら。
めも：ログイン時にエラーがでたので調べてみました。
むっちゃ単純なミスでしたが、調べたので備忘めも。
#1045 – Access denied for user ‘********’@'***.168.100.***’ (using password: YES)
ユーザー名とサーバ選択間違ってないか確認してください
[_]抜けてませんか？
#1045 – Access denied for user ‘root’@’localhost’ (using password: NO)
wp-config.phpを書き換えてしてませんか？
パスワードがまちがっていますよ
2，自動でデータベースのバックアップ
超便利なpluginがあります。
WordPress Database Backup
運営中のものはこれを入れときましょう。
zip形式で自動インストールします。
pluginを有効にして、管理メニューのツール・バックアップから設定をおこないます
バックアップするテーブルを選択
このpluginの何が偉いかって自動バックアップ機能付き！
しかも
1時間ごと / 毎日2回 / 毎日1回 / 週 1 回から選べる。
そしてここ！
バックアップを圧縮してzip形式でメールに送ってくれます。
さっそくいれときませう。
3,手動アップグレード
これを参考にしました。
WordPress のアップグレード
plugin全部無効にします。
使用中のもの、控えておいたほうがいいやもですね。
古いWordPressファイルを削除し、新ファイルをアップロードするという
簡単な感じなんですが、wp-contentフォルダを上書きしてしまいました。
もちろんthemeが新ファイルはデフォルトしか入ってないので
エラーおこしてブラウザで表示できません。
ま、使用中のthemeのフォルダをコピーすればいいだけなので
なんの問題もないですが。
ダッシュボードの現在の状況で
WPのバージョンを確認、pluginを有効にします。
最新バージョンに対応していないものもあるので
使用中のpluginがバージョンに対応しているかなどの確認が必要です。
WordPress Beta Tester
というpluginでバージョンテスト確認できるよーと教わったのですが、
日本語版は有効なヘッダーがないとのエラーが表示されます。
本家WordPress Beta TesterでDLしてインスコすると
普通に日本語化されてましたよ！
インスコすると管理メニューのツールにベータテストという項目が増えます。
こちらから設定、実行することができます。
必ずバックアップしてからこちらも試されて下さい。
なんしか、自動でアップグレードできるならお任せしたほうがよい
と、思ったしだいでしたー。
11
3月
3月
定義済み変数と関数
ブラウザ情報の取得
<?php
$browser=$_SERVER["HTTP_USER_AGENT"];
echo $browser;
if(strpos($browser,"MSIE")!==false){
echo "\n ブラウザはIEです \n";
}
?>
ブラウザの識別
<p>あなたのブラウザは <?php echo htmlspecialchars($_SERVER['HTTP_USER_AGENT']) ?> ですね？</p>
$_SERVER配列
複数のデータを管理できる配列
$_SERVER["HTTP_USER_AGENT"]
$_SERVERに格納されているデータを取り出す
この場合はブラウザ名やバージョンを取り出す
文字列は二重引用符”"で囲みます
$_SERVER['REMOTE_ADDR']
IPアドレスの取得
$_SERVER['HTTP_REFERER']
ひとつ前にアクセスしていたURL（リンク元）
$_SERVER['HTTP_ACCEPT_LANGUAGE']
ブラウザの言語
ライブラリ関数
処理をひとまとめにしておき必要によって呼び出す
ライブラリに含まれる関数とユーザー定義関数の2種類がある
strpos
文字列の中からある文字列の位置を探す関数
strpos($browser,”MSIE”)!==false)
$browserが示す文字列の中の”MSIE”がある位置を探します
なければfalseという値を返します
if文
条件判定を行う命令文です
if(strpos($browser,”MSIE”)!==false)
strpos関数の返す値がfalseでないかを判別する
$browserの中に”MSIE”という文字があれば使用ブラウザはIEという判定
比較演算子
!==
厳密な比較判定を行う演算子です
!=を使うとfalse,0,”0″なども偽と判断される
!==や===は論理値のfalseのみを偽として扱います
05
3月
3月
記事をまとめていて思ったこと。
関数がばらばらしているので表を挿入したいなと。
そこでhtml投稿で普通にtableタグ入れてみた！
。。。なにもならん。
ええ、有効じゃなんだ。
ということでこんな簡単なことなのにpluginを入れることに。
それがwp-Tableというもの。
こちら参考にさせて頂きました。
WordPress表（table）作成プラグイン
wp-tableで綺麗な表を作る【WordPress】
日本語使うのがめんどうだったため英語で使用。
むつかしくないですよーーー。
まず普通にzipをDLします、んでインスコ。（省略しますね）
有効にすると管理画面メニューバーにtablesが増えます。
そこから表を作ります。
Table name タイトル
No. of columns 横の項目
No. of rows 縦の項目
以上を設定して作成します。
IDが割り振られた表が完成します。
editをクリックして表の中身を記載します。
項目を記入したら必ずUpdateを押して下さい。
それをせずにEdit widthとかやっちゃうと記入した内容消えてしまいます。
Edit widthの項目で文字揃えの設定が可能です。
表の記入ページの下にはオプション設定があります。
こんな感じの。
見出しを付けるかどうかや、タイトル表示、色や空白設定など。
CSSを直接変更して反映する方法も選択できます。
出来上がりがこちら。
記事内に表を載せるときは
[table=ID番号]
を記述するだけ！
| fruit | no | color |
|---|---|---|
| apple | 3 | red |
| lemon | 5 | yellow |
| grape | 8 | purple |
すっきりしたでしょ！
ちなみにa hrefタグでlinkの挿入もできます。
01
3月
3月
author: qu category: seminar
2月28日に関東ITソフトウェア健保会館で開催された、
WordPress x ロクナナワークショップ 実験！WordPressラボラトリー
に参加してきました。
参加するだけしておいてまとめることすら怠っていたので
せっかくなのでここにまとめようと思います。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
session1
WordPress 活用と参加のためのヒント：Naoko McCracken氏
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
・WPを使用したサイトの事例の紹介
cookpad
コマーシャルフォト
wordcamp fukuoka
他多数
国内での事例はまだまだ少ないとのこと。
・wordcamp fukuokaのサイトはwordpress MUを使用している
・MUとはマルチユーザーサイト
MUを使用してアカウントを作成できる体制にし、
だれがどのイベントに出席するなどの管理に使用した実例
・ブログCMSとしててはなくこれからはサイトの構築ができるCMSへ
・カスタマイズを自由にする
カスタムフィールド
ーカスタムフィールドの使い方
カスタムタクソノミー
ーCustom Taxonomies
タグ、カテゴリー以外の分け方で独自URLを使用できる
例：wordpress.tv
（参考：Custom Taxonomies カスタムタクソノミーズ）
カスタム投稿タイプ
カスタムできる部分を増やして行くことで機能の自由度をあげる
・関数リファレンスを利用してカスタマイズする
WordPress Codex 日本語版にある程度のカスタマイズのやり方が書かれている
使用する関数はできるだけ関数リファレンスに記載されているものを使用するのが望ましい
・テーマのトレンド
ユーザーがカスタマイズできるtheme
ウィジェットに対応、背景、ヘッダー、ナビゲーションが変更可能
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
session 2
テーマ開発の裏側とディレクテッド・デザイン：Noel Jackson氏
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
・イテレーションデザイン
価値観、ニーズ、ゴールをガイドラインとする
反対の考え：マスタープラン
最初に正解を得られる考え
・モックアップを作るのではなく最終形がないので進化に伴って変更される
・コードをコミットしたりデプロイする障害となるものがない
最終の出来上がりを想像してwebページを作るのではなく、
htmlとCSSでcodingしながら進めていくのがベストである。
Photoshopで作業するより早いし、常に変更が加わるのものなので
変更しながら作業すると効率が上がる
・ディレクティドデザインについて
webを自動化する事は簡単だがデザインは自動化できない
自動化はデザインイノベーションの邪魔をする
技術面においては自動化し、手間のかからないようにすることができる
デザインは個々のものなので自動化してしまうわけにはいかない
・アートディレクションプラグイン
スマートカラーセレクション
投稿した写真に合わせて背景カラーをアルゴリズムによって自動選出
一部のデザインを技術に頼る例
・印刷物と同じレベルでwebページもデザインをするべき
誌面からwebへ派生するサイトも少なくないが、
誌面よりwebデザインができていないことがある。
webページも誌面のようにデザインされるべきである。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
session3
WordPressとデータポータビリティ：Ned Watson氏
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
・システム制作のプロセス
サーバーの環境はサブドメインを作成しwpをインストール、
pwをかけてオンラインで確認できるようにするべき
訂正：やっぱりローカルで作業がいいよね。
・costom structure
costom fields
post thumbnails
costegories/tags
shortcodes
ーショートコード API
ーShortcode API
・json/jsonp
javascript object device
先にデータを取得してしまいオフラインでもコンテンツの閲覧を可能にする
・defferent device
多数のデバイス
ipadなどの縦長のデバイス
・themes
デバイスによるテーマ
デバイスが変わっても同じhtmlでCCSのみ変更する
ned氏のsessionは会場にいるPC持ち込みのひとに対し
wpに管理権限アカウントを作成し、実際にcodingしてもらうというsessionを企画
途中で肝心のned氏のアカウントがログインできない、管理権限がなくなる、
自身のサーバー自体にログインできなくなるというとても危険な状態になり、
session内容が変更されました。
管理権限を不特定多数に与えてしまうことがどれだ危険か、
wpのセキュリティについても身をもって証明してくれました。
session最初に、クライアントも公開前のサイトを確認しやすいように
「サブアカウントでオンライン確認がいいよー」とおっしゃってましたが
「やっぱりローカルで作業すべきだね」と訂正されてましたw
実践ではjsonを使った事例などをlivecoding予定でしたが、見れなくて残念でした。
しかしサーバーが心配ですね。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
session 4
ディスカッション：WordPress 3.0 はどう変わる？
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
wordpress3.0の新機能の紹介
MUとの統合
カスタムヘッダー、フッター
wordpress3.0の公開は5月ごろらしいですが、
管理画面よりカスタムヘッダーやフッターが追加されるなど、
ファイルを直接いじらずカスタマイズできるようにこれからどんどん変化するそうです
あと古いversionはセキュリティ面もあるのでやはり随時updateするべきとのこと。
updateして不具合が出てはこまると言う時にはWordPress Beta Testerという
pluginを使用するといいそうです。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
注）解説は追記させていただきますー追記いたしました！（3/2）
01
3月
3月
HTMLタグの出力
echoでHTMLタグを出力するとHTML文として機能します
<?php
echo"<pre>";
for($i=0;$i<5;$i++){
echo"hello PHP!\n";
}
echo"</pre>";
?>
実際の書き方では<html>や<body>を置いて使用します
変数の役割（for文）
<font size =1>hello world<br></font> <font size =2>hello world<br></font> <font size =3>hello world<br></font> <font size =4>hello world<br></font> <font size =5>hello world<br></font> <font size =6>hello world<br></font> <font size =7>hello world<br></font>
上記のhtmlをPHPのfor文と変数$nを用いて書く
<?php
for($n=1;$n<=7;$n++){
echo"<font size=".$n.">";
echo"hello world<br>";
echo"</font>";
}
?>
echoの3行は1行にまとめられます
<?php
for($n=1;$n<=7;$n++){
echo"<font size=".$n.">hello world<br></font>";
}
?>
