http://www.d-improvement.jp/learning/progression/ DiスタッフのProgression学習記録ブログ。コンポーネントでの制作から学んでます。 ja Copyright 2010 Wed, 02 Dec 2009 11:38:05 +0900 http://www.sixapart.com/movabletype/ http://www.rssboard.org/rss-specification 学生用に逆引きリファレンスを作ってみます。※少しずつ追記します。 http://www.d-improvement.jp/learning/progression/component/reverse-reference.html http://www.d-improvement.jp/learning/progression/component/reverse-reference.html Progression3 コンポーネントスタイルでの制作 Wed, 02 Dec 2009 11:38:05 +0900 [CSS Nite in FUKUI, Vol.3](http://cssnite.fisc.jp/vol3/)のミニセッションで、「これからWebデザインをはじめたい人向けの学習プラットフォームについて」と題し、短大での実践と地元のコミュニティについてお話させていただきました。 その中で、短大での授業で採用させていただいているProgressionについても紹介させていただきました。 （10月31日に参加させていただいたWCAN mini ActionScript Vol.13「名古屋でProgression！」では、本発表の一部（短大での実践部分）を拡充し「Webデザイン・ビギナー向けプラットフォームとしてのProgression」というタイトルで発表させていただきました。）]]> http://www.d-improvement.jp/learning/progression/topics/css-nite-in-fukui-vol3.html http://www.d-improvement.jp/learning/progression/topics/css-nite-in-fukui-vol3.html Progression3 トピックス Sun, 29 Nov 2009 17:30:29 +0900 Audacityでピッチを調整 - 編集が完了したら、QuickTime形式で書き出し。※YouTubeがHDに対応しているので、サイズ変更せずそのまま書き出す。今回のサイズは幅1280px・高さ800px - YouTubeにアップロード - [アノテーション機能](http://www.youtube.com/t/annotations_about?gl=JP&hl=ja)を使って、ビデオ内にコメントを追加 ### できたもの YouTube - Progression3 (component style) で3ページのシンプルなサイトを作る]]> http://www.d-improvement.jp/learning/progression/component/video-tutorial-simple-site.html http://www.d-improvement.jp/learning/progression/component/video-tutorial-simple-site.html Progression3 コンポーネントスタイルでの制作 Sun, 29 Nov 2009 09:55:38 +0900 コンポーネントスタイルで作ってみた3ページのシンプルなサイトと同じ構成のものを、クラススタイルで作ってみました。 手探り状態のところもあるので、「こうした方がいいよ！」というアドバイスがありましたらぜひお願いいたします。 m(_ _)m → 完成サンプル Progression公式サイトの「クラススタイルガイド」を参考にさせていただきました。 ### 制作環境 - Flash CS3 ... UIの作成 - FlashDevelop + Progression 4 beta ... コーディング、コンパイル - 独学ActionScriptさんによる「FlashDevelop用 Progression 4.0.1 Public Beta 1.1 プロジェクトテンプレート」 ↓FlashDevelop用 Progression 4 プロジェクトテンプレートの最新版はこちらからダウンロードできます Downloads - flashdevelopjp - Project Hosting on Google Code ### 制作手順 0. 画面の設計、UIの作成 1. プロジェクトの新規作成、初期化 2. シーンの作成 3. イベントにコマンドを設定 4. ボタンの作成 5. UIの表示、ブラウザでの表示位置の調整]]> http://www.d-improvement.jp/learning/progression/flashdevelop/simple-site1.html http://www.d-improvement.jp/learning/progression/flashdevelop/simple-site1.html FlashDevelopではじめるProgression Progression4 クラススタイルでの制作 Mon, 16 Nov 2009 22:02:18 +0900 完成サンプル ###手順 1. up点、over点、current点の設定 2. ボタンのデザイン]]> http://www.d-improvement.jp/learning/progression/component-style/up-over-button.html http://www.d-improvement.jp/learning/progression/component-style/up-over-button.html Progression3 みんなのプログレッション - コンポーネントスタイル Wed, 11 Nov 2009 11:35:32 +0900 完成サンプル ###手順 1. フレームを挿入する 2. currentの設定 3. ボタンのデザイン]]> http://www.d-improvement.jp/learning/progression/component-style/current-button.html http://www.d-improvement.jp/learning/progression/component-style/current-button.html Progression3 みんなのプログレッション - コンポーネントスタイル Wed, 14 Oct 2009 13:28:03 +0900 完成サンプル ### 手順 1. コンポーネント「InOutMovie (IOボタン)」を配置 2. フレームの挿入 3. in点、stop点、out点の設定]]> http://www.d-improvement.jp/learning/progression/component-style/add-frame-animation.html http://www.d-improvement.jp/learning/progression/component-style/add-frame-animation.html Progression3 みんなのプログレッション - コンポーネントスタイル Wed, 30 Sep 2009 16:35:46 +0900 HelloWorldを表示する1の続き。 Flash CS3で作成したシンボルをキャスティングしてみる。Flashのブラシツールで「HelloWorld」と描いたものをキャスティングする。 ]]> http://www.d-improvement.jp/learning/progression/class/helloworld2.html http://www.d-improvement.jp/learning/progression/class/helloworld2.html FlashDevelopではじめるProgression Progression4 クラススタイルでの制作 Fri, 25 Sep 2009 00:01:27 +0900 Progression - Framework for Flash >>> クラススタイルガイド を参考に「HelloWorld」を表示してみる。 ※コンポーネントスタイルでの制作経験有を前提知識とする。]]> http://www.d-improvement.jp/learning/progression/class/helloworld1.html http://www.d-improvement.jp/learning/progression/class/helloworld1.html FlashDevelopではじめるProgression Progression4 クラススタイルでの制作 Wed, 23 Sep 2009 20:10:09 +0900 Web Design Workshop - day 1 の続き]]> http://www.d-improvement.jp/learning/progression/workshop/jin-ai-design-archive-project-web-design-workshop-day-2.html http://www.d-improvement.jp/learning/progression/workshop/jin-ai-design-archive-project-web-design-workshop-day-2.html ワークショップ Wed, 09 Sep 2009 12:46:26 +0900 2009/09/09 13:30-16:30 グラフィックデザインは履修済みで（Adobe Illustrator は使える）、ウェブデザインに関する知識が全くないデザイン系コース所属の学生を対象に想定したワークショップ。 1. HTML/CSS/javascriptといった技術よりも、「画面設計」「ユーザビリティ」を優先して学んでもらう 2. Adobe Illustrator の利用経験を活かしてもらう 3. 知識と技術の習得にあてられる時間が短い という条件から、制作プラットフォームに「Flash+Progression（コンポーネントスタイル）」 を採用した。 http://www.d-improvement.jp/learning/progression/workshop/jin-ai-design-archive-project-web-design-workshop-day-1.html http://www.d-improvement.jp/learning/progression/workshop/jin-ai-design-archive-project-web-design-workshop-day-1.html ワークショップ Tue, 08 Sep 2009 14:53:34 +0900 シンプルなウェブサイトに画像を挿入してみます。 今回は自己紹介の内容の右部分に枝豆の写真を挿入してみます。 http://www.d-improvement.jp/learning/progression/component-style/insert-image.html http://www.d-improvement.jp/learning/progression/component-style/insert-image.html Progression3 みんなのプログレッション - コンポーネントスタイル Wed, 02 Sep 2009 14:32:58 +0900 Progressionでの制作にあたり、「プレビューされない」「ページが切り替わらない」など、つまずいた場合の修正方法を説明します。 http://www.d-improvement.jp/learning/progression/component-style/debug/cast-name.html http://www.d-improvement.jp/learning/progression/component-style/debug/cast-name.html Progression3 よくあるつまずき Tue, 18 Aug 2009 09:11:49 +0900 完成サンプル]]> http://www.d-improvement.jp/learning/progression/component-style/simplesite3.html http://www.d-improvement.jp/learning/progression/component-style/simplesite3.html Progression3 みんなのプログレッション - コンポーネントスタイル Thu, 06 Aug 2009 13:51:01 +0900 シーンに挿入するキャストがたくさんあると作業に時間がかかる。 そこで、ボタンたちを「Navigation」という名前のシンボルでひとつにくくり、作業の効率を良くする。 http://www.d-improvement.jp/learning/progression/component-style/simplesite2.html http://www.d-improvement.jp/learning/progression/component-style/simplesite2.html Progression3 みんなのプログレッション - コンポーネントスタイル Wed, 05 Aug 2009 15:34:30 +0900