9月23日、秋葉原UDX(東京都千代田区)にて、(株)PFUのコンパクトキーボード「Happy Hacking Keyboard (HHKB)」の発売20周年を記念したイベントが開かれました。 第1部「HHKBのこれまで」、第2部「HHKBのこれから」、第3部「懇親会&ライトニングトーク」という3部構成の本イベント。企画と当日のモデレータを務めた小山哲志さんによると、当初は席が埋まるかどうか心配していたが、チケットはすぐに完売したとのことでした。 HHKBの生みの親、和田先生によるインターフェース論 第1部の開始に先立って、当日は所用のため欠席された、HHKBの発案者である東京大学の和田英一名誉教授(和田先生)からのビデオレターが上映されました。 和田先生 和田先生は80歳を超えた今もプログラミングが大好きで、IIJ技術研究所のオフィスにあるHHKB Type-Sは現在、R
Mac用キーボードカスタマイズツール「Karabiner-Elements」初の安定版v11.0.0がリリースされています。詳細は以下から。 Karabiner-ElementsはTakayama Fumihikoさんが開発&公開しているMacのキーボードのリマップやカスタマイズができるユーティリティアプリですが、この「Karabiner-Elements」が現地時間2017年09月18日、初の安定版となるv11.0.0へアップデートされています。 Karabiner-Elements 11.0.0 Sep 18, 2017 The first stable release of Karabiner-Elements. (There is no changes from Karabiner-Elements 0.91.16.) Version History – Karabiner – S
TLDR => Lottie is a mobile library for Android and iOS by AirBnb that enables you to embed highly performant JSON based Adobe AfterEffects animations into your mobile app to provide those user experience delighters. This tutorial will walk you through how to get Lottie animations working with React Native. First up lets see some Lottie Animations :-) Lottie AnimationsAlthough creating them with Af
機能的なアニメーションとは、演出のみのアニメーションと違い、その意図が明確かつ論理的に校正された、控えめなアニメーションのことです。それはUIにおける認知的負荷を軽減させ、変化の見落としを防ぎ、そしてよりその空間の記憶を呼び起こしやすくさせ、何よりもUIに命を吹き込みます。 その動きは、増えたり、分かれたり、その形やサイズが変わることで、画面をさらに生き生きと見せることができます。機能的なアニメーションは、ナビゲーション上でユーザーをスムーズに移動させ、スクリーン上の要素の配置の変化を説明し、要素の階層を明確にするために使用するものです。 成功する機能的なアニメーションには、以下の6つの特徴があります。 1. レスポンスがよい UIデザインにおいてビジュアル・フィードバックはとても重要です。なぜなら、ユーザーの認知に対するごく自然な要求に訴えかけるからです。現実世界ではボタンやコントロール
アニメーション12の原則を参考動画とCGアニメーターとしての経験からの使用ポイントと共にご紹介です。 ディズニーアニメーション 生命を吹き込む魔法 ― The Illusion of Life ―という本をご存知ですか? ウォルト・ディズニー・スタジオのアニメーターでも特に中心的な役割を果たしたナイン・オールドメンのうちの2人。フランク・トーマス氏とオーリー・ジョンストン氏が共著した本で、アニメーション制作のハウツー本にとどまらず、ディズニー映画の製作現場での話が満載でアニメーション映画の技法と精神が詰め込まれた大著です。 その書籍の中でディズニーのアニメーターたちが映画製作の中で少しずつ蓄積していった手法・技法を分析、改良、規則化していったのがアニメーション12の原則だと語られています。 CHECKアニメーション12の原則の元祖。 分厚いですが読み応え満点!ディズニースタジオの内幕も存分
ディズニー社に学ぶ!HTML/CSSで12個のアニメーション基本原則を完全再現! フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するために CSS(Cascading Style Sheets、カスケーディング・スタイル・シート)を利用します。しばしばページに変化(英: Transition)やアニメーション(英: Animation)を加えるために CSS を利用しますが、まだまだ開発する余地がありそうです。 アニメーションは、訪問ユーザーにとってデザインをよリ理解しやすく、ためになる情報を伝える強力なツールとなるでしょう。ウェブサイト制作で活用でき、よりパワフルな使い方ができる基本原則を今回はご紹介します。 ディズニー社の現場で長年培われた、アニメーションの基本原則 12 個(英: 12 Principles of Animation)
The 12 basic principles of animation were developed by the 'old men' of Walt Disney Studios, amongst them Frank Thomas and Ollie Johnston, during the 1930s. Of course they weren't old men at the time, but young men who were at the forefront of exciting discoveries that were contributing to the development of a new art form. These principles came as a result of reflection about their practice and t
If you are developing with ReactNative and have not tried LayoutAnimation yet, you are missing out. Coming to ReactNative as an iOS developer, I was worried about losing the convenience of CoreAnimation. UIView animations are so nice; set the desired view properties and go. ReactNative’s Animated API works similarly, but requires a state property for each desired animation. For complex views this
アニメーションはモダンなアプリ体験に不可欠なものになってますよね。 手のひらのなかのツールの使い心地に鈍感な人は減ってきてるのではないでしょうか。 JSでモバイルアプリを作る時、「アニメーションは実装できるけど、カクカクしてたりして、それないほうが良いよね」みたいな話になったことはありませんでしたか? 僕もTitanium,Ionic Frameworkと触ってきて、こういうフレームワークは割りきって使うものという印象をずっと持ってました。 ただ、去年React Nativeを使ってiOS, Androidアプリ(短歌を投稿するSNSアプリです)をリリースしてみて、とても気に入って、今回アニメーションやらインタラクション、どこまで出来るのが実験的にアプリを出してみました。 Phrasal Verbs Flashcard 最近ロンドンに来て、英語学習者の友達が増えたのもあって内容はFlash
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く