2018/10 - One week I Learned

2018/10 - One week I Learned | 一週間で知った事・学んだ事の個人的な備忘録

@yu-kgr

3 minute read

今週、知った/学んだこと

2018/10/01- Learned

10月01日(月)のToday I Leaned.

Java

基本的に、下記のような形でコードを記載していく。

// こんな形で記載していく
class クラス名(){
  フィールド1;
  フィールド2;
  フィールド3;
  ...

  メソッド1{
  }
  メソッド2{
  }
  メソッド3{
  }
  ...
}

各項目について図で記載するとこんな感じ。

名称 内容
クラス(Class) まんまクラス。設計図的なやつ
メソッド(Method) まんまメソッド。実行処理的なもの
フィールド(Field) JSでいうとオブジェクトなような変数なようなもの

2018/10/02- Learned

10月02日(火)のToday I Leaned.

Java

メソッドの記述方法

[アクセス修飾子] [戻り値の型] メソッド名(引数1,引数2,引数3...){
	(メソッドの処理内容)
}

アクセス修飾子

  • 修飾した変数・メソッドなどに対してスコープをつける事ができる
名称 アクセス可能(同一クラス / 同一パッケージ / サブクラス / すべて)
public ⭕ / ⭕ / ⭕ / ❌
protected ⭕ / ⭕ / ⭕ / ❌
指定なし(デフォルト) ⭕ / ⭕ / ❌ / ❌
private ⭕ / ❌ / ❌ / ❌

パッケージ

  • クラスに対してパッケージというものでラベリングする事が可能

2018/10/03- Learned

10月03日(水)のToday I Leaned.

Sketch

IllustratorとかPhotoshopと比較してのSketchの概念の📝

データ構造について

  • abode系ツールと比較した場合、アートボードとかレイヤーの構成が異なっているので改めて違いを記載。
名称 説明
ページ(Page) 各アートボードをまとめる概念的な存在
アートボード(Artboard) イラレ/フォトショで例えると新規ファイルに該当
レイヤー 短径やらエン欠やらテキストなどのオブジェクトを含むもの

従来のオーサリングツールではアートボード毎にファイルを分割していたが、
ページという概念がある事により、1つのsketchファイルにまとめる形となっている。

昨今のデザイン周辺ツール

デザインツール周りの運用においてのワークフロー考える為にいったん、適当に一覧化してまとめる。

名称 対応(モックアップ作成 / プロトタイプ共有 / インスペクト / バージョン管理)
Sketch ⭕ / ❌ / ❌ / ❌
Zeplin ❌ / ⭕ / ⭕ / ❌ ※inVisionに食われた感
inVision ❌ / ⭕ / ⭕ / ❌
prott ❌ / ❌ / ⭕ / ❌
Abstract ❌ / ⭕ / ❌ / ⭕ ※共同編集可能
GitHub ❌ / ❌ / ❌ / ⭕
inVisionStudio ⭕ / ⭕ / ⭕ / ⭕

デザインワークフロー案

  1. Sketch + inVision + GitHub / チーム内で完結する場合
  2. Sketch + inVision + Abstract / 横展開する場合
  3. inVisionStudio / 詳細がわからんが思い切る場合

影響要素

上記が必要なのかどうかを判断する材料としては、下記のものあ考えられる。

  • チーム編成 / チーム開発を行っている場合は、実際にモックアップ作成を担当する人員が何名いるのか
  • 企業文化 / 企業の体制上、気軽に成果物をリリースできるかどうかでプロトタイプ共有がどのレベルまで求められるか
  • 協業体制 / 各メンバーがどこまでのの作業領域なのか、どこまで協業するのか

2018/10/04- Learned

10月04日(木)のToday I Leaned.

どういうUIにしたいのか迷ったときにみるもの

しりたい事 URL
スマホのUIをアクション毎にみたい https://pttrns.com/
スマホのUIの動きをみたい https://uimovement.com/
他の方が作成したSketchデータがみたい https://www.sketchappsources.com/
レスポンシブデザインのサイトがみたい http://responsive-jp.com/
ベースカラー以外の色をきめたい https://www.materialpalette.com/
comments powered by Disqus