Sunday, 12 February 2017

Basic Calendarのリファクタリング

以前CodePen上に作ったカレンダーUIのサンプル。HTMLとJSをリファクタリングしてみました。

HTMLはPugと呼ばれるテンプレートエンジンです。改行やスペースで入れ子を表現するので、完結にかけます。Emmetより早いですね。

JSはオブジェクト設計に置き換えてみました。Leihauoliさんのブログ記事で勉強しました。やっている間にVue.jsとかは最初からこういう構成になっているなぁと思いながら進めていました。確かに見通しがとてもよくなりますね。

See the Pen Basic Calendar (Refactored) by Hilo (@hilotacker) on CodePen.

Friday, 10 February 2017

ブレークポイントのまとめ

レスポンシブデザインを成功させるにはブレークポイントへの理解が欠かせません。それはウェブでもネイティブアプリ(特にAndroid)でも同じであると思います。

日々変化する環境ですし、ケースバイケースで設定は異なると思うので、完璧はありませんが、ここではプロジェクトに合わせて的確なブレークポイントを設定できるように

  • Android Material Design Guideline
  • Bootstrap
  • ZURB Foundation
  • 以前の私のポートフォリオサイト

のブレークポイントをまとめてみました。

Continue Reading

Tuesday, 7 February 2017

私のTrelloの使い方

TODO管理やプロジェクト管理にTrelloを使っています。直感的な操作、俯瞰してタスクを眺められるところ、マルチデバイスでの一貫したUXが気に入っています。こういうアプリのUIに関わってみたいものです。

ただ悩ましい点もあります。例えば

Continue Reading

Monday, 6 February 2017

Friday, 3 February 2017

Saturday, 13 February 2016

AfterEffects CS6がEl Capitanアップデート後Dynamic Link問題で起動時クラッシュする問題の解決

aeMacbookをEl capitanにアップデート後、After Effects CS6は起動時に確実にクラッシュするようになりました…。普段は使わないアプリとはいえ、これは困った。日本語情報で得られる方法は私の場合、ダメでした。
結局アップデートから数週間、たまに検索し続けつつ、問題放置といった状況でいたのですが、ついに先日解決方法が書いてあるページに行き当たりました。もしかしたら、同じ症状の方もいるかもしれませんので記録を残しておきます。
まず、私の環境と状況を整理しておきます。
・Macbook Pro Retina 2012
・Marverics からEl Capitanへアップデート
・After Effects のバージョンはCS6
・Creative Cloudを通して最新アップデート済み
・起動数秒でクラッシュ
・エラーメッセージには”Dynamic Link 5”の記述が。
さて、解決方法が書いてあったページは下記フォーラムです。
解決方法は下記です。
・MAC HD> Library>App Support>Adobe>Plug-Ins>CS6>File Formats内にある
  ICOFormat.pluginを削除する。
カンタンですね!
いやいやそこに至るまでは苦労があります。この男性、ITコンサルだそうですが、アドビのコールセンターに電話をかけるも、全然分かってない人に当たって、結局スーパーバイザーを呼び出してもらっている間に自己解決したようですね。素晴らしい!