Router)AngularJSは、テンプレートエンジン、データバインディング、ルーティング、DIコンテナーなどなど、Webアプリのフロントエンドを開発するために必要な機能をあまねく揃えたフルスタックのフレームワークです。本格的な開発ではそれだけで賄えるわけではなく、要件に応じて、周辺のモジュールと連携するのが一般的です。本連載では、AngularJSで利用できる拡張ライブラリを、具体的な利用例とともに紹介します。AngularJSのngRouteを使ってシングルページアプリケーション(SPA)を作ってみよう今までで一通りの機能が作れるような各機能の紹介や、本格的なアプリケーションを作成するためのカスタムディレクティブなどを含めて少々深い部分まで紹介してきました。今回は、ngRouteモジュールを使ってシングルページアプリケーション(以下、SPA)を作成します。本連載では主にHTML/JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。今回はパッケージ管理ツールBowerのより深い活用法として、他ツールとの連携や自作パッケージの登録・公開について紹介します。Grid)AngularJSは、テンプレートエンジン、データバインディング、ルーティング、DIコンテナーなどなど、Webアプリのフロントエンドを開発するために必要な機能をあまねく揃えたフルスタックのフレームワークです。本格的な開発ではそれだけで賄えるわけではなく、要件に応じて、周辺のモジュールと連携するのが一般的です。本連載では、AngularJSで利用できる拡張ライブラリを、具体的な利用例とともに紹介します。AngularJSとBootstrapを組み合わせてUIコンポーネントを作ってみよう今回は、前回紹介したディレクティブ機能と、UIフレームワークであるBootstrapを使ってより実践的なコンポーネントを作成します。部品の共有化など、他の人に使ってもらうための部品作りで必要となるAngularJSのディレクティブのノウハウなどを紹介します。5連発AngularJSは、テンプレートエンジン、データバインディング、ルーティング、DIコンテナーなどなど、Webアプリのフロントエンドを開発するために必要な機能をあまねく揃えたフルスタックのフレームワークです。本格的な開発ではそれだけで賄えるわけではなく、要件に応じて、周辺のモジュールと連携するのが一般的です。本連載では、AngularJSで利用できる拡張ライブラリを、具体的な利用例とともに紹介します。AngularJSで入力生産性の高いフォームを実装しよう(オートコンプリート/ファイルアップローダー)AngularJSは、テンプレートエンジン、データバインディング、ルーティング、DIコンテナーなどなど、Webアプリのフロントエンドを開発するために必要な機能をあまねく揃えたフルスタックのフレームワークです。本格的な開発ではそれだけで賄えるわけではなく、要件に応じて、周辺のモジュールと連携するのが一般的です。本連載では、AngularJSで利用できる拡張ライブラリを、具体的な利用例とともに紹介します。「ツールの利用者」から「設計者」になるために。『入社1年目からの「Web技術」がわかる本』著者インタビューWeb開発をするとき、ツールやフレームワークはとても便利です。今回『入社1年目からの「Web技術」がわかる本』の著者、濱勝巳さんにプロとしてやっていくうえで最低限知っておくべきWeb開発の知識を網羅した本書についてうかがいました。1.4や新しい機能のトピックスを解説し、多少話題がそれてしまいましたが、これまでビルトインディレクティブの使い方などを紹介してきました。今回は、カスタムディレクティブの作り方を紹介していきます。AngularJSではコントローラやサービスなどでは直接DOM操作を行うことが推奨されていません。従って、複雑なDOM操作をしようとするとカスタムディレクティブを作成する必要が出てくるケースがあります。本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。Framework「Mithril」の使い方について簡単にご説明します。HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは本連載は、HTML5でデスクトップアプリを作れる「Electron」の基礎について解説するものです。今回は、実際にElectornを採用しているプロダクトの紹介から、Electornの特徴や、他のクロスプラットフォーム実行環境との比較などについて解説します。Web開発ライブラリを自動的に入手できるパッケージ管理ツールBower本連載では主にHTML/JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。今回はJavaScriptやCSSなどの様々なライブラリを自動的に入手できるパッケージ管理ツールBowerを取り上げます。1.4がリリースされました。今回は、そのリリースからはもれてしまいましたが、もともと1.4と同時にリリースされる予定であった新しいルーター機能について、開発中のソースをもとに紹介します。この新しいルーター機能の開発は少々遅れているようで、現時点では1.5へのリリースターゲットに変更されています。従って、リリース時には異なっている機能等もあるかもしれませんのでご注意下さい。Babelで学ぶECMAScript6(入門編)本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は次期言語仕様であるECMAScript6(以下ES6)の仕様について、ES6からES5へのトランスパイラ(コード変換ツール)のBabelを使いながら解説します。~変化が激しいOSSは、直接GitHubをウォッチする良いアウトプットを出すには良いインプットが必要です。OSSを使っている場合、OSSの進化は激しいので、インプットを怠らないようにしておく必要があります。どこからインプットをしたらいいのかわからないという方もいると思います。そこで、私が実施しているNode.js/JavaScriptの情報収集手段として、GitHubの活用方法、Twitterで誰をフォローしているか、各種新規ライブラリの見つけ方についてお伝えします。複数プラグインを組み合わせて、より多くのタスクをGruntに任せよう本連載では主にHTML/JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。今回はJavaScriptタスク自動化ツール「Grunt」で提供されている種々のプラグインを駆使して、より実践的にタスクを自動化する方法を紹介していきます。1.4の機能を先取りチェックしようAngularJSではもうすぐバージョン1.4がリリースされます。1.4へのバージョンアップでは新しい機能が追加されると共に、便利な機能アップはもちろん、パフォーマンスの向上や、そして残念ながら、これまで通りの利用方法が使えなくなってしまう部分も少々あります。今回は、AngularJSの利用者向けに、新機能や注意すべきポイントなどを紹介します。本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo(ウィジモ)」について、サンプルとともに利用例を紹介します。5が提供するグラフやゲージ、入力部品について利用法を説明していきます。AngularJSのDOMイベント処理と注意すべきディレクティブを知り、HTMLテンプレートを使いこなそう本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。今回はHTMLのDOMイベントとこれまでのディレクティブ紹介から紹介しきれなかった、知っておくと便利なディレクティブや注意したいディレクティブを紹介します。DOMイベントにはよく利用するイベントが、あらかじめAngularJSでも用意されています。多くのフロントエンドエンジニアがぶつかる「壁」として5つの項目を深堀りし、おいしいところだけを学べる『ブレイクスルーJavaScript』(4月16日発売)。その担当編集者である関根さんに話を聞きました。圧縮・解凍UNIX基本講座@CodeZine『CodeZine(コードジン)』の公式アカウントです。パソコンプログラミングに役立つソースコードと解説記事が満載な開発者のための実装系Webマガジンです。掲載記事、写真、イラストの無断転載を禁じます。記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。