デザインビギナーズ第32回 もくもく

[willnet]

今日の成果を貼り付けましょう！

貼り付けの指針

みんなから意見をもらいやすいように、わかりやすく成果をまとめましょう！

• なるべく画像を使う
  • 写真をとって貼り付けたり、スクリーンショットをとってみたり
• 作業前、作業後の画像を貼る
• 力を入れた点や、見て欲しい点をコメントに書く

[willnet]

前回 に続き、Amazon.co.jp： [新装改訂版]Illustratorで学ぶ 「ベジェ曲線」習熟ドリル: DTP制作研究会: 本をひたすらやってました

↓の画像の内容に加えて、一度作ったパスをさらに修正する(パスを足す、アンカーポイントを足す、削る、アンカーポイントだけ残して別のパスを作る)などを学びました。ベジェ曲線(というかイラレ)よくできてる。

Lesson 1~4 のうち、ようやく1が終わり。先は長い

[ir3]

今日やったこと

• 刻言道場「まいトレ」の対話処理をブラウザフロントのJavaScriptにてハンドリングするライブラリとしてReact.jsを採用したい。そこでreactに慣れる為にまず react-bootstrapのお試しをしてみました。
• react-bootstrap御本家
  http://react-bootstrap.github.io/
• react-bootstrapライブラリの本体
  https://github.com/react-bootstrap/react-bootstrap

そもそもreact自体がわからないといけない

-- react自体のはじめの一歩は facebookの入門サイト
http://facebook.github.io/react/docs/getting-started.html
ここで早速 jsxの洗礼を受けることになる

• jsxとは javascriptの中に htmlタグを書けるしくみ
  https://ja.wikipedia.org/wiki/JSX
  http://facebook.github.io/jsx/

reactの解説サイト

• Ajaxを劇的に簡単にするReact.js
  http://blog.masuidrive.jp/2015/03/03/react/
  ここで良い図を増井さんが書いてくれている
  
  う〜ん react-bootstrapへの道はまだ遠かった m(_ _)m

参考

• RailsでReact.jsを始める
  http://qiita.com/mmyoji/items/ce7fef70c0c91aca793b

[morinkey]

今日やったこと

1. jsonチェッカーのUIをフラットUIぽく変更。(springのUIを参考に)
2. fontawesomeを入れてみた。
3. とにかくシンプルに。

before

after

[hanaseleb]

今日は途中で仕事のメールに巻き込まれたりしてたので余り成果物がありません、、。
が、下記の2つの画像を一つのスライドにまとめようと思って四苦八苦してました。

これをまとめて、下のように配置して、、

よくわからなくなってきました！

[tatsuosakurai]

投票アプリに画像表示できるようにしたりしてました

[roundandround714]

ポートフォリオサイトのリニューアル

• 他のデザイナーをサイトを参考にしてどんな構成にするかを決める。
• 文章の準備
• ワイヤーフレームの作成を行いました。

文章の準備

• スキルセットの確認
• 実績の確認

ワイヤーフレーム

• 普段は紙でワイヤーフレームを作るのですが、今日は紙を忘れたため、新しいツールを試しました。
  http://www.justinmind.com/
  

[mtdyr]

今日やったこと

- アニメーションツールの勉強 - 最終目標：絵を描いてLive2Dで動かす（構図を考えたところで終わり） - Adobe Edge Animate CC - チュートリアルやってみる

チュートリアルページ
https://helpx.adobe.com/jp/creative-cloud/learn/start/animate.html
「プロジェクトに動きをプラス」まで