Google Chromeにヘッドレスモードが実装され、コマンドラインやNode.jsからChromeを操作できるようになりました。ユーザー行動をシミュレーションしてテストする方法を解説します。 Webサイトに変更を加えるとき、ユーザーの取りうる行動を繰り返し試して、一貫したユーザー体験を実現できているか確認します。一貫性を保ちながら手軽に試すために、スクリプトで自動化するライブラリーを使って前提…

Copyright © 2017, Brian Greig All Rights Reserved.

Brian Greig

Brian Greig

フロントエンド開発者(JavaScript)であり、データ分析とビジネスインテリジェンスの専門家です。

Loading...

webpackを使ってアセットをバンドルすることで、HTTPリクエストの回数を削減し、ファイルサイズを縮小できます。Webサイトをもっと快適にするためのチュートリアルです。 webpackが大人気です。GitHubのスター数は30,000を超え、ReactやAngularといったJavaScript界の有名プレイヤーもwebpackを歓迎しています。 webpackの本質はバンドラーであり、web…

Copyright © 2017, James Hibbard All Rights Reserved.

James Hibbard

James Hibbard

太陽の光がさんさんと降り注ぐ北ドイツに住むWeb開発者です。JavaScriptやRubyのコーディングを楽しみ、しばしばSitePointのJavaScriptフォーラムに現れることもあります。コーディングをしていないときはランニングに熱中しています。

Loading...

Vue.jsでSPAを作ったものの、検索エンジンのクローラーやSNSのOGP取得といった問題で困ったことはありませんか? サーバーサイドレンダリングを簡単に構築できるNuxt.jsの活用方法を解説します。 ユニバーサル(Isomorphic)JavaScriptはJavaScriptコミュニティで一般的な用語になりました。ユニバーサルJavaScriptとは、クライアントとサーバーの両方で実行でき…

Copyright © 2017, Olayinka Omole All Rights Reserved.

Olayinka Omole

Olayinka Omole

ソフトウェア開発、デザイン、エレクトロニクス工学、人工知能に興味を持つラゴスのエンジニアです。ツイートしたり、学術研究をしたり、写真を撮ったり、デザインしたりコードを書いたりして、日常を楽しんでいます。

Loading...

SPAなどモダンな Web開発に欠かせないモジュールバンドラー。高速でシンプル、webpackに代わる次世代ツールとして注目の「FuseBox」の使い方を解説します。 急速に発展しているフロントエンドの環境は、JavaScriptのモジュールシステムの理解が必要不可欠です。モジュールを利用してコードを組織化することで、メンテナンス性と再利用性が向上します。残念ながら、ES modulesのブラウザ…

Copyright © 2017, Feras Khoursheed All Rights Reserved.

Feras Khoursheed

Feras Khoursheed

開発者で起業家、ミュージシャンとして精力的に活動しています。

Loading...

タスクランナーに代わって、ここ最近人気が高まっているビルドツールといえばwebpack。「難しそう」「面倒くさそう」——まだ導入していないなら、いますぐ試してみる価値はありそうです。 webpackは現在のWeb開発シーンにおいてもっとも重要なツールになりました。基本的には自分のJavaScriptファイルにほかのモジュールをバンドル(1つに束ねる)してくれるものですが、ほかにもHTML、CSS、…

Copyright © 2017, Mark Brown All Rights Reserved.

Mark Brown

Mark Brown

オーストラリア・メルボルン在住のフロントエンドのWeb開発者です。有能な人達に囲まれて自分自身を向上させ、Web設計の仕事に喜びを感じています。特にビジュアルプログラミングに興味があり、SVGとCanvasを使ったプログラミングに夢中です。

Loading...

ローカルにプライベートnpmレジストリを無料で作れる「Verdaccio」。ホスト、管理、公開まで、その使い方をひととおり。 JavaScriptパッケージマネージャーのデファクトはnpmであり、レジストリには世界でもっとも多くのコードが集まっています。しかし、優れたパッケージを新規開発するときには、普段以上にプライバシーに配慮する必要があります。企業のプロジェクトに携わっており、そのプロジェクト…

Copyright © 2017, Vildan Softic All Rights Reserved.

Vildan Softic

Vildan Softic

オーストリアのグラーツ出身のコンサルタント兼ソフトウェア開発者です。シングルページアプリケーションや.NETを使ったLOBアプリの開発に打ち込み、Node.JS開発を推進しています。さらにDurandal Frameworkに傾倒していて、日常業務でほかのライブラリーを使用しながらも、中心チームメンバーとして可能なかぎりAureliaに貢献できるように熱心に取り組んでいます。

Loading...

package.json互換のJavaScriptパッケージマネージャー「Yarn」を知っていますか? なぜYarnなのか? npmと比べてどこがいいのか? 使うべきなのか? 解説します。 YarnはFacebook、Google、Exponent、Tildeによって開発された新しいJavaScriptパッケージマネージャーです。公式発表に記載されているように、Yarn開発者が直面したnpmの問題…

Copyright © 2017, Tim Severien All Rights Reserved.

Tim Severien

Tim Severien

オランダ出身で最先端のものに情熱を燃やす開発者です。JavaScriptとSassが大好きで、コードを書いていないときはSitePointまたはTim’s blogの記事を執筆しています。

Loading...

WebデザインとJavaScriptの技術があれば、デスクトップアプリも自在に作れる時代です。ElectronとReactを使って、SoundCloudの音楽を自由に再生できるデスクトップアプリを作ってみました。 本記事はMark Brown、Dan Prince、Bruno Motaが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者のみなさんに感…

Copyright © 2016, Wern Ancheta All Rights Reserved.

Wern Ancheta

Wern Ancheta

フィリピン出身のWeb開発者です。Web構築に情熱を注ぎ、ノウハウをブログで公開しています。アニメとビデオゲームも大好き。

Loading...

毎回使うあのJSのコード、ちゃんとまとめておくと便利じゃない? いつもは「ライブラリーは使うもの」という人もちょっと気にしておきたい、ライブラリー自作のコツをまとめました。 本記事はAdrian Sandu、Vildan Softic、Dan Princeが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者の皆さんに感謝します。 ライブラリーとはなん…

Copyright © 2016, Tim Severien All Rights Reserved.

Tim Severien

Tim Severien

オランダ出身で最先端のものに情熱を燃やす開発者です。JavaScriptとSassが大好きで、コードを書いていないときはSitePointまたはTim’s blogの記事を書いています。

Loading...