HTMLやCSS、JSのコードとその実行結果を共有できるサービスのCodePenは、いわばフロントエンドエンジニアの遊び場です。中にはどういったコードで動いているか見当もつかないようなものもあります。 今回はCodePenで公開されているアニメーションの中でも、思わず見入ってしまうような美しいアニメーションを10点ピックアップしてご紹介します。画像の下のCodePen埋め込み部分で「Run Pen……
キラキラしたイラストや画像は、不思議な世界に引き込まれたり、ポップな気分を演出してくれます。今回は、文字の背景にしたり、スマホの待ち受け画面にしたりと、色々な用途で使えるキラキラ素材を紹介していきたいと思います。 ネオンやガラス、ジュエリーなどのキラキラした画像素材 BEIZ Graphics（ベイツ・グラフィックス）はネオンやガラス、ジュエリーなどのキラキラした画像や写真がたくさん揃っていて、す……
ホームページやポスターなどを作る時に、かっこいい文字や面白い文字が作れたらいいなと思ったことはありませんか？ 文字のデザインが、無料で簡単に作れて保存もできると、とても便利です。 今回は文字のデザインが作れるサイトやツールをまとめました。いろいろな文字のデザインがつくれるサイトやツールを紹介していきます。 アニメーション付きの文字 textanimは色々なデザインと色を選ぶことができる他、サイズや……
要件定義工程の成果物として作成されるのが、要件定義書です。しかし、システム構築向けの要件定義書のリストはあっても、なかなかWeb制作向けのものが見つかりにくくて困った経験はありませんか？ この記事では、Web制作向けの要件定義書に含める書類の項目についてまとめています。プロジェクトやサイトの規模などによって適宜調整して是非活用してみてください。 要件定義書のリスト １. Webシステム・Webサイ……
要件定義は、顧客の要望を吸い上げ、要件定義書として明文化していく作業ですが、スムーズに進めていくためには、いくつかコツがあります。 そこで今回は、要件定義の進め方と、進めていく中でおさえておきたいポイントを紹介します。要件定義の流れを理解しておくと、余計な手間なく、要件定義を進めていけるはずです。ぜひ参考にしてみてください。 要件定義の進め方 要件定義の工程では、大きく分けて下記の１～３の順に進め……
Web制作向けの要件定義書のテンプレートが見つからなくて困った経験はありませんか？ 要件定義書は書類数も多く、１から作るのはとても時間がかかる作業です。 この記事では、Web制作向けの要件定義書に使えるテンプレートを紹介します。プロジェクトの規模やお好みに応じて適宜調整して使ってみてください。 Webサイト制作・依頼を超効率化する要件シート Webサイト制作・依頼を超効率化する要件シート | ……
要件定義と聞くと、なんだか難しく面倒なイメージを持つ人も多いかもしれません。今回は、そんな重いイメージのある要件定義について、分かりやすいように簡単に解説してみました。 まずは要件定義の全体イメージを把握して、少しずつ慣れていきましょう。要件定義は、プロジェクトの成否を問う重要な工程ですから、ぜひマスターしてプロジェクトの品質をアップしてみてください。 既に要件定義について少し知っていて、細かい進……
最近良く耳にする「オムニチャネル」、今回は多くの企業が取り組んでいるこのマーケティング手法を、分かりやすくまとめてみました。手法は企業によって様々ですが、事例から会社のサービスに生かせるものがないか、是非確認してみてください。 オムニチャネルとは 実店舗やWebサイト、通信販売カタログ、イベント、ネット、モバイルなどのチャネルを問わず、あらゆる接点で顧客とコミュニケーションをとり、どのチャネルから……
マーケティング用語の１つに「イノベーター理論」というものがあります。イノベーター理論は1962年、スタンフォード大学の社会学者・エベレッサ・Ｍ・ロジャースによって提唱されました。 イノベーター理論を使って、購入者層の特徴を把握すると、新商品やサービスの立ち上げがスムーズになります。この記事を参考にして、ぜひ活用してみてください。 イノベーター理論とは イノベーター理論は、新商品や新サービスの購入の……
AIDMAはアイドマと読み、消費者が商品やサービスを知ってから購入に至るまでの反応・行動プロセスの事です。 AIDMAの法則は、「Attention（注意）」「Interest（関心）」「Desire（欲求）」「Memory（記憶）」「Action（行動）」の頭文字をとったもので、1920年代に米国のサミュエル・ローランド・ホーによって提唱されました。 AIDMAの法則とは AIDMAの法則は、大……
