ウェブサイトやモバイルアプリを魅力的にしたいときは、アニメーションを利用すると良いでしょう。 その理由は、ユーザーの注目を無意識に集め、美しさも表現できるから。 さまざまなデザイントレンドとしても、毎年選出されており、まずます需要が高まっています。 実際に、多くの最新ウェブデザインでも採用されており、アニメーションに特化したCSSライブラリも数多く公開されています。 ワンランク上のウェブデザインを作成したいクリエイターに、ぜひ参考にしてほしいアニメーションのアイデアを、まとめてご紹介します。 動くWebデザインの最新アイデアまとめ Daily UI “Luxury Interaction Concept” 高級車の販売を行う、インタラクティブで実験的なコンセプトページで、クリックに応じたコンテンツ遷移が心地よいつくりに。

はじめに こんにちは。株式会社Flatt Securityセキュリティエンジニアの村上 @0x003f です。 これまで弊社ブログでは様々な「仕様とセキュリティ観点の解説記事」を発表してきました。今回はいままでの記事を改めて紹介しつつ、読者の皆様が開発中のサービスでセルフチェックを行えるよう「仕様とセキュリティ観点チェックリスト」を作成しました。ご活用いただけると幸いです。 ダウンロードは下記のGitHubリンクよりどうぞ。 また、株式会社Flatt Securityではお客様のプロダクトに脆弱性がないか専門のセキュリティエンジニアが調査するセキュリティ診断サービスを提供しています。料金に関する資料を配布中ですので、ご興味のある方は是非ご覧ください。 はじめに アプリケーションの仕様起因の脆弱性とは アプリケーションの仕様起因の脆弱性を防ぐために 仕様の脆弱性によく見られる共通点 1. ク

事業会社のマーケティング部門に所属する匿名マーケター・みる兄さんが話題のプロダクトを考察する連載の第5回は、ビーズソファやクッションなどのリラックスアイテムで知られるYogiboを考察します。アメリカで誕生したYogiboが日本国内で着実に認知を拡大し、売上を伸ばしていったのはなぜなのか、「認知」「配荷」「プレファレンス」の観点で解説していきます。 今回のテーマは、Yogiboの日本国内の取り組みを森岡毅氏の著書『確率思考の戦略論』を参考図書として用い、そのマーケティング戦略とブランディングをひもといていきたいと思います。 2022年1月に入り、Yogiboと国内代理店契約を結ぶウェブシャークが米国Yogiboを買収してニュースになりました。SNSでも話題になっていたのでご存じの方も多いと思います。日本の販売代理店がブランド本体を買収する事例は、事業会社でサービス開発やマーケティングを担っ

とりあえず、よく言われてるやつから埋めていこうと思う。 構造体にライフタイムを持たせない 構造体にライフタイムを持たせるのは「基本的に」避けよ、というのが重要なのは間違いないのだけど、これをもう少し実践的な内容にしたい。ちょっと考えてみたけど、こういうのはどうだろうか。 ある関数呼び出しの中でしか絶対に使わない。returnするまでにその構造体のデータは全て破棄される。static変数に退避させることもできない。アロケーションもその関数が面倒を見る。そういう一蓮托生できる関数呼び出しに心当たりはあるか？ ある→ 構造体にライフタイムを持たせてもよい。 ない→ ライフタイム禁止。 そう考えてみると、DIとかReduxとかとも通じるところがあるかもしれない。「つべこべ言ってないで全部の責務を一番外側に持っていく」という決断ができるときは構造体ライフタイムが選択肢に入る。

その名の通り、シンプルなHTMLで、Webサイトをすばやく簡単に作成できるクラスレスの超軽量（4kB）CSSフレームワークを紹介します。 シンプルなWebページ、ポートフォリオやブログなどをすばやく作成したい時に便利で、レスポンシブにもダークモードにも対応しています。また、CSSリセットとして利用するのもありかもしれません。 Simple.css Simple.css -GitHub Simple.cssとは Simple.cssのデモ Simple.cssの使い方 Simple.cssとは Simple.cssは、セマンティックHTMLをすばやく簡単に見栄え良くするクラスレスのCSSフレームワークです。「クラスレス」とは、CSSまたはHTMLのどこにもCSSのclassがないことを意味します。 MITライセンスで、商用プロジェクトでも無料で利用できます。 classのないプレーンなHTM

こんにちは。クックパッド デザイン戦略本部長の宇野です。 いきなりですが「ユーザーファースト」って良い言葉ですよね。サービスのあり方の基本であり、モノづくりをしていてそれを無視したいという人はいないはず。 しかし僕はこのユーザーファーストという言葉をあまり使わず、使う際は慎重に取り扱うようにしています。この言葉の概念はとても難しいと考えているからです。 「ユーザー」って誰のこと？目の前にいるユーザーの話をそのまま取り入れれば必ず良いものが作れるの？ 答えは明確にNoです。 当然ですが無視するべきという話ではありません。ただ、向き合ってるユーザーがどんな人なのか、その人が本当に欲しているものは何なのかを徹底的に考え抜く必要があります。 お問い合わせをしてきている人はだれ？ ユーザーからのご意見やお問い合わせ、アプリストアのレビューはとてもありがたいですよね。そこから新たな改善案をもらったり、

吉澤準特｜6/1出版『ロジカルシンキングと問題解決の実践講座』 @juntoku_y 外資系コンサル｜図解プレゼンと思考術を解説｜『"はかどる人"の整理思考』（2023/3/9発売 amzn.to/3T6QQSA ）｜『図解作成の基本』(Amazon Kindle総合1位)｜三笠書房/すばる舎/東洋経済/ダイヤモンド/JMAM等から｜ロジカル・ラテラル・クリティカルシンキング発信📡 note.com/juntoku_y/n/nc…

リモートワーク ハンドブック #このサイトについて #NTTコミュニケーションズ社内で製作したリモートワークハンドブックの内容を、 より一般化して広く公開するものです。 ソースコード #本書のソースコードは https://github.com/nttcom/remote-work-handbook で公開しています。 ライセンス #NTT Communications Corporation 作『リモートワーク ハンドブック』は クリエイティブ・コモンズ 表示 - 非営利 - 継承 4.0 国際 ライセンス で提供されています。 関連ハンドブック #オンボーディングに特化した オンボーディング ハンドブック や、チームビルディングのプラクティスをまとめたチームビルディングハンドブックも参照ください。 読み始める #こちらから本編に進めます。 本書について

どうも、三町哲平です！！ 今回は超便利なGoogle Chromeの拡張機能を見つけたので、そのご紹介です！ その前にGoogle Chromeの拡張機能って何？ 拡張機能は「Chromeウェブストア」から追加します。ここでは「One Tab」という拡張機能を追加してみましょう。拡張機能をインストールすると、Chromeの右上にアイコンが追加されます。 ほとんどの拡張機能は基本的に無料で提供されていますが、拡張機能をいくつも追加するとChromeの動作が遅くなる原因になります。できるだけ選りすぐりのものを利用するようにしましょう。 引用元:Google Chromeの「拡張機能」とは | できるネット 上記の引用内容でもある様にGoogle Chromeをより便利にカスタマイズできる様に様々な拡張機能があります。 その拡張機能の中で、「このサイト何の技術でできているんだろう？」が一発で解決

押井守の映画50年50本 (立東舎) 作者:押井 守発売日: 2020/08/12メディア: 単行本この押井守の映画50年50本は、1968年から始まって一年に一本ずつ、「いまの押井守にとっての、その年の代表する」映画をピックアップして語ろう、という本である。押井守の映画語り本は様々な切り口のものが何冊も出ているが、一年毎に一本を選んでいくというコンセプトは(当たり前だけど)はじめて。50年もあったら「適当に選んだわ」みたいな年もあるんだろうな〜〜と思いながら読み始めたのだけれども、意外とそんなこともなく、どの映画もしっかりと思い出とともに語られていく。 広範に、一作ごとにしっかりと語っているので映画本として読み応えがあるだけでなく、一年ずつに進んでいくおかげで押井守の高校生からはじまる、作品に対する（各種映画の）影響を時系列的に追っていくこともできるわけで、いろいろと楽しい一冊であった。

コンセプチュアルスキルは、マネージャーやリーダーだけでなく一般社員にも求められる重要なビジネススキルです。本記事では、コンセプチュアルスキルとはどのようなスキルか？コンセプチュアルスキルを高めるとどのようなメリットがあるのか？について解説します。 コンセプチュアルスキルとは？ 管理者に求められる3つのスキル テクニカルスキル（業務遂行能力） ヒューマンスキル（対人関係処理能力） コンセプチュアルスキル（概念化能力） コンセプチュアルスキルを高めるメリット お客様のニーズを把握することができる 新しいビジネスモデルを構築することができる 組織をマネジメントできるようになる コンセプチュアルスキルを構成する14の要素 1.ロジカルシンキング 2.ラテラルシンキング 3.クリティカルシンキング 4.多面的視野 5.柔軟性 6.受容性 7.知的好奇心 8.探求心 9.応用力 10.洞察力 11.直

ANRI4号がスタートして半年が経ちました。投資も10社以上進み順調です。 ファンドの資金調達も予想を遥かに上回るペースで進んでいます。 本当に良い起業家に、投資家に、選んでもらい、信じることができています。 ただ、僕は一つ危機感を持っています。 このままだとANRIは「普通のファンド」になってしまうのではないか？ トレンドとして表出したマーケットで、プロダクトローンチ後に、6名のメンバーがいる会社に1億円を投資する、そんな投資家の多くが信じられるスタートアップに多数決的な意思決定で投資をしていく。 そういった戦い方では1-2年は投資が続けられても、多くの尊敬すべきベンチャーキャピタルとは差がついていくばかり。目に見えています。 ANRIはレイターラウンドに十分な金額を投資するには小さく、直感的にその場で投資判断が下せるシード特化の投資をするには大きい。油断するとどちらともつかないぼんやり

最近でこそ「MVV」（ミッション・ビジョン・バリュー）ということが話題になることが増えて、スタートアップにおいて、比較的早期に組織のレーゾン・デートル（存在意義）を考えたり、言語化することが増えてきましたが、これは日本では比較的最近のトレンドのように思われます。 まだメルカリが社員10名程度だった頃、現在同社の取締役会長を務める小泉文明さんが経営陣4人とともに合宿をして、今では有名なメルカリのバリュー、「Go Bold」（大胆にやろう）、All for One （全ては成功のために）、Be Professional （プロフェッショナルであれ）を定めたのは日本のスタートアップ業界では良く知られた話です。2013年末から2014年にかけてのことで、当時、アーリーステージのスタートアップが、こうした言語化をするのは極めて珍しいことでした。すでにメルカリは最初の5か月で100万ダウンロードと成長

アイコンをどのように管理していますか？ 大量のSVGアイコンを効率的に管理でき、デザイナー・デベロッパー、制作チームで一元管理もできる無料アプリを紹介します。個人でも複数人でも利用できます！ Windows, macOS対応、完全に無料で利用でき、アイコンを登録・管理するのも簡単、アイコンをデザインツールで使用するのも非常に簡単です。 6,000個くらいのアイコンで試してみましたが、動作はサクサクです！ SVGアイコンの管理 SVGアイコンをアイコンセット、グループ、タグを使用して管理できます。 検索機能 数千個のアイコンを登録していても、超高速に検索できます。 デザインツールとの連携 SVGアイコンをアプリからデザインツール（Adobe XD, Photoshop, Sketchなど何でも）にドラッグ アンド ドロップで簡単に利用できます。 SVGアイコンのコードでの利用 アイコンを右ク

こりま @korimakorima 次の007脚本にも入ってる天才フィービー・ウォーラー＝ブリッジが提唱する「ニンジャ理論」、「シナリオを書いていて、そのシーンに突然忍者達が現れそこにいる全員をバッタバッタとなぎ倒しやっつける。それでより面白くなると思ったら、そのシーンはダメ」脚本を書く予定がなくても覚えておきたい。 2020-02-25 12:09:25

Native Application Groupの大木です。BASEでは、購入者向けのショッピングアプリ「BASE」、「BASEライブ」、ショップオーナー向けのショップ運営管理アプリ「BASE Creator」の3つのスマホアプリをリリースしております。今回は、その中の一つBASE Creatorを、React Nativeで置き換え、リリースしてみての話を、お伝え出来ればと思います。 課題と動機 https://help.thebase.in/hc/ja/articles/206417201-BASE-Creator-とはなんですか- BASE Creatorは、基本的にはWebViewで画面を表示するいわゆるガワネイティブアプリというものです。Webアプリとの違いは何処にあるかといいますと、商品が売れたり、購入者からメッセージが届くと、Push通知でお知らせ出来る機能があるところです。

1995年まで：イノベータとアーリーアダプターの時代； 1995-2005 ：　オブジェクト指向ブームと混乱の始まり；　2005-2015 ：　さらなる混乱と収束の兆し；　2015- ; 現在の状況とこれからの２０年

キャッシュによる状態管理のアーキテクチャ / Cache-based state management architecture