デザイナー、秋葉秀樹のブログ

秋葉秀樹が講師を務めるセミナー情報、AS3編

イベントタイトル	『脱・やらず嫌い！』デザイナーのためのFlash ActionScript3.0
開催日時	2008年11月26日（水）　10:00～18:00
開催場所	アジア太平洋トレードセンター（ATC）内ITM棟6階　PCトレーニングルーム
講師	秋葉秀樹
問い合わせ先	イメディオ教育研修事務局 TEL：06-6345-6080 MAIL：kouza@imedio.or.jp 営業日時：平日10：00～18：00（※土、日、祝日ならびに所定の休日を除く）

詳細はイメディオのサイトよりご確認いただけます。

イベント申し込みは終了いたしました。
なお当日はオリジナルのテキストをご用意いたしました。
こんな感じです。

秋葉秀樹が講師を務めるセミナー情報、AS3編

イベントタイトル	ビギナーのためのIllustratorトレーニング[イメディオセミナー]
開催日時	2008年12月11日（木）10:00～17:00
開催場所	アジア太平洋トレードセンター（ATC）内ITM棟6階　PCトレーニングルーム1
講師	秋葉秀樹
問い合わせ先	イメディオ教育研修事務局 TEL：06-6345-6080 MAIL：kouza@imedio.or.jp 営業日時：平日10：00～18：00（※土、日、祝日ならびに所定の休日を除く）

詳細はイメディオのサイトよりご確認いただけます。

開催が決定しました、しかし、尚も募集しております、お早めに！

得意とするイラストレータです、ただ、最近の便利機能に着目するのではなく、『ベジェを制するものイラストレータを制する！』と言っても過言じゃない、というコンセプトを貫いたベジェ曲線のコツを中心に、習うより慣れろで学習していただけたら、と思います。

こちらはわたくし秋葉の経験を基に「これ、やっとこう！」を練習素材にまとめたので、教材としてお渡しする予定です。

秋葉秀樹が講師を務めるセミナー情報、AS3編

イベントタイトル	『脱・やらず嫌い！』デザイナーのためのFlash ActionScript3.0
開催日時	2009年1月31日（水）　10:00～18:00
開催場所	アジア太平洋トレードセンター（ATC）内ITM棟6階　PCトレーニングルーム
講師	秋葉秀樹
問い合わせ先	イメディオ教育研修事務局 TEL：06-6345-6080 MAIL：kouza@imedio.or.jp 営業日時：平日10：00～18：00（※土、日、祝日ならびに所定の休日を除く）

詳細はイメディオのサイトよりご確認いただけます。

2度目のAS3講座です。
なお当日はオリジナルのテキストをご用意いたしました。
こんな感じです。

6月26日（金）にイメディオのセミナー「『脱･やらず嫌い！』デザイナーのためのFlash AS3.0入門 前編」を行います。

前編は、プログラミング自体未経験の方が対象、後編はクラスベースの開発の基礎を学ぶことを目指します。

受講される方へ：事前にお渡しするサンプルで予習をお願いします。

表示リストとクリックイベントを学ぶ

ステージをクリックするたびにムービークリップが表示されます （素材ファイル等は当日お渡しします。）

目に見えるオブジェクト「表示オブジェクト」の扱い方を学びます。

受講に必要な条件（受講者が有しているべき経験、スキル、意向）

• Flashアニメーションをモーショントゥイーンで作れる方（簡単なもので結構です）
• ムービークリップシンボルの仕組みを理解している方（入れ子構造が可能、独自のタイムラインを持っているなど）
• キーボードのタイピングに支障がないこと

主な内容

• ムービークリップをスクリプトで動かし、変形させる。
• 1フレーム動くたびに...スクリプトでムービークリップを移動・回転。
• もしも〜ならばどうする、さもなくば...の動きを実現する。
• 変数とは？関数とは？
• ループ文で繰り返しムービークリップに指示を与える。
• ライブラリ内のムービークリップをスクリプトで無数に配置する。
• マウスの動きを取得してムービークリップを動かす。
• ロールオーバーなどマウスアクションで様々な動作を可能にする。
• ダイナミックテキスト内にクリックした数をカウント表示する。
• 動くモグラたたきゲームを作ってみよう。
• 【補足】外部ファイルのローディング
• 【予告】後編で学ぶ「クラス」の予備知識

7月10日（金）にイメディオのセミナー「『脱･やらず嫌い！』デザイナーのためのFlash AS3.0入門 後編」を行います。

ActionScriptも難易度が高くなって、今や公開されているソースなどを見るとほとんどがpackageから始まるクラスファイルになっています。
でも、初めての方や、アクションパネルにしかASを記述した事の無い方にとっては、「結局ソースをコピーして言われた通りに動かしてみる」という事しか出来ず、何故みんなasという拡張子の付くファイルで作るのか？という疑問はもちろん、いったいどういう仕組みで、どう使うのかを理解するまで時間がかかり、最悪そこで挫折してしまうんです。
なぜなら、そのハードルがプログラム未経験者には異様に高いと感じられるからです。
高度なスクリプト記述を目指すなら、「クラスファイル」を作れる所を目指しましょう。

受講される方へ：事前に内容をお知らせしておきます。

XMLファイルとの連携で更新されるフラッシュをつくる

ステージをクリックするたびにムービークリップが表示されます
（素材ファイル等は当日お渡しします。）

クラスで分けるということは、「パーツで分けて分業する」という意味に似ています。
「完成サンプル」では7つのサムネイルが散らばってます。
これは全体のクラスが、7回、サムネイルのクラスを呼び出し、サムネイルはサムネイルだけの独立した「仕事」を行うために作られてあります。
こうすることによって修正・変更などが発生した時に、例えばサムネイル単体だけを見直せばよい、というメリットが多くなります。

受講に必要な条件（受講者が有しているべき経験、スキル、意向）

• Flashアニメーションをモーショントゥイーンで作れる方（簡単なもので結構です）
• ムービークリップシンボルの仕組みを理解している方（入れ子構造が可能、独自のタイムラインを持っているなど）
• キーボードのタイピングに支障がないこと
• 「前編」の講座構成を理解されていること

主な内容

• 前編のおさらい／再確認
• データ型とは？型変換とは？オブジェクトをnewで作るということは？
• クラスファイルを作ってみよう。まずはpackage〜。
• flaファイルからasファイルをnewで呼び出してみよう。
• リンケージされたムービークリップとasファイルを関連付けて動かそう。
• クラスとは？ムービークリップを「継承」させてみるって・・・？
• ライブラリTweenerを使って、楽にトゥイーン。
• XMLファイルを読み込んで、情報を抜き取ろう。
• 情報を元に画像をローディングしよう
• XMLで更新出来るシンプルフォトアルバムを制作しよう。
• 【補足】これから学ぶべきおすすめの内容

来る6月9日（火）のCSS Nite in OSAKAでは、いつもより30分拡大版、18:30スタートでやります。
場所はいつものアップルストア心斎橋。
トップバッターはなんと、ワタクシ秋葉秀樹の予定です。

さて、今回は4人出演のうち3人は「スクリプト」にフィーチャーしてます。
あと一人の今回紅一点、木村萌子さん（きむらもえこ・名前がイイっ！）は「ランディングページ」の話題らしいです。
残り3つとも、「初心者／未経験者」への「JavaScript」や「ActionScript」の話題になります。
経験者の方は正直、かなり物足りないでしょう・・・。
でも未経験者の方にとってはチャンスな1日となりそうです。

• ユーザーのココロを掴むランディングページ／木村 萌子
• JavaScriptかみくだき -関数編-／田中 朋也
• めざせ脱初心者！これから覚えるFlash術のツボ（仮）／宇都宮 正宗
• 脱！やらず嫌い「MovableType×Flashでつくるフォトアルバム」-ノンプログラマ編-（仮）／秋葉 秀樹

「脱」が2つも・・・笑

そう、宇都宮正宗さんといえば、Flash Power Session（FPS）でおなじみの方、CSS Nite in OSAKAと真っ向勝負か！？

こないだ正宗さんと飲んだんですが、、酒のペースが早いという印象が妙に残ってまして(^^);
見た目によらず、アツい方でした。
だから、、という訳ではありませんが、こういった人間臭いクリエイターに共感を示すワタクシも出演させていただき、勝手にFlash入門者という内容で対決をさせていただこうかと思います。


ちなみに、別エントリーで書きますが、月刊web creators2009年7月号（5/29発売）では今回3箇所くらいに寄稿しています。
今回はそのうちの1箇所、短期連載記事のMovable TypeとFlashの連携の記事を取り上げてみます。
というのも、執筆した内容はActionScriptクラスベースでの作りなので、未経験者の方にはちょいツラそうなのでフレームアクションだけの説明をさせていただきます。

セミナーで講師とかやってると、初めての方に「オブジェクト」って話をすると、とても難しがられるので、今回は「会社の部署」で例えてお話をさせていただこうと思います。



そんな説明とライブコーディングをやってみて、Movable TypeのXMLを読みこみ、解析、画像URLを抽出して表示。ひとまずここまで、やります、いや、やる予定です、ほんとに未経験者向けです。。

それでは6/9ロックの日にアップルストアで会いましょう！！

連載の今回は3記事を寄稿しました。
で、6/9のCSS Nite in OSAKA@アップルストア心斎橋では、私、秋葉秀樹が出演します。
http://osaka.cssnite.jp/

内容は執筆記事をライブコーディングします。

なぜなら、ActionScriptクラスファイルの記事を書いていますが、入門者にはクラスの概念が分かりずらいということで、フレームアクションで書きながら一部をご説明って感じにします。

MTで書き出されたXMLをFLASHで読み込み、サムネイルをロード、表示まで、実際みなさまの前でActionScriptを書いて実行してお見せしながら解説します。

ただ、経験者にはツマラン内容となること間違い無し！です。

photo by おかだよういち http://s-style-arts.info/

ライブコーディングした内容です、執筆内容はActionScriptクラスファイルでしたが、フレームアクションで今回は書きました。

var yamada:URLLoader=new URLLoader(); //おーい山田君！ yamada.load(new URLRequest("http://works.akibahideki.com/web_creators/flash.xml")); //山田君、外部のXMLをローディングしてよ！ yamada.addEventListener(Event.COMPLETE,init); //山田君、XMLローディングが終わったらinitを呼んでね。 function init(e){//呼ばれるinitって関数 var xml:XML=XML(yamada.data); //yamada.dataで、XMLの内容が全部返ってくるよ、変数xmlに入れとこっと for each(var oneEntry:XML in xml.entry){ //繰り返し処理だ！1記事ずつ、<entry>タグごと抜いて変数oneEntryに入れよっと var sasaki:Loader=new Loader(); //おーい！Loader部署の佐々木君〜 sasaki.load(new URLRequest(oneEntry.picture.span.a.img.@src)); //佐々木クーン、画像のURLが分かったから、jpeg画像をロードしてよ sasaki.contentLoaderInfo.addEventListener(Event.COMPLETE,loaded); //佐々木君、画像が読み終わってから次の処理、loadedを使ってね。 } } function loaded(e:Event):void{//画像が読み込み終えたら・・・ var photo:Loader=Loader(e.target.loader); //読んだjpeg画像を変数photoに入れとこ。 addChild(photo); //さて、この場所（アクション書いてる場所）に表示だ！ photo.x=Math.random()*550; //横軸X座標の乱数出して、（0から550pxの乱数）ランダム配置だ！ photo.y=Math.random()*400; //縦軸Y座標の乱数出して、（0から400pxの乱数）ランダム配置だ！ photo.rotation=Math.random()*360; //角度も乱数出して、（0から360度の乱数）ランダムな傾きだ！ }

6/26のイメディオのセミナーに参加される方へ

スクリプトが初めての方対象なのですが、いきなり初めてという方には、一通りサンプルを使って練習をしていただきます様お願いしています。

資料一式はここからダウンロードしてください。
http://akibahideki.com/imedio/pre.lzh



Flash CS3 , CS4両方で開けるようにしていますので、まずはPDFファイルの「プレ練習内容.pdf」を開いていただき、練習のやりがたが書いてますので、簡単なフレームアクションにてコードを打つことに少しでも慣れてください。

意味が分からなくても良いです、それはセミナー中に行います。
ひとまずサンプルコード通りやってみて、動いたらOK!です。
ただ、動かせる所までガンバってくださいね！

残り1ヶ月を切りました！
7月18日（土）に大阪産業創造館で、「CSS Nite in OSAKA, Vol.17 powered by KAGOYA Internet Routing」を主催します。
http://osaka.cssnite.jp/vol17/

【日時】2009年7月18日（土）　14:00開場　14:30開演
【会場】大阪産業創造館　http://www.sansokan.jp/map/
【出演者】

マンハッタン（よしだゆたか＋岡田昇三）	「猿でもわかるFlash Lite講座」
アキラボーイ（デジタルアート芸人）	「アニメ漫才が生まれるまで」
吉岡和彦（カゴヤ・ジャパン株式会社）	「Blog & CMSをPCへインストール！ ～AMP環境でオフライン制作～」
三島輝彦（株式会社 IN VOGUE）	「やめられないとまらない jQueryことはじめ」
角竹輝紀（株式会社 毎日コミュニケーションズ）	「コンピュータ解説書の生まれるまで、と生まれてから（仮）」
鷹野雅弘（株式会社 スイッチ、CSS Nite主宰）	「ロールオーバー今昔物語（仮）」

【定員】　150名 参加費　：一般：4,000円 / 学生：2,000円
【参加申込】http://osaka.cssnite.jp/entry_1/

Webを中心に今までよりさらに広く楽しく学んでいける内容にして、これからって学生さん（パソコンスクール生さんOK）には一般の半額、2,000円で楽しんでもらえる内容です。

今回特に異例とも言える、Web系セミナーにお笑い芸人が参加します。

「エンタの神様」や「あらびき団」など全国的に知られているテレビ番組に出演しているデジタルアート芸人、アキラボーイさんがこの日、何とテレビと同じようなコントをやっていただき、実際どんなソフトを使ってどんな手法でアニメやイラストを作っているのか、その制作の裏側までお見せしてくださるそうです。

普通ではあり得ない、一般のテレビでは見れない貴重なセッションになること間違い無しでしょう！

そしてVol.13と14で相次いで会場を沸かせた、岡田昇三さんとよしだゆたかさんが、タッグを組んで、名前を「マンハッタン」としたらしく、コンビで出演するそうです。
あの「へぇボタン」復活か？
あれよりさらにグレードアップした内容にするなんて言ってますが、携帯連動型コンテンツに同時に150人も大丈夫か？
とにかく楽しみです。

あとはいつもお世話になってるカゴヤ・ジャパンさんからは吉岡さんのご出演。
Webサーバーって？データベースって？って全く分からない初心者、入門者に向けて丁寧に教えてくださるそうです、というより、いまさら聞くのもハズカシいけど、実は良く知らないって方。
こっそり聞いてみてはいかがでしょうか？

インヴォーグより三島輝彦さんが今話題のjQueryの、全く初心者向けに色々お話をしていただけるそうです。
かくいう私もjQuery勉強中の身！これは外せないなと思います。

コンピュータ関連の書籍について、お話して下さるということですが、いったいどんな内容なのか？いまだに謎のベールに包まれている株式会社 毎日コミュニケーションズの角竹輝紀（かくたけ・あきのり）さんが出演します。
そしていつもCSS Niteではこの人、鷹野雅弘さんが出演します。内容は「ロールオーバー今昔物語（仮）」と、仮が付いていますが、もしかしたらちょっと内容が変わるかも...こうご期待なラインナップと言って間違い無し、てんこもりの約5時間くらいのボリュームになっています。

申し込みの方法は、こちらから、エントリーするだけです。
http://osaka.cssnite.jp/entry_1/
学生の方は、フォームの「コメント」入力欄に「学生です」と入力してください。
当日は学生証や、スクールに通っている証明が出来るものを持ってきてください。
それだけでOKです。
あと、フォームでは、セミナー本編と懇親会を別々に受付出来るようにしていますので、懇親会参加ご希望の方、こちらもお忘れなく！

写真：鷹野雅弘（株式会社 スイッチ）

今年3月から良く分からない勢いのもとで結成された実行委員会で繰り広げてきましたWeb系セミナーイベント、「CSS Nite in OSAKA」。
不慣れななか、なんとか5ヶ月連続のマンスリーイベントを無事（！？）終える事が出来ました。

有料版の今回は満員御礼、僕は今回も司会進行を務めさせてもらいました。
今まで参加してくれたみなさん、ありがとうございます！

はじめての有料版、特に僕はこういったセミナーイベントや司会の経験が全くなかったんですが、周りの実行委員スタッフの力で持ちかえすことも出来ましたので、色んな意味で色んな人に感謝すべきことがあるんだな〜！ということも改めて実感した1日だったわけです。

さて次回はまだ決まっておりませんが、これで完結というわけではないので、今後もひとつよろしくおねがいします。

名古屋に行ってきました！名古屋国際会議場。
目当てはWCAN！、名古屋のWeb関連セミナー、初参加です。

朝起きて、新大阪から新幹線で50分！名古屋駅に到着。東京に行くよりだいぶ近いな〜。

さて、今回はCMS特集ということで、今後はどんなCMSを使おうかって事で悩んでいる中、そしてCMS案件が増えている中、１日がっつり「キッカケ」だけでも作れたらなあって意気込みで、名古屋へ！！

SESSION-1 :CMS導入のメリットを探る[20分]
株式会社アクアリング 平野さん
http://www.aquaring.co.jp/

SESSION-2 : Lightning Talks [30分]
《1》藤本　壱さん
『WordPressをCMSとして使う場合の向き不向き』
《2》XOOPS Cube <http://xoopscube.sourceforge.net/>
株式会社ザクロ 早川さん <http://xacro.jp/>
《3》Nucleusが生き残っているわけ<http://japan.nucleuscms.org/>
はなまちや 長沢さん <http://hanamachi.com/>
《4》concrete5 <http://concrete5-japan.org/>
Usagi Project 上野さん <http://katz515.exblog.jp/>

SESSION-3 : クライアントから見た a-blog cms [40分]
有限会社アップルップル 佐藤さん
http://www.a-blogcms.jp/

SESSION-4 : 「bingo!CMS」で"ひらめきをドラッグ＆ドロップ" [40分]
株式会社アイ・ティー・ディー 小林さん
http://www.bingo-cms.jp/

SESSION-5 : SOY CMSのご紹介。こんなときに使ってください！ [40分]
株式会社日本情報化農業研究所<http://www.soycms.net/>

SESSION-6 : Movable Type  [20分]
シックス・アパート株式会社 関さん
http://www.sixapart.jp/

と、みっちりでした。

＝＝＝＝＝＝＝



SESSION-1 :CMS導入のメリットを探る[20分]
平野さんのお話。

６年くらい前から「これはお金になるぞ！」と注目されたそうです。
でもなかなか苦労されたそうで・・・
ここ1〜２年くらいでCMSがまた流行り始めたということで、以前にCMSブーム的な動きはあったと言う事なんですね。
僕がはじめて触ったCMSは5年ほど前にXOOPSを触ってました。
テーブルレイアウトだったんですね、デフォルトが。

今は企業のWEBサイトはあるのは当然、費用対効果が求められて当然とのこと。。
これがCMSを使っても使わなくても関係なく、本当に質が求められるのは当たり前だなあということですね。

【CMSを使うメリット】
■ 管理画面から簡単更新
■ HTMLの知識がいらない
■ 承認フロー
■ スケジュール配信（プレスリリース、キャンペーン情報を例えば、当日０時に配信出来る機能など）
■ ワンソースマルチユース（1回の操作で色んなプラットフォームに使える）
　◎マルチ配信◎マルチプラットフォーム（色々なファイル形式、PC用、携帯用などが良い例）
■ コンポーネント管理（ヘッダーなど共通パーツ領域、メニューなども一括管理）
■ データ連携（CSVなども取り込む）
■ サーバ状のリソース管理　（ゴミファイル、使わなくなった画像などをきちんと消してくれる機能）
■ リニューアルコスト削減　（HTMLをせっせと作るより、記事を書く

「CMSの選定」が最大のポイント
「できること」ではなく「制約」に注視しましょう。

とのことでした。
なるほど、確かに、「こんな事が出来るんです！ほら！」なんて言われても、
その反面これは出来ないという事を知った時にちょっとがっかりする場合もあります。
いずれにせよ、「エンドユーザのためのCMS」と「Web制作者のためのCMS」との共存って難しいテーマかもしれないです。

＝＝＝＝＝＝＝



SESSION-2  LIGHTNING TALK
５分間のライトニングトークです。

《1》藤本　壱さん
『WordPressをCMSとして使う場合の向き不向き』

【いいところ】
■無料
■情報源多い
■ユーザがコミュニティ発達（WordCamp／WordBench）
■テーマが豊富、たいてい無償
■プラグインが豊富、たいていの事はプラグインで実現可能（携帯サイト、フォーム作成など）

【どうなん？的な所】
■テンプレートが PHPそのもの
■PHPがわかるひとには良い、分からない人には困難
■プラグインに依存が高い
■プラグイン同志がバッティング、WPをバージョンアップしたらトラブル等

あと、こんな特徴があるらしいです。
■単一ブログ管理用
■単一ブログで管理出来るサイト
■作成する人間が少ない（承認フローがシンプル）
■プラグインに過度に依存しなくても良い
■PHPの知識による

～～～～～～～～～～～～～～～～～～～～～～～～～～
《2》XOOPS Cube
株式会社ザクロ 早川さん

【特徴】
■汎用CMS（LAMP環境）
■モジュール拡張
■柔軟なデザイン可能
■オープンソースで構築


XOOPS Cube Legacyがあり、古いモジュールも使えるんです、との事です。
昔のXOOPSのテーマなど利用可能らしい。
今からの人はXOOPS Cube Legacyを使ってくださいとの事で
COOPS（コープス）というサイト、XOOPS制作会社の紹介、制作事例紹介などをしている、ということです。

～～～～～～～～～～～～～～～～～～～～～～～～～～
《3》Nucleusが生き残っているわけ
はなまちや 長沢さん

息が長いCMSです。

GPLライセンス　個人商用、無償利用可能

１つのシステムを突っ込めば複数のサイトを構築
お客さんにキャンペーンサイトが出来るごとに使用法を教えるのは面倒

ここから詳しい情報を↓
blog.hanamachi.com/

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
《4》concrete5
Usagi Project 上野さん

はじまりは90名ほどで開発したらしい（サイト構築経験者がほとんどいない状態！？）

画面から編集、プログラミングの知識は要らないまま構築が可能という特徴があるらしい。

今年４月から日本語サイトも。



＝＝＝＝＝＝＝＝＝＝＝＝＝＝



SESSION-3 : クライアントから見た a-blog cms [40分]
有限会社アップルップル 佐藤さん

【特徴】
■デザインの柔軟性
■高機能、多機能
■更新のしやすさ

公開後、何が必要になるか？を考えている
■良質なコンテンツ
■最新情報のすみやかな配信
■サイト自体の継続性

サイト運用は大事だけど、コンテンツ運用も大事

「クライアントがコンテンツを育てやすい事」←が、大事。

【仕組み】
■見ているページをその場で更新
■管理ページに入る必要なし
■直感的な操作

NOT WYSIWYG　→　WYSIWYGを使わない！！

【WYSIWYGの難点とは】
■入力のエリアが一つだけ
■文章や画像の情報を分けて再利用できない
■情報構造への意識が散漫になりがち
■HTMLが汚くなる事も

【カラム（ブロック要素）単位の更新】
入力項目を自由設計を可能
Web制作者のためのもので
HTMLベースのテンプレート
DWで編集が楽
スニペットなどの拡張も用意
インクルード機能で共通部分をパーツ化

SSIをサポートしているのでDWで見る事が出来る！！！
DWのスニペットが使えるので、視覚的にべんりだな！！

■機能紹介
・モバイル対応
　◎各キャリアへのテンプレート設定が可能
　◎半角カナ変換
　◎モブログ機能（version 1.1.0以降）
　◎絵文字対応（version 1.2.0）

・フォーム機能
　◎モジュールとしてHTMLテンプレートに記述するだけで設置可能
　◎入力値のチェック機能
　◎フォームパーツの選択が自由
　◎CSVなどでデータの再利用など

・カスタムフィールド
　◎エントリー、カテゴリ、ブログごと、設定
　◎HTML上に入力パーツを作れる



見出しのレベルを下層ページで分けたい場合に、見ているページに合わせて下げていったりする事が、割と簡単に出来るらしい。
例えばトップでロゴに<h1>だったものを、詳細ページでは、記事タイトルそのものを<h1>にしたいときなど。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝



SESSION-4 : 「bingo!CMS」で"ひらめきをドラッグ＆ドロップ" [40分]
株式会社アイ・ティー・ディー 小林さん

グローバルメニューなど、メニューで作る。
ローカルメニューもメニューで作る。
自動的にパンくずも表示されるようになる。

高機能な作成ツールだな
でもマークアップをする人からすると、どうするんだろ？
↓
デザインを直接触る場合、テンプレート編集画面から「CSS編集」でCSSを管理画面上で触ることが出来る。

↓みれば分かるけど、HTMLやCSSの知識無くても、レイアウトが可能。
ドラッグアンドドロップでレイアウトなどを決めています。
P8080044.AVI

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝



SESSION-5 : SOY CMSのご紹介。こんなときに使ってください！ [40分]
株式会社日本情報化農業研究所

農業もやってる会社のCMSです。


特徴
はやい。かんたん。
２時間程度の講習を受けたら仕事で使える、らしい。
マルチサイト、マルチユーザ。

ページと記事を完全分離されている。
↓
サイト構成が非常に柔軟

<li>が新着情報の記事として件数分入ってくるので
<li block:id="news">
と、MTと違い、マークアップした要素に属性を与えるというルールらしいです。



そのなかに、書きたい内容をコメントタグで、「表示したい場所に表示させられる」という特徴！

DWのスニペット、テンプレート機能が使える。

半独立appのSOY Appなどを使い、スパムよけ機能搭載のお問い合わせフォームを設置出来る。
フォームデザイン編集機能を備えており、自由に管理画面の操作でお問い合わせフォームが完了。

ショッピングカート付きのAppをまもなくリリース！

管理画面のカスタマイズも可能
クライアントが写真アルバムを作るだけ、というケースの場合、管理画面を写真投稿向けにカスタマイズ！


【こういう人に使って欲しい】
■時間がない
■予算がない
■普段使っているCMSでは規模が大きすぎる
■仕様が膨らんでしまった。仕様変更が入りそうだ
■既存サイトへCMSを取り込みたい
■CMSっぽくないサイトにしたい
■HTML5で行きたい！

フォーラムを運営しています。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝



SESSION-6 : Introduction to Movable Type  [20分]
シックス・アパート株式会社 関さん

ソーシャルサービスとの連携を目標にしているらしい。

ブログから、Webサイト全体の設計
CMSとして機能を完成
作成したデザインの配布・再利用
コンテンツとデザインの正しい設計をMTタグ・拡張の知識量に依存せずノウハウをシェア

「何が出来るのか」を分かりやすく、直感的に操作できるナビゲーションを目標に、
ナビが変わるらしい。
ナビが横並びだった。

リッチテキストエディター機能向上やカテゴリ、フォルダの並び替えができるらしい。

ちょっとだけ値上げ・・・

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

総合的に思った事は、やはりCMSは世の中に必要だと思います。
ただ、運用・構築となると、制作者に対するもっと突っ込んだ勉強会などを
各開発元がもっともっと地方に向けても積極的に攻めていって欲しいなと思います。

結構興味がある人は多く、地元のイベントを開くのであれば、
それはそれで協力出来る人も色々いるんじゃないかと思います。
まあ、僕もそれが出来たらいいなと思います。

12月16日（水）にイメディオのセミナー「『脱･やらず嫌い！』デザイナーのためのFlash AS3.0入門 前編」を行います。
http://www.sansokan.jp/events/eve_detail.san?H_A_NO=10159

前編は、プログラミング自体未経験の方が対象なので、受講生さんには予習をお願いします〜っ！

まずはサンプルファイルをダウンロードしてください。
サンプルファイル（20.4MB）

解凍するとフォルダがpre0〜pre7まであります。その中にそれぞれflaファイルがありますので、まずpre0_varの中のflaファイルを開いて下さい。
タイムラインの1フレーム目にアクションが書かれていますので、アクションウインドウを開いていただき（winならF9キー）、グレーアウトしているスクリプト通りに、マネして書いて（コピペはやめてくださいね。）、パブリッシュして下さい。

これをpre7_monsterフォルダまで行ってください。

とはいっても、いきなりすんごいことは、してもらわなくても結構です。
意味が分からなくても、まず、動かすっ。
変数と基本文法、あと「イベント」のお決まりのおまじない、addEventListenerなどを、しっかり手打ちしてください。

とにかく手打ちすることに慣れること、そして動きが確認できるまでチャレンジしておいてください。

フォルダ名：『pre0_var』

「はじめての、AS3」が出力パネルに表示されたらOKです。

フォルダ名：『pre1_flog』

カエルが半透明になったらOKです。

フォルダ名：『pre2_flog』

カエルをクリックするたび横に移動すればOKです。

フォルダ名：『pre3_flog』

カエルが左上に出現したらOKです。

フォルダ名：『pre4_flog』

ステージをクリックするたびに、カエルが現れたらOKです。

フォルダ名：『pre5_monster』

怪獣が右に移動していったらOKです。

フォルダ名：『pre6_monster』

怪獣がマウスの位置にゆっくり近づいていったらOKです。

フォルダ名：『pre7_monster』

怪獣がマウスの位置にゆっくり近づいて、さらに、マウスの方向に左右に向きを変えたらOKです。

では、当日お会いしましょう！

アドビさんが配信しているニュースレター「Adobe Edge」に僕が講師をしているイメディオのセミナーが告知されました。

http://www.adobe.com/jp/newsletters/edge/january2010/articles/article8/index.html#seminar37

• 2/5(金)13:00〜18:00
  これが出来たら脱・初心者！　はじめてのIllustrator［講師：秋葉秀樹氏］
• 2/19(金)13:00〜18:00
  『脱・やらず嫌い！』デザイナーのためのFlash AS3.0入門 前編［講師：秋葉秀樹氏］
• 2/20(土)13:00〜17:00
  Webデザイン スキルアップ講座〜サイトデザインの改善編〜［講師：森和恵氏］
• 2/25(木)10:00〜17:00
  ビギナーのためのDreamweaverで学ぶCSS〜基礎編〜［講師：森和恵氏］
• 2/26(金)10:00〜18:00
  動きで表現力をアップ Flashコンテンツ制作入門［講師：森和恵氏］

、、、とのことです。（って他人事？）

今、講師業やセミナー、通常のお仕事でお世話になっている森和恵さんの講座もあります。
僕の講座は割とデザイナーさんが多く来てくださいますし、女性でも安心して（！？）参加出来ます、と、思います・・・。
http://www.imedio.or.jp/seminar/

ありがとう、アドビさん。

デジタルハリウッド大学院　客員教授の塩見政春さんが主催する全国行脚のセミナーイベント「IT CIRCUS 2010」が大阪を皮切りに全国行脚スタートします。

大阪主導で動くこのイベントに、僕が関わらせてもらっているCSS Nite in OSAKA実行委員会も参加していき、実行委員を代表してスピーチをさせてもらうことになりました。

公式サイトはこちら。
http://www.it-circus.com/?p=21

アウェーな状態でスタート！宣戦布告！！

CIデザイン編、このあと、Shadeによる、ブランドロゴの手法を実演させていただきました。

「コミュニケーションとは？」というパネルディスカッションでお話させていただきました。

森川氏とちょっとした意見の出し合い。

半年近く前から計画していたCMS特集勉強会、CSS Nite in KANSAI, LP1〜POWER USER'S SUMMIT 2010〜が終わりました。

参加者総勢240人！

今までそんな規模のセミナーはやった事が無いのでとても心配があり、胃が痛かったこともありましたが、スタッフのみんな、会場の皆さんのお陰でなんとか無事（？）成功する事ができました。

でも、なにより今回苦労されたのはパーワーユーザのみなさんではないでしょうか？ cremaさん、太田さん、勝又さん、藤井さん。
事前準備はものすごく大変だったと思います、こんな無茶、本当に引き受けてくれて。
お疲れさまでした、そしてありがとうございました。

フォローアップ記事は徐々に上がってくるそうです。
CSS Nite in OSAKA公式サイトのほうで確認してください。

なお、CSS Nite公式サイトの方では早くも参加者の方のレポートが紹介されています。 http://cssnite.jp/archives/post_1771.html

アンケートには色んなご意見をいただきました。
厳しい意見ももらいました。
で、司会者である僕に対する意見も、好評と批評をいただくという、まあそれだけこのイベントは関心を持っている人が多かったんだな、と思います。

で、僕をはじめとする主催者側にもらったご意見として。。

・出演者の顔が見えない、声が聞き取りにくい、スクリーンが見えにくい 　→キャンセル待ち70名以上の方がいらっしゃって、なるべく参加していただきたく、会場を急遽変更しました、後ろの方のためにスクリーンを調達してきましたが、やはりそういった声が聞こえると言う事で、次回からの会場選びはしっかり考えていこうと思います。

・司会者（つまり僕です）が上から目線、出演者にプレッシャーを与え過ぎ
　→すいません。
　　でも・・・スタンスはこのままで行こうと思います。

リハーサル風景とかの写真。　撮影：おかだよういち（s-style-arts）