5」が提供する万能グリッド部品FlexGrid本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo(ウィジモ)」について、サンプルとともに利用例を紹介します。5」が提供するグリッド部品「FlexGrid」について、さまざまな機能の利用法をサンプルで説明していきます。お手軽データバインディングライブラリ「Vue.js」を使いこなそう(コンポーネント編)本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は連載第4弾として、第1弾で紹介したJavaScriptのデータバインディング(MVVM)ライブラリである「Vue.js」のコンポーネントに関するトピックを紹介します。AngularJSで、入力フォームを簡単にチェックできるディレクティブを使う本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。前回は、AngularJSでの基本的な表示に関わるディレクティブ機能を紹介しました。今回は双方向バインディング機能を実現するディレクティブを中心に紹介します。画面からの入力を行うので主にForm機能を使いますが、AngularJSでは独自機能で拡張されています。HTML5からのバリデーションを行うための機能とも連携しているために、より高度なことができるようになっています。Web作成の定形作業を自動化できるJavaScriptタスク実行環境Grunt本連載では主にHTML/JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。初回となる今回はHTML/JavaScript開発で発生する様々な定形作業を自動化してくれるツール「Grunt」について、利用例を交えて紹介していきます。前回は、React.jsを使った簡単なアプリケーションの作り方について説明しました。今回は、前回で途中まで作成したTODOアプリに画面遷移機能を追加して、完成まで持っていきます。その過程で、快適で継続的な開発環境の構築方法とテストについて見ていきます。GoogleはAngularJSを正しくクロールするのか?(2015年2月版)本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は、GoogleのクローラーがどこまでJavaScriptを認識するのかをAngularJSを使い簡単に検証しましたので、お話させていただきます。本記事は、2014年冬のコミケでCodeZine編集部がゲットした技術系同人誌の記事の中から、「これは面白い!」と思うものについて、著者の方に加筆修正していただいた上で公開するものです。vol.6』より、スマートウォッチ「Pebble」(ペブル)の開発入門をお送りします。Time」の情報も加筆いただいています。AngularJSのディレクティブ機能でHTMLテンプレートを使いこなそう本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。今回は、ディレクティブ機能を使ってHTMLテンプレートを記述するために、基本的なディレクティブ機能と制御に関わるディレクティブ機能をご紹介します。5」を使うならAngularJSとの組み合わせがオススメ本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo(ウィジモ)」について、サンプルとともに利用例を紹介します。5」をJavaScriptライブラリ「AngularJS」と組み合わせて活用する方法を説明します。近年のフロントエンド開発の大規模化・複雑化に伴って、JavaScriptフレームワークの需要がますます拡大しています。Backbone.jsやAngularJSなど、MV*フレームワークは数多く登場していますが、本記事では最近注目を浴びているFacebook製のライブラリReact.jsについて解説します。フレームワーク・ライブラリの選定に悩んでいる方から、本格的にJavaScriptを触るのが初めてという方まで、サンプルを通じて大体の雰囲気を掴んでいただければと思います。Live2DでWebGLアドベンチャーゲームを作ろう二次元イラストをぬるぬる動かすことのできる「Live2D」を使用した、アドベンチャーゲームの開発について、コードを元に紹介します。前半は、Live2Dのサンプルソースを元に、モーションやサウンドをつけるなどのカスタマイズの仕方を解説していきます。後半はアドベンチャーゲーム製作キット「ティラノスクリプト」のLive2Dプラグインについて紹介します。~テストの流れを把握して保守性の高いコードにしよう本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。前回で完成したタスク管理をするサンプルアプリを使って、データ管理をサーバ(PHPで実装)で行うように変更します。後半はユニットテストの方法を紹介します。AngularJSのDI機能はテストを行いやすい構造にすることができますので、テストの流れを把握した上でコードを記述するとよりメンテナンスが高いコードが記述できます。本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo(ウィジモ)」について、サンプルとともに利用例を紹介します。5」について紹介していきます。Studioで楽々クライアントサイド開発TypeScriptは、マイクロソフトによって開発が進められているスクリプト言語で、コンパイルすることでJavaScriptに変換される、いわゆるaltJS(JavaScriptの代替言語)の一種。2012年10月に最初に発表された後、1年半を経て、2014年4月に初の正式版1.0がリリースされたばかりの、比較的新しい言語です。Jenkinsとtestemを使って、JavaScriptで継続的インテグレーション(CI)を行う本連載は、テストコードをこれから書こうと考えているJavaScript技術者を対象に、テストコードの意義から、テスト駆動開発、JavaScriptでのテストコードの書き方、継続的インテグレーションなどテスト全般にわたって解説します。原理原則だけでなくWhyから説明し、チームメンバーを巻き込みながら開発現場に活かせる考え方を総合的に解説します。第7回目の本稿は、JavaScriptで行う継続的インテグレーションについて解説します。評価を表示・入力できるスター表示プラグインRateIt本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回はスマートフォンアプリやショッピングサイトのレビューでよく見られる、スターの数で評価を表示・入力するUI部品を実現するjQueryプラグインを紹介していきます。ビジネスロジック記述の必須知識、AngularJSの「サービス機能」を理解しよう本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。今回は、AngularJSのサービス機能を使ってのデータ管理について説明します。お手軽データバインディングライブラリ「Vue.js」を使いこなそう(基礎編)本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。連載第1弾として、JavaScriptのデータバインディング(MVVM)ライブラリである「Vue.js」について紹介します。スコープを理解して、独特な開発スタイルを自分のものにしよう本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。前回に引き続き、AngularJSを使ってタスク管理をする1つのサンプルアプリケーションを通じて、その構造の理解や開発の流れなどを紹介します。今回は、コントローラ間のデータ連携を中心に説明します。本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo(ウィジモ)」について、サンプルとともに利用例を紹介します。今回は最近話題のJavaScriptフレームワーク「AngularJS」と、Wijmoを組み合わせて利用できる機能について説明していきます。圧縮・解凍UNIX基本講座@CodeZine『CodeZine(コードジン)』の公式アカウントです。パソコンプログラミングに役立つソースコードと解説記事が満載な開発者のための実装系Webマガジンです。掲載記事、写真、イラストの無断転載を禁じます。記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。