ワイヤーとローカルの開発環境で早くも混沌

2007/9/19 水曜日 - 17:57:32 by kazuhide

sh.jpg

水曜日の原田で御座います。

今回はワイヤーフレームとデザインイメージまで思い切って詰めちゃいます。一般的にはどういうステップでするのかは知りませんが自分のやりやすい感じで。

■ワイヤーフレームを考える

ワイヤーフレームとか言っておきながら、ワイヤーフレームのことがイマイチよくわかっていませんでした。

単に線で機能をレイアウトするもんだと思っていましたが色々奥深いようです。

例:
【レポート】ハイクオリティサイトのワイヤーフレーム分析 (1) 他サイトのワイヤーフレームから学べること | クリエイティブ | マイコミジャーナル

画面レイアウトを考える その3ホームのワイヤーフレームを作る:ITpro

まぁ、でもまずはざっくりと作ってみようかと。そこでいつもどおりに何か参考になるサイトを。

そこでこちらを選びました。

wis.dm

これはいわゆるQ&Aサイトですが、最近、ぼつぼつ目にする。

シュリンプミーの構造とも近いところがあるような気がするので(勘)、これを参考にさせて頂く。

所要時間:5分

■ワイヤーフレームを作る

作り方もよくわかってませんが見よう見まねで作成。

むしろパワーポイントの要領で作成。まずはミニマムな構成を検討。

で、この場合、機能なども考える必要があるかと思いましたが、まずはミニマムで行こうということで、トップページとクイズページの2枚の構成。

・トップページ

shrimp_wire1.png

・クイズの投稿部分

shrimp_wire2.png

所要時間:20分

■デザイン

デザインは後の話かも知れませんが、とりあえず色を決めたいということで暖色(主にオレンジ)で作成しようと決めました。

理由はエビがオレンジだからです。

所要時間:5分

■開発環境を整える

ローカルに環境を整えなあかんということでXAMPP。

XAMPP

XAMPPに関しては以下などご参考;

XAMPP - 開発環境一括インストール - phpspot

「前にインストールしたはず」と思って、アクセスするとパスワードを忘れログインできず。

しょうがないので再インストールをすると、ダウンロードするファイルを混同し事件(Zip版とインストーラー版)。そこから花金トラブルスパイラルに突入。

そして2時間ほど格闘するもThinkPad君が疲れたそうなので一次休止(調子が悪くなった)。

しょうがないのでまずはリモートでしたろかしらん。

所要時間:2時間半

ということで、次週は頑張ってPHPに早速入ってみます。あ、デザインつまらずに終わっちゃった。来週はHTMLとCSSでサイトの枠組みを先に作っちゃおうかしら。

WordPress database error: [Table 'rock_100.wp_comments' doesn't exist]
SELECT * FROM wp_comments WHERE comment_post_ID = '42' AND comment_approved = '1' ORDER BY comment_date

Leave a Reply

XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>