2019年2月22日 CSS, JavaScript, jQuery 人間の目は動きを感知すると反射的に目が動き、意識をそちらに向けるそうです。そのため、アニメーションは要素をほんの少し動かすだけで注目を集められるという強い力を持っています。今回はそんなアニメーションを手軽に実装できるCSSやJavaScriptのライブラリーをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ アニメーションを使う時に気をつけたい事 アニメーションを使えば、前後の画面に繋がりを持たせたり、ユーザーに次の動きを予測させ、安心感を与えることができます。よく使われるものが、ふんわりと画面や要素を移り変えるフェードという効果です。目の前の物が一瞬で消え、パッと新しい物が現れる…なんて、現実世界ではありえませんよね。もちろん、単純に見ていて楽しい、かっこいい、なんていう刺激を与えられます。 しかし、ユー

Intro ブラウザはリロード時に、 max-age に満たないキャッシュを持っていても Conditional GET によってキャッシュの Validate (有効性の問い合わせ)を行う。 Cache-Control Extension として提案されている Immutable 拡張は、キャッシュが max-age 内であればリロード時もキャッシュヒットさせる拡張である。 このヘッダの効果と、本サイトへの適用について記す。 Cache-Control Cache-Control に max-age を指定することで、ブラウザにリソースをキャッシュさせることができる。 このキャッシュは max-age の期間内は fresh とみなされ、 fresh であればサーバへの問い合わせなく再利用される。 サーバへの問い合わせ(RTT)が無いため、事実上最速のリソース取得となる。 Reload

:target疑似クラスは、ターゲットとなるアンカーリンク先の要素を表します。例えば、長い記事をユニークなidでセクションに分け、それぞれのセクションにアンカーリンクを設置します。:target疑似クラスを利用すると、ターゲットとなるセクションごとにスタイルを適用することができます。 :target疑似クラスを使ったスタイルシートのテクニックと注意点を紹介します。 The :target Trick :target以外の便利な疑似クラス・疑似要素については、下記のページを参考に。 使い方をしっかりマスターしておきたい便利な5つの疑似クラスと疑似要素 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 :target疑似クラスを使って、コンテンツを表示・非表示 :target疑似クラスを使って、ナビゲーションをスライドアウト :target

ドレッシングは生野菜にだけ使うものじゃないんだよ！ 玉ねぎドレッシングを作ってみました。これがですね、めちゃくちゃ豚肉と相性の良い味だったんですよ。 豚肉は、スーパーで半額で売られていた肩ロース肉を茹でたものを、スライスしただけのシンプルなものです。もうね、うますぎてびっくりでした。 予想以上に完全におつまみの味だったけど・・・。ニンニクや黒胡椒をたっぷり入れたからかもしれません。 ドレッシングって、それなりのやつを買ってくるとけっこう高いんですよねぇ。その点、自分で作ればコストも抑えられるし、美味しいし、作るのも意外と簡単なので、非常におすすめだったりします。 ＜目次＞ 【生にんにく入り】玉ねぎドレッシングの作り方 材料 玉ねぎをみじん切りにする にんにくをすりおろす 調味料を入れて混ぜる 保存容器に入れて冷蔵庫に レタスにかけて食べてみる 豚肉にかけて食べてみる まとめ 【生にんにく入

プライベートの勉強は気が向くままにふらふらと。梅田の地下街を歩いてる感じで！（←つまり迷ってる） 元々は、Pivotal Japanさんの、この「今日から君もヒーローだ！」的なタイトルに惹かれてJava(Spring Cloud)でマイクロサービス作るぞーって進めてみたのであった。が、早速その2の「認可サーバーを立ち上げよう！」で「あー、これ知らない。分かんない。もう寝たい。」となってしまったのだった。 そんな僕が「なんとなく分かった！」になるまでの物語。・・・になるはず（ここを書いてる今はまだ分かってない）。 たぶん1ヶ月したら何を読んだか忘れてると思うので記録しとくことにした。 github.com ゴール OAuth 2.0って聞いたことあるけど、よく知らない。この辺、マイクロサービスの認証・認可部分で必要そうだなーって思うので、OpenID 2.0とOpenID Connectも含

さまざまなモノをインターネットに接続する「IoT（Internet of Things：モノのインターネット）」という言葉を耳にする機会が増えてきました。 IoTは家電やウェアラブルデバイスなど身近なモノに導入されていて、もはや生活に欠かせないものになりつつあります。 そんな中、低価格のシングルボードコンピュータ「Raspberry Pi」はIoTの自作がしやすいと注目を集めていて、入門記事も増えてきました。 「Raspberry Pi」の入門に役立つ記事を7本ピックアップしましたので、IoTガジェットの開発に興味がある方はぜひご覧ください。 IoTの自作で注目されるRaspberry Pi https://www.raspberrypi.org/blog/raspberry-pi-3-on-sale/ 「Raspberry Pi（ラズベリー・パイ）」はイギリスのラズベリーパイ財団が開発し

ユーザーインターフェース（UI）- どこかで聞いたことはあるしなんとなく想像は出来る。”このアプリのUIはイケテル”や、”UIデザイナー募集”など、最近ではテクノロジー系の記事や、デザインに関する話の中に頻繁に出てくるこの言葉。 しかしちゃんと言葉で説明してみてと言われると意外と難しい。 興味はあるけどはっきりとはわからない・わかっているつもりだけどもう一度復習したい・現状はわかっているからこれからのUIついて知りたい。 そんな人たちに向けて ユーザーインターフェースの歴史良いUIと悪いUIの違いUIのこれからという3つのセクションに分け、インターフェースの本質をまとめた。 1. ユーザーインターフェースの歴史そもそもインターフェースってなに？そもそもユーザーインターフェースの「インターフェース」とはどういう意味なのだろうか。「境界面・接触面」などと訳されるこの「インターフェース」という言

このイベントでは、若手監督たちが手がけたインディペンデントホラー映画をオールナイトで一挙上映。「暗殺教室」「進撃の巨人」などに特殊メイクアップアーティストとして参加した梅沢壮一の商業監督デビュー作「middle」をはじめ、第25回日本映画プロフェッショナル大賞の新人監督賞に輝いた安川有果監督作「Dressing Up」、ブリュッセル国際ファンタスティック映画祭など国内外の映画祭で賞賛を浴びた田代尚也監督作「裸の修道女」、さらにシークレットの短編作品など計9作品がスクリーンにかけられる。 また「へんげ」「デンデラ」の特殊造型・大森敦史が考案したゆるキャラショー「グロたん（仮）」や、スタッフ、俳優陣によるトークなどの企画も。アイドルやライターとして活動する西田藍が進行補佐を務める。前売りチケットはイープラスにて販売中。 納涼！残酷！血まみれ！見世物小屋ホラー映画まつり!!2016年7月17日（