React初心者が環境構築でつまづかないためのCreate React Appの始め方 2017/11/28 Pavels Jelisejevs 92 初めてReactに挑戦するとまずつまずくのは開発環境の設定です。Facrbookが提供しているCLIツール「Create React App」で簡単に始める方法を解説します。 Reactの新規プロジェクトを始めるには、コードを書いてアプリケーションを形にするだけではなく、ビルドツールでローカル開発環境を整え、ユニットテストをしたあと、最終的にビルドします。思っているほど簡単ではないと感じる方に、簡… Loading...
ノンプログラマーがJavaScriptを初めて学ぶときにありがちな9つの失敗 2017/10/25 Yaphi Berhanu 908 Webデザイナーにとってもっとも身近なプログラミング言語といえばJavaScriptですよね。ところがいざ勉強を始めたものの挫折してしまった…という人のために、典型的な失敗例と学習のコツを教えます。 JavaScriptの学習をしても挫折する人の多くは、「JavaScriptは分かりにくい」「自分はWeb開発に向いていない」と言います。悲観的になってあきらないでください。アプローチの仕方を変えるこ… Loading...
フォームをぐっと使いやすくする!ウィザード型jQueryプラグイン6選【2017年版】 2017/10/11 James Hibbard 284 Webサイトのフォームの作成にはjQueryのプラグインが便利。中でも対話形式の使いやすいフォームを作成できるjQueryプラグインを厳選して紹介します。 ページの更新がなく、指示に沿って記入できるjQuery用のウィザード形式のフォームを作成するためのjQueryプラグインがあります。ユーザーデータを一度に入力させる大きなフォームなら、ウィザード形式に変えることで、小さなステップの入力に分割でき… Loading...
テスト駆動で始める関数型JavaScriptプログラミング入門 2017/09/29 M. David Green 127 テスト駆動開発のメリット、関数型JavaScriptプログラミングでのテスト手法を具体的なコードをもとに解説します。 関数型プログラミングとテスト。個別に試したことがあっても、両方を作業に取り入れた経験はないと思います。単独では無害ですが、組み合わせると耐えがたい誘惑を生み出します。その魅力にとつかれたら、より簡潔で、無駄がなく、メンテナンス性のあるコードを書かずにはいられなります。それほどのメリ… Loading...
それでもやっぱりJavaScriptを書きたくない人のためのコンパイル言語10 2017/09/29 James Kolce 195 フロントエンドからサーバーサイドまで、すっかりJavaScriptが幅を利かせている昨今。でもやっぱりJavaScriptは苦手、気に入らない開発者のために、コンパイル言語(altJS)を紹介します。 現代のアプリはかつての単純なWebサイトとは求められるものが違うのに、プラットフォームは相変わらずブラウザーのままで、Webアプリの核となる言語はJavaScriptです。 JavaScriptはす… Loading...
フルスタックなフレームワーク「Meteor」で始める超高速ブラウザーゲーム開発 2017/09/22 Paul Orac 44 Webアプリの開発からリリースまで高速で進められるフルスタックなJavaScriptフレームワーク「Meteor」。シンプルな「三目並べ」を作りながら、ブラウザーゲームの作り方を学びましょう。 Meteorはプロトタイプを簡単に作成できて、開発からリリースまで超高速に進められることで人気のフルスタックWebフレームワークです。リアクティブな特性とDDPを使うことで、シンプルなマルチプレイヤー型ブラ… Loading...
JavaScriptでデータ分析・ビジュアライズツールを作るときに検討したいことまとめ 2017/09/20 Brian Greig 68 JavaScriptでビジュアライズツールを作るには、単にグラフを描くライブラリーを選べばいいわけではありません。データベースやアクセス方法など、検討したいことをまとめました。 データを効果的にビジュアライズするために、またデータを分析するための補助ツールを作るためには、よく考えられたデータ管理フレームワークを持つことが大切です。ツールには、適切なバックエンドストレージ、データアクセスのパラダイム… Loading...
ネイティブアプリ不要!モバイルWebサイトにQRコードリーダーを実装する方法 2017/09/20 Dmitri Lau 124 イベントやショッピングサイトなど、モバイルサイトにリーダー機能を組み込めればわざわざアプリをダウンロードさせる必要はありません。HTML/CSSとJavaScriptを使ってWebサイトにQRコードリーダーを実装する方法を紹介します。 バーコードやQRコードによって買い物や検索の仕方が変わりました。世界中どこでも商品を手に取ったら、バーコードやQRコードをスマートフォンの無料アプリで読み取り、最低… Loading...
ブラウザーテストが捗る!Node.jsで使えるヘッドレスChromeが便利すぎる 2017/09/14 Brian Greig 124 Google Chromeにヘッドレスモードが実装され、コマンドラインやNode.jsからChromeを操作できるようになりました。ユーザー行動をシミュレーションしてテストする方法を解説します。 Webサイトに変更を加えるとき、ユーザーの取りうる行動を繰り返し試して、一貫したユーザー体験を実現できているか確認します。一貫性を保ちながら手軽に試すために、スクリプトで自動化するライブラリーを使って前提… Loading...
もっと速く!Webサイト高速化のためのwebpack活用入門 2017/09/13 James Hibbard 164 webpackを使ってアセットをバンドルすることで、HTTPリクエストの回数を削減し、ファイルサイズを縮小できます。Webサイトをもっと快適にするためのチュートリアルです。 webpackが大人気です。GitHubのスター数は30,000を超え、ReactやAngularといったJavaScript界の有名プレイヤーもwebpackを歓迎しています。 webpackの本質はバンドラーであり、web… Loading...