Because We Love Happy Coding

フリーライターからエンジニア × 講師。発信力だけあり余ってる感じ

個人プロジェクト「LvUp!」のカンプ作成中

今日もまたコーディング。だって僕らはHappy Codingが大好きだから。

カンプを作成中。ソフトはAdobe Illustrator

アートボードは2つ。幅320pxと幅768px。比較的シンプルなサイトなので、あまり大画面でもやることは変わらない。

ファイルは今のところ以下。

  • footer_0100.ai
  • front-page_0101.ai
  • header_0100.ai
  • main_0102.ai
  • register_0102.ai

WordPressを使うわけじゃないけれど、なんとなくWordPressのテンプレート名を意識した。_0000は自分ルールのバージョン管理番号。ああ、こういうドキュメントもGitHubで管理していいんだろうけど。でも今はまだ無料プラン使ってるし、公開にはしたくないしな。

Illustratorの「配置」を使ってheaderとfooterは共通ファイルから読み込むようにしているので、header_0100.aiをいじれば、関連しているファイルに反映されるはず。

front-pageは新規ユーザー向け。registerはユーザー登録画面。mainは登録ユーザー向け。

書いているうちに「あ、忘れてた」とか「これ足さなきゃ」ってのがいろいろ出てくるので、要素の書き出しが足りてないなぁ。忘れていたもの。

  • 設定画面へのリンク
  • 言語変更メニュー
  • ログイン、ログアウトのリンク
  • タグ

「システム的なユースケース&要素出し」からのワークフローがきちんとできてないなあ。