JavaScriptの構文を勉強したら、何か作ってみたくなりますよね。手軽で楽しく応用しやすい、シンプルなクイズがおすすめです。 Web開発を学んでいる人から「どうすればJavaScriptでクイズを作れますか」という質問を頻繁に受けます。新しいことを楽しみながら学んでもらうのには、クイズが適しているためです。 JavaScriptを使ったクイズのコーディングは、JavaScriptの良い勉強にな…

Loading...

不動産物件はどうやって検索されているのでしょうか。実際の検索データを基にキーワードを分析してみました。 昨年生まれた娘が自由に動き回れるようになり、物も増えてきて、住んでいる部屋が手狭になってきました。具体的な引越の予定はないものの、通勤電車やちょっと空いた時間に、スマホで気になる物件をチェックしています。 しかし、「家族」としての家探しは、賃貸か購入か、買うなら新築と中古どちらがいいのか、保育園…

Loading...

LESSONS

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

Loading...

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

Loading...

今週公開した記事の中から、この週末に読んでおきたい注目記事をまとめて紹介。今週は、デザイナーから好評のアニメーションライブラリーまとめ、Bootstrapテーマ10選、結局は最後のまとめが重要だとコメントをいただいたモバイルUXの3大トレンドなど、話題の記事を中心に8本をセレクト。平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては? 【今週の一番人気】こんなにあった!UIデ…

Loading...

Reactの大きな特徴の1つは、ファイルを自由に構造できることです。自由ゆえ、パッと見て理解できる構造にならないこともあります。そのためStackOverflawや類似サイトでは、どんなファイルの構造にするか数多くの質問が寄せられています。ファイルの構造は主観的で、正しい答えがありません。本記事ではReactアプリを作成するとき、私が考えるツール選び、ファイル構造、コンポーネントの分解方法を解説し…

Loading...

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

Loading...

ユーザーが離脱するのには2つの理由があります。コンバージョン率を最適化する秘策を解説します。 デジタルマーケティングでは「最適化」がたびたび話題になります。検索エンジン、ソーシャルメディアのトラフィック、PPC広告、コンテンツマーケティングなどにWebサイトやページを最適化してアピールする方法はいろいろあります。最適化は一般的に、より多くの人をコンバージョンプロセスに誘導する、つまりファネルの入口…

Loading...

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

Loading...

関数が呼び出されたかどうやって確認しますか? Ajaxコールのテスト方法は? setTimeoutを使ったコードは?テストで困ったときに使えるのがテストダブルです。 テストダブルは、難しいテストを簡単に実行できる代替コードです。 これまではSinon.jsがJavaScriptのテストダブルを作成するには不可欠なツールでしたが、最近、testdouble.jsという新しいライブラリーが話題になって…

Loading...