「JavaScript」に関する記事
-
2015/06/24Web開発ライブラリを自動的に入手できるパッケージ管理ツールBower
本連載では主にHTML／JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。今回はJavaScriptやCSSなどの様々なライブラリを自動的に入手できるパッケージ管理ツールBowerを取り上げます。
-
2015/06/23AngularJSのリリース前の新しいルーター機能（ngNewRouter）を触ってみよう
先日、いよいよAngularJS 1.4がリリースされました。今回は、そのリリースからはもれてしまいましたが、もともと1.4と同時にリリースされる予定であった新しいルーター機能について、開発中のソースをもとに紹介します。この新しいルーター機能の開発は少々遅れているようで、現時点では1.5へのリリースターゲットに変更されています。従って、リリース時には異なっている機能等もあるかもしれませんのでご注意下さい。
-
2015/06/05Babelで学ぶECMAScript6（入門編）
本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は次期言語仕様であるECMAScript6（以下ES6）の仕様について、ES6からES5へのトランスパイラ（コード変換ツール）のBabelを使いながら解説します。
-
2015/06/03Node.js／JavaScriptの情報収集手段 ～変化が激しいOSSは、直接GitHubをウォッチする
良いアウトプットを出すには良いインプットが必要です。特に、OSSを使っている場合、OSSの進化は激しいので、インプットを怠らないようにしておく必要があります。ただし、どこからインプットをしたらいいのかわからないという方もいると思います。そこで、私が実施しているNode.js／JavaScriptの情報収集手段として、GitHubの活用方法、Twitterで誰をフォローしているか、各種新規ライブラリの見つけ方についてお伝えします。また、この情報収集手段はJavaScript／Node.jsにかぎ...
-
2015/05/29複数プラグインを組み合わせて、より多くのタスクをGruntに任せよう
本連載では主にHTML／JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。今回はJavaScriptタスク自動化ツール「Grunt」で提供されている種々のプラグインを駆使して、より実践的にタスクを自動化する方法を紹介していきます。
-
2015/05/27もうすぐリリースされるAngularJS 1.4の機能を先取りチェックしよう
AngularJSではもうすぐバージョン1.4がリリースされます。1.4へのバージョンアップでは新しい機能が追加されると共に、便利な機能アップはもちろん、パフォーマンスの向上や、そして残念ながら、これまで通りの利用方法が使えなくなってしまう部分も少々あります。今回は、AngularJSの利用者向けに、新機能や注意すべきポイントなどを紹介します。
-
2015/05/14グラフやゲージなど「Wijmo（ウィジモ） 5」のさまざまなUI部品を活用
本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo（ウィジモ）」について、サンプルとともに利用例を紹介します。今回はWijmo 5が提供するグラフやゲージ、入力部品について利用法を説明していきます。
-
2015/05/07AngularJSのDOMイベント処理と注意すべきディレクティブを知り、HTMLテンプレートを使いこなそう
本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。今回はHTMLのDOMイベントとこれまでのディレクティブ紹介から紹介しきれなかった、知っておくと便利なディレクティブや注意したいディレクティブを紹介します。DOMイベントにはよく利用するイベントが、あらかじめAngularJSでも用意されています。また、AngularJSを使っているとちょっと困ってしまうケースや、AngularJSが自動で行っているがゆえに不思議に思ってしまう動作などもあ...
-
2015/04/16JavaScriptでぶつかる「壁」をブレイクスルーしよう！ 『ブレイクスルーJavaScript』編集者インタビュー
JavaScriptを学んでいるとき、仕事の現場で使っているとき、「壁」を感じたことはありませんか？ 多くのフロントエンドエンジニアがぶつかる「壁」として5つの項目を深堀りし、おいしいところだけを学べる『ブレイクスルーJavaScript』（4月16日発売）。その担当編集者である関根さんに話を聞きました。
-
2015/04/15「Wijmo（ウィジモ） 5」が提供する万能グリッド部品FlexGrid
本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo（ウィジモ）」について、サンプルとともに利用例を紹介します。今回は最新版Wijmoである「Wijmo 5」が提供するグリッド部品「FlexGrid」について、さまざまな機能の利用法をサンプルで説明していきます。
-
2015/04/10お手軽データバインディングライブラリ「Vue.js」を使いこなそう（コンポーネント編）
本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は連載第4弾として、第1弾で紹介したJavaScriptのデータバインディング（MVVM）ライブラリである「Vue.js」のコンポーネントに関するトピックを紹介します。
-
2015/04/09AngularJSで、入力フォームを簡単にチェックできるディレクティブを使う
本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。前回は、AngularJSでの基本的な表示に関わるディレクティブ機能を紹介しました。今回は双方向バインディング機能を実現するディレクティブを中心に紹介します。画面からの入力を行うので主にForm機能を使いますが、AngularJSでは独自機能で拡張されています。また、HTML5からのバリデーションを行うための機能とも連携しているために、より高度なことができるようになっています。
-
2015/04/01Web作成の定形作業を自動化できるJavaScriptタスク実行環境Grunt
本連載では主にHTML／JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。初回となる今回はHTML／JavaScript開発で発生する様々な定形作業を自動化してくれるツール「Grunt」について、利用例を交えて紹介していきます。
-
2015/03/30いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう！ 【後編】
前回は、React.jsを使った簡単なアプリケーションの作り方について説明しました。今回は、前回で途中まで作成したTODOアプリに画面遷移機能を追加して、完成まで持っていきます。その過程で、快適で継続的な開発環境の構築方法とテストについて見ていきます。
-
2015/03/23SEO検証！ GoogleはAngularJSを正しくクロールするのか？（2015年2月版）
本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は、GoogleのクローラーがどこまでJavaScriptを認識するのかをAngularJSを使い簡単に検証しましたので、お話させていただきます。
-
2015/03/19新モデル「Pebble Time」も発表され大注目のプロダクト、スマートウォッチ「Pebble」の基礎知識とアプリ開発入門
本記事は、2014年冬のコミケでCodeZine編集部がゲットした技術系同人誌の記事の中から、「これは面白い！」と思うものについて、著者の方に加筆修正していただいた上で公開するものです。今回は、同人誌サークル「第7開発セクション」の『NANAKA+INSIDE PRESS vol.6』より、スマートウォッチ「Pebble」（ペブル）の開発入門をお送りします。2015年2月に発表されたPebbleの後継機「Pebble Time」の情報も加筆いただいています。（編集部）
-
2015/03/17AngularJSのディレクティブ機能でHTMLテンプレートを使いこなそう
本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。今回は、ディレクティブ機能を使ってHTMLテンプレートを記述するために、基本的なディレクティブ機能と制御に関わるディレクティブ機能をご紹介します。
-
2015/03/09「Wijmo（ウィジモ） 5」を使うならAngularJSとの組み合わせがオススメ
本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo（ウィジモ）」について、サンプルとともに利用例を紹介します。今回はWijmoのニューバージョン「Wijmo 5」をJavaScriptライブラリ「AngularJS」と組み合わせて活用する方法を説明します。
-
2015/02/25いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう！ 【前編】
近年のフロントエンド開発の大規模化・複雑化に伴って、JavaScriptフレームワークの需要がますます拡大しています。既にBackbone.jsやAngularJSなど、MV*フレームワークは数多く登場していますが、本記事では最近注目を浴びているFacebook製のライブラリReact.jsについて解説します。フレームワーク・ライブラリの選定に悩んでいる方から、本格的にJavaScriptを触るのが初めてという方まで、サンプルを通じて大体の雰囲気を掴んでいただければと思います。
-
2015/02/06AngularJSのサービス開発とユニットテスト ～テストの流れを把握して保守性の高いコードにしよう
本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。前回で完成したタスク管理をするサンプルアプリを使って、データ管理をサーバ（PHPで実装）で行うように変更します。そして、後半はユニットテストの方法を紹介します。AngularJSのDI機能はテストを行いやすい構造にすることができますので、テストの流れを把握した上でコードを記述するとよりメンテナンスが高いコードが記述できます。
