そーす

福岡在住のプログラマ。SwiftとかKotlinとかJavascriptとかSketchとか触ってます。

Sketch

React Sketch.app で何ができるのか見てみた

Introduction · react-sketchapp ReactのシンタックスでSketchが動くらしい。 なんだかすごそう(小並感 インストール 公式のまんま git clone https://github.com/airbnb/react-sketchapp.git cd react-sketchapp/examples/basic-setup && npm install basi…

DIY子供の絵本棚

設計 Sketchを使って作りました。 よくある形です。 本棚は3段にして、下はおもちゃ箱です。 扉が開閉します。重いので1歳のうちの子は開けることができないです。 近くのナフコに89mm * 19mm * 183mmの木材が200円で売ってたのでそれで作れる範囲にしました…

Sketch Plugin 「Sketch-palette」

github.com Sketchのカラーパレットを使いやすくしてくれるプラグインです。 カラーパレットってのはこれのことです インストール plugin用ディレクトリにクローンしましょう cd ~/Library/Application Support/com.bohemiancoding.sketch3/Plugins git clon…

Fuse Sketchからインポートする

今回はSketchからインポートしてアプリを作成します。 Fuseプロジェクト作成 先にプロジェクトを作っておく必要があります % fuse create app SketchSample Sketchのプロジェクトを作成 今回はサンプルで以下のようなアプリのデザインっぽいのを作りました。…

Fuse インストールからAndroid実機リアルタイムプレビューまで

最近知ったワンソースでiOS,Androidのアプリが作れるツール「Fuse」 なんとSketchから直接インポートでアプリが出来るというかなり良さ気なツールです!! Sketchの変更をリアルタイムで実機プレビューが出来るらしい。。。素晴らしい。 ってことで導入 イン…

テキストの共通化

アプリやWebのデザインやってるとレイアウト違うけどテキスト同じって場合ありますよね。 複数ある場合全部変えるの面倒ですが、Sketchなら共通化できます。 共通化したいテキストを選択してツールバーにある上記のボタンを押してシンボル化します。 あとは…