乱立するフレームワーク/ライブラリーをどう選ぶか? あるスタートアップ企業がフロントエンド開発フレームワークを選択するプロセスをケーススタディとして紹介。 シンガポールを拠点とした福利厚生サービスを提供するスタートアップ「CXAグループ」(日本版編注:CNETの記事を参照)のコアWebプラットホームを評価するにあたって、時代遅れとなった既存のアーキテクチャをお払い箱にすることにし、イチからフロント…

Loading...

JavaScriptを使うことが当たり前になったいま、HTMLだけでなくJavaScriptを書くときにもアクセシビリティに配慮する必要があります。 JavaScriptコンポーネントのアクセシビリティを高め、ユーザーがWebサイトやWebアプリをより快適に使用できるようにするためのコツを紹介します。 以前の記事『Writing HTML with accessibility in mind(アク…

Loading...

WebアプリのUIを1から作るのは手間がかかりますよね。そこでjQuery UIのようなプラグインの出番です。高品質なUIフレームワークを5つ紹介します。 先進的なWebサイトを構築するなら、UIコンポーネントを作り、使いこなす必要があります。欲しい機能がカレンダーでも、スライダー、グラフ、そのほかのユーザーインタラクションの向上や単純化に役立つどのような機能でも、選択肢は自分で作成するか既存の機…

Loading...

JavaScriptの参照の仕組み、あなたはきちんと説明できますか? 結論を言えば、JavaScriptにはポインターがなく、参照の方式は私たちが知っているほかの主要なプログラミング言語とは異なります。JavaScriptでは、ある変数が別の変数を参照すること(参照渡し)には対応していません。そしてオブジェクトや配列のような複合型のものだけが「参照渡し」を使います。 この記事では以下の用語を使用し…

Loading...

Googleが昨年発表した、Webアプリをネイティブアプリのように使えるようにするしくみ「PWA(Progressive Web Apps」が話題です。既存サイトをPWA化する方法をサンプルコードをもとに解説します。 ここ最近はプログレッシブWebアプリ(Progressive Web Apps、PWA)の話題をよく耳にするとともに、これが未来のWebなのかどうかが議論の的になっています。ネイティ…

Loading...

フロントエンドもサーバーサイドも、JavaScriptで何でも書ける時代。それでも他のプログラミング言語を学ぶメリットとは? プログラミング言語をいくつ知っていますか。最近の調査によると、SitePoint読者の約80%は少なくとも2つの言語を知っています。ゆうに半数以上の読者は日々PHPを使っています。私と同じように非常に多くの人がPHPを使ってWeb開発を始めたと思います。 最近「学習予定」リ…

Loading...

フロントエンド開発の面倒な処理を自動化できるgulp.js。コマンドラインから引数を渡すテクニックで、もうちょっと便利になるかもしれません。 私はgulp.js の大ファンです(『面倒な作業も発狂しない!Web制作を超効率化するgulp.jsの始め方(2017年版)』参照)。最近の調査では、フロントエンド開発者の約44%がgulpタスクを使っているそうです(『5000人調査でわかった!世界のフロン…

Loading...

グーグルのPWA(Progressive Web Apps)の登場によって、再び注目されているWebアプリのオフライン機能。Service WorkersとPouchDBを使って実装する実例を紹介。 オフラインWebアプリがどんどん使われるようになっています。オフラインのサポートが重要になった結果、最初にオフラインでの利用を考える「オフライン・ファースト」を話題にするのが普通になりました。また、プ…

Loading...

あれ、どうやってやるんだっけ…?というときのためにメモしておくと便利な、ちょっとしたTips。 オブジェクトの配列を特定の順序でソートしたいとき、すぐに思い浮かぶのはJavaScriptライブラリーを使う方法です。しかし、その前に覚えておいて欲しいことは、ネイティブのArray.sort関数を使っても、きれいに並べ替えができることです。この記事では、JavaScriptで簡単にオブジェクトの配列を…

Loading...

WPJ編集部は、Reactの基礎を3時間で学ぶセミハンズオンセミナー「3時間で体験!これから始める React超入門」を2017年3月17日に開催しました。 本セミナーは、WPJプレミアムメンバー向けのセミナー「LIVE LESSON」の一環として開催されたもの。ドーナツ本として有名な書籍『Web制作の現場で使う jQueryデザイン入門』の著者・西畑一馬さん(株式会社トゥーアール代表取締役)を講…

Loading...