若者に人気のアプリSNOW（スノー）にはLINEのような電話帳に登録されている人や別のSNSで繋がっている友達を自動で追加する機能があり、気付かないうちに友だちが増えてしまうことがあります。SNOWのユーザー名は氏名に分かれていますが、ニックネームを登録しているユーザーも居ますので、自動的に登録された（もしくは自分を登録した）友達の素性が分からないことはは珍しくありません。相手を特定する目的でスト…

Webサイトがマーケティングの一部になったいま、Webサイトだけを解析してもビジネスには貢献できません。データ中心のマーケティングについて真剣に考える必要があります。 頭をフル回転して答えてください。あなたはマーケティング戦略の成果をどのように測定しますか？ この質問に答えるのに2秒以上かかるなら、そのマーケティング戦略は計測できないメトリクスに基づいている可能性が高いです。 簡単なデータを分析し…

元の記事

WPJが提携するWeb開発者向けメディア「SitePoint」ではCSS開発者を対象にした大規模なアンケート調査を実施しました。その結果から、いま何を学ぶべきかが見えてきました。 CSS開発の現場で実践されている習慣、CSSに関する知識の量、理解度などの情報を集める目的で実施した「究極のCSS調査」には、6週間で1600名以上からの回答が寄せられました。このほど集計が完了したので、結果を発表します…

元の記事

2015年からTwitterに動画の投稿が出来るようになって以来（最初は30秒までのgif動画、現在は140秒までの動画が投稿可能）、Twitterのタイムラインで、可愛い動画や面白い動画、びっくりするような動画などをよく見かけるようになりました。面白動画や可愛い動画専用のTwitterアカウントもある位ぐらいです。この動画をどうしても保存しておきたい、あとで見るのにダウンロードしておきたいという…

国内ではLINEに次いで第2位のシェアを誇るTwitter。個人のツイートに利用するSNSツールとしてのアカウントが大半を占めますが、約4000万人というアクティブユーザー数をマーケティングに使わない手はないと、マーケティングツールとして利用している企業、個人アカウントもあります。今回紹介するのは自分のTwitterの状況を解析するサービス、Twitterアナリティクスを使ってTwitterを効率…

Twitterは、国内では約4000万人のアクティブユーザーがありSNSシェア数がLINEに次いで2位。若年層を中心に高いシェア率（約40%）があります。そんなTwitterですが、毎日、Twitterでツィートしてるのだけども反応がない。本当に見られているの？　どのくらいの反応があるの？　などが気になり実際のところが知りたくなるものです。　そんな時に役立つのがTwitterアナリティクスです。自…

日頃書いているJavaScriptをもっと短く書く方法を知っていますか？ 目からうろこ、すぐに使えるJavaScriptのショードハンドを紹介します。 JavaScriptを使うすべての開発者に向けて、私が長年かけて身につけたJavaScriptのショートハンド（短縮記法）を資料にしました。コードの違いが分かるように通常の記述方法も併記しました。 1．三項演算子 if-else文を1行に収めた短縮…

元の記事

進化し続けるCSSの仕様の中でも使い勝手がいいのが、CSS変数。キーカラーやサイズなど、あとから修正するのが面倒な要素はCSS変数を使って工数を減らし、ストレスを軽減しましょう。 SassやLessなどのプリプロセッサーは、CSSのコードベースを、メンテナンスしやすい整った状態にするのに役立ちます。変数、mixin（ミックスイン）、loop（ループ）などCSSコーディングに動的な機能を追加すると、…

元の記事

Facebookが開発しているクエリ言語「GraphQL」のAPIはどこが便利なのか。サンプルで従来のREST APIと比較しながら解説します。 GraphQLはAPIへの問い合わせ言語です。優れたパフォーマンスと開発者エクスペリエンス、強力なツールがあり、RESTの代わりになります。 3つの一般的なユースケースでRESTとGraphQLで扱う方法を紹介します。人気の映画と出演者の情報が見られるR…

元の記事

仕事効率化のために、海外のWebデザイナーが最近使っているツールやリソースをこっそり教えます。 これはハンマーです。正確に言うと、1960年代終わりのビンテージ「Estwingクローハンマー」です。職人が優雅に作り上げたしっかりとした品ですが、エスティングが現在製造するハンマーと大きな違いがありません。ハンマーとその使い方は、50年で変わりませんが、Webデザインツールやリソースは違います。 5年…

元の記事

いまや Webフロントエンド開発に欠かせなくなったNode.js。併せて使うことが多いnpmの使い方を基礎から学びましょう。 Node.jsは、サーバーでJavaScriptアプリケーションが書けます。V8 JavaScriptランタイムで動作し、C++で書かれているため高速です。当初、アプリケーションにサーバー環境を提供する目的でしたが、ローカル環境のタスク自動化ツールとしても利用されています。…

元の記事

テクノロジーの発展により、あらゆるものがデジタル化・データ化されるようになった2017年。AI、IoTが実装される第四次産業革命に向けて、データの重要性がますます高まっている。社会的にもデータの利活用がトレンドになって…

元の記事

新しいJavaScriptフレームワーク、ライブラリー、ツールが次々と登場しています。2017年時点で人気の高い22種類を一挙まとめて紹介。選定の参考にどうぞ。 GitHubのクイックリサーチによれば、JavaScriptプロジェクトは2017年5月時点で110万以上存在しています。npmjs.orgには利用可能なパッケージが50万個あり、ダウンロード数は毎月約100億回にのぼります。開発者の数よ…

元の記事

デザインの決定に無意識のうちに影響を及ぼす認知バイアス。悪影響を排除し、うまく活用するためのヒントを紹介します。 「認知バイアス」とは、人間の思考に見られる「誤り」の1つで、意志の決定に影響します。または、世界を認識する方法における「盲点」とも言えます。 認知バイアスはデザインにネガティブな影響を与えることがありますが、なかなか気づけません。意識することでスマートで客観的な決断ができます。 7つの…

元の記事

ワイヤーフレームから本格的なプロトタイプまで一気に作れるAdobe XDの人気が高まっています。実際に手を動かしながら基本的な流れをつかんでみましょう。 Adobe XDは比較的新しいソフトですが、すでに大好評を得ています。そこで簡潔ながらも楽しいチュートリアルを作成しました。Adobe XDのみで設計とプロトタイピングができて、手に負えないほどの複雑さは感じないことを実感してください。 少し前に…

元の記事

PHPアプリをデプロイする手順をGoogle Cloud、Microsoft Azure、Heroku、IBM Bluemix、AWSといったクラウドサービス別に解説します。保存版です。 ※本記事は長文です。あらかじめご了承ください。 開発者には、「書いて、テストして、デプロイする」という真言があります。さて、本チュートリアルでは、Google Cloud、Microsoft Azure、Hero…

元の記事

もっとわくわくするような Webサイトに！ 海外の有名サイトをお手本に気持ちいい演出方法を学びましょう。 Webは大きく様変わりしています。テキストだけのシンプルなWebサイトから、サイトで情報を伝達するだけでなく、モダンで快適に閲覧できてワクワクするユーザーエクスペリエンスが求められています。 フォントの組み合わせから、インパクトの強いアニメーションやディープなインタラクションまで、視覚的におも…

元の記事

「なんとなく」で使っていませんか？ CSSではいろいろな「単位」でサイズや余白を指定できます。それぞれの単位の違いを理解して使えれば、「なぜかずれる」といったトラブルも防げます。 CSSには、margin、padding、line-height、font-sizeといったさまざまなプロパティがあります。プロパティでは異なる用途に対応するために長さを指定する単位がたくさんあります。問題は、CSSプロ…

元の記事

Webサイトをおしゃれに、かっこよく演出するアニメーション系JavaScriptライブラリー。デザイナーにも使いやすいライブラリーをまとめました。デモを見るだけでもアイデアがひらめくかも？ Webデザインはこの10年間で大きく変わりました。2007年頃は雑誌のように静的なレイアウトが主流でしたが、2017年には数千のパーツが連動して伸縮しながら移動するデザインも可能になりました。 これから、優れた…

元の記事

サイト制作を効率化するBootstrapテーマを全部で10本紹介。ブログ、プロフィールサイトからECまで、すばやくサイトを立ち上げるのに便利なテンプレートです。 世の中に無数にあるBootstrapテーマはどれもレスポンシブで、どんなサイズのデバイスにも表示できます。その中でもモバイルファーストのサイトにより適しているテーマがあります。 私が気に入った「モバイルファーストサイトに特に適しているフリ…

元の記事