作業週:デザインの作業フローとインターンブログのデザイン

作業日誌:2013.1.21


  • デザインのフローについて
  • インターンブログのデザイン
  • コマンドを色々思い出す
  • 現時点での成果物

デザインのフローについて


@machidaさんの場合:
(紙は使わないらしい!結構レアらしいです)

  • 簡単な画像を作る
  • コーディング
  • chrome上でcssの調整編集

※ただし、受託の場合は割ときっちり目にカンプ(comprehensive layout)を作ってクライアントに確認してもらう。アジャイルな場合は、簡易なカンプにすることが多いそうです。

インターンブログのデザイン


  • フッター内での配置
  • デザイン候補をいくつか置いておきたい
    • デザインブランチみたいな
  • About
    • 何を書くか
    • 何か画像を入れたい
      • アプリのアイコンを
      • iPhone壁紙

コマンドを思い出す


  • Herokuにpushする前にローカルで確認する

    ruby -rubygems web.rb

  • git flowの使い方

    https://satoko87.wordpress.com/2012/12/13/77/#git-flow

  • git logをtree形式かつカラフルに

    git log –graph –pretty=format:’%C(yellow)%h%C(cyan)%d%Creset %s %C(green)- %an, %ar%Creset’

[参考]

Git config powerup with aliases, diff & log
http://oli.jp/2012/git-powerup/

  • Sinatraで静的ファイル

    get ‘/’ do
    content_type “text/html”
    send_file “public/index.html”
    end

[参考]
@komagataさんのを見かけて:

herokuに静的ページをアップする
http://docs.komagata.org/5024

rackを使わない舞波さんの方法:

Sinatra で静的ファイル
http://blog.s21g.com/articles/1565

現時点での成果物


案2の方で行こうと思っています。

  1. 案1

    http://frozen-bayou-8506.herokuapp.com/blog_with_backgroundimage.html

  2. 案2

    http://frozen-bayou-8506.herokuapp.com/blog_with_bookstyle.html

Advertisements

3 thoughts on “作業週:デザインの作業フローとインターンブログのデザイン

  1. なるほど、tig面白そうですね。vimはあまり使えない人なので使いこなせるか気になりますが、やってみたくなりました。コメント、ありがとうございます〜

  2. Pingback: 作業週:ブログのデザインについてメモ | Web Design Internship at fjörd.jp

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s