Vue.jsとNuxt.jsを使用して、スマホアプリで見かけるようなアニメーションを伴った滑らかなページ遷移をWebページに実装するチュートリアルを紹介します。 Native-Like Animations for Page Transitions on the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 最近見かけたページ遷移のアニメーション 使用する理由 前提となる知識 始めてみよう フックの設定 最近見かけたページ遷移のアニメーション フロントエンドのUIで、最近私が最も刺激を受けたのは、スマホアプリで見かけるような滑らかなページ遷移（トランジション）です。こういったインタラクションを実装するのは難しそうに見えますが、一度実装方法をマスターしてしまえば、さまざまなUIに使用することができます。 ここで紹介する方

内定が出たことで緊張が解けると、逆にこれまで感じなかった不安を感じる人も少なくないだろう。 不安を感じること自体は決して悪いことではない。 これまでと全く違う環境を前に慎重になることはごく当然のことなのだ。 しかしその慎重さから迷いが強くなり過ぎることは好ましくない。 せっかくの冷静さ、慎重さを失わないように、考え、納得して、自分自身で決断して欲しい。 そこで冷静に判断するための心構えと、判断の指標となるツールを紹介したい。 これまで自身の転職経験と、人事担当者として多くの応募者をフォローしてきた経験から詳しく解説していこう。 最後まで読んで、自分自身の判断で大切な一歩を踏み出して欲しい。 合格した企業に本当に入社して良いのか判断する前に考えること 選考に合格した企業に本当に入社して良いのか、いざとなると迷うという人は多い。 こうした時は判断するまえに一旦立ち止まってと考えてみることだ。

全てにおいて素晴らしいとしか言いようがなかった本話ですが、まず最初に目を奪われたのは構図やレイアウトの良さでした。特に日常パートでの人物配置などは素晴らしく、それぞれの芝居や表情を一つの画面に乗せることで、その空間でのやり取りを楽しく生き生きと伝えてくれていました。一人一人にカメラを寄せ映していくことも出来たはずですが、そうはせずワンカットの中に個性的で豊かな芝居・表情を詰め込んでくれたことが序盤のやり取りの面白さにも繋がっていたはずです。 こういったカットも同様です。手前で面白いやり取りをしている二人を描きながら、その奥にもちゃんとほまれたちを映して彼女たちの反応を描く。些細な反応ですが、それと分かるくらいの距離感・絶妙な配置がとても巧く、彼女たちの関係性が見える空間と空気感を感じられるのがとても良いです。 今回のコンテを担当されたのは渡邊巧大さんですが、こういったレイアウト・構図は他の

クックパッド株式会社プロダクトマネジメント担当本部長。クックパッドには2010年から所属し、国内の利用者の拡大に責任を持ち、WEB・モバイルアプリの戦略やレシピ検索、クックパッドニュースの立ち上げなどに関わる。現在は国内のレシピサービスおよび、毎日の料理を楽しみにするためのレシピサービスにとどまらない新規サービスの立ち上げの責任者を担う。 SPRINT 最速仕事術 Googleで開発され、GV（グーグル・ベンチャーズ）で洗練された究極のスピード術「SPRINT」。GoogleとＧＶが成功を生んできたその秘密のノウハウを、開発者自身が手取り足取り公開する。仕事に最速で最大のブレイクスルーを起こす、その画期的な方法とは？　世界23ヶ国で刊行の世界的ベストセラーの驚愕のメソッドが、いま明らかに！ バックナンバー一覧 料理レシピ投稿・検索サービスとして圧倒的な利用者数を誇るクックパッド。同社ではど

任天堂の新人研修で語られているのは「あそび心を伝える」という大切さについて。『スーパーマリオメーカー』を例に、UI/UXデザインチーフである正木義文さんが語ってくれた。 [目次] ・「みなさんとクイズをしたいと思います」 ・任天堂流「伝え方」のこだわり ⅰ教えるよりも体験してもらう ⅱファーストインプレッションを大事にする ⅲ体験は面白く ・わかりやすさと高機能を兼ね備えた、UIのデザインプロセス ・「あそび心を伝えるUIデザイン」3つのポイント ⅰUI脳と娯楽脳の二人三脚 ⅱ短所を「娯楽脳」で長所へ変える ⅲ将棋3席　麻雀5席 「みなさんとクイズをしたいと思います」 ※ 2018年4月に開催された「UI Crunch #13 娯楽のUI - by Nintendo -」のレポート記事としてお届けします。 「まずは、みなさんとクイズをしたいと思います」 そんな、あそび心溢れる一言で幕を開け