Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

「JavaScript」記事一覧

280件中61~80件を表示
  • 2015/09/10

    リッチな入力フォーム作成に役立つAngularJSライブラリ 5連発

     AngularJSは、テンプレートエンジン、データバインディング、ルーティング、DIコンテナーなどなど、Webアプリのフロントエンドを開発するために必要な機能をあまねく揃えたフルスタックのフレームワークです。もっとも、本格的な開発ではそれだけで賄えるわけではなく、要件に応じて、周辺のモジュールと連携するのが一般的です。本連載では、AngularJSで利用できる拡張ライブラリを、具体的な利用例とともに紹介します。

  • 2015/09/04

    AngularJSで入力生産性の高いフォームを実装しよう(オートコンプリート/ファイルアップローダー)

     AngularJSは、テンプレートエンジン、データバインディング、ルーティング、DIコンテナーなどなど、Webアプリのフロントエンドを開発するために必要な機能をあまねく揃えたフルスタックのフレームワークです。もっとも、本格的な開発ではそれだけで賄えるわけではなく、要件に応じて、周辺のモジュールと連携するのが一般的です。本連載では、AngularJSで利用できる拡張ライブラリを、具体的な利用例とともに紹介します。

  • 2015/08/27

    「ツールの利用者」から「設計者」になるために。『入社1年目からの「Web技術」がわかる本』著者インタビュー

     Web開発をするとき、ツールやフレームワークはとても便利です。しかし、日々の仕事に囚われて、それらの単なる「利用者」になってはいませんか? 今回『入社1年目からの「Web技術」がわかる本』の著者、濱勝巳さんにプロとしてやっていくうえで最低限知っておくべきWeb開発の知識を網羅した本書についてうかがいました。

  • 2015/07/31

    AngularJSでカスタムディレクティブを作ってみよう

     前回と前々回は、AngularJS 1.4や新しい機能のトピックスを解説し、多少話題がそれてしまいましたが、これまでビルトインディレクティブの使い方などを紹介してきました。今回は、カスタムディレクティブの作り方を紹介していきます。AngularJSではコントローラやサービスなどでは直接DOM操作を行うことが推奨されていません。従って、複雑なDOM操作をしようとするとカスタムディレクティブを作成する必要が出てくるケースがあります。カスタムディレクティブというと少々難しい感じがありますが、今回、簡...

  • 8815_t.jpg
    2015/07/14

    モバイル向けシングルページアプリに最適! 軽量JSフレームワーク【Mithril】 - 基礎編

     本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は海外で少し話題になったJavaScript Framework「Mithril」の使い方について簡単にご説明します。

  • 8782_ts.gif
    2015/07/02

    HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは

     本連載は、HTML5でデスクトップアプリを作れる「Electron」の基礎について解説するものです。今回は、実際にElectornを採用しているプロダクトの紹介から、Electornの特徴や、他のクロスプラットフォーム実行環境との比較などについて解説します。

  • 8765_t.gif
    2015/06/24

    Web開発ライブラリを自動的に入手できるパッケージ管理ツールBower

     本連載では主にHTML/JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。今回はJavaScriptやCSSなどの様々なライブラリを自動的に入手できるパッケージ管理ツールBowerを取り上げます。

  • 8744_t.gif
    2015/06/23

    AngularJSのリリース前の新しいルーター機能(ngNewRouter)を触ってみよう

     先日、いよいよAngularJS 1.4がリリースされました。今回は、そのリリースからはもれてしまいましたが、もともと1.4と同時にリリースされる予定であった新しいルーター機能について、開発中のソースをもとに紹介します。この新しいルーター機能の開発は少々遅れているようで、現時点では1.5へのリリースターゲットに変更されています。従って、リリース時には異なっている機能等もあるかもしれませんのでご注意下さい。

  • 2015/06/05

    Babelで学ぶECMAScript6(入門編)

     本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は次期言語仕様であるECMAScript6(以下ES6)の仕様について、ES6からES5へのトランスパイラ(コード変換ツール)のBabelを使いながら解説します。

  • 8706_t.gif
    2015/06/03

    Node.js/JavaScriptの情報収集手段 ~変化が激しいOSSは、直接GitHubをウォッチする

     良いアウトプットを出すには良いインプットが必要です。特に、OSSを使っている場合、OSSの進化は激しいので、インプットを怠らないようにしておく必要があります。ただし、どこからインプットをしたらいいのかわからないという方もいると思います。そこで、私が実施しているNode.js/JavaScriptの情報収集手段として、GitHubの活用方法、Twitterで誰をフォローしているか、各種新規ライブラリの見つけ方についてお伝えします。また、この情報収集手段はJavaScript/Node.jsにかぎ...

  • 8714_t.gif
    2015/05/29

    複数プラグインを組み合わせて、より多くのタスクをGruntに任せよう

     本連載では主にHTML/JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。今回はJavaScriptタスク自動化ツール「Grunt」で提供されている種々のプラグインを駆使して、より実践的にタスクを自動化する方法を紹介していきます。

  • 8698_t.gif
    2015/05/27

    もうすぐリリースされるAngularJS 1.4の機能を先取りチェックしよう

     AngularJSではもうすぐバージョン1.4がリリースされます。1.4へのバージョンアップでは新しい機能が追加されると共に、便利な機能アップはもちろん、パフォーマンスの向上や、そして残念ながら、これまで通りの利用方法が使えなくなってしまう部分も少々あります。今回は、AngularJSの利用者向けに、新機能や注意すべきポイントなどを紹介します。

  • 8688_t.gif
    2015/05/14

    グラフやゲージなど「Wijmo(ウィジモ) 5」のさまざまなUI部品を活用

     本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo(ウィジモ)」について、サンプルとともに利用例を紹介します。今回はWijmo 5が提供するグラフやゲージ、入力部品について利用法を説明していきます。

  • 8624_thumb.gif
    2015/05/07

    AngularJSのDOMイベント処理と注意すべきディレクティブを知り、HTMLテンプレートを使いこなそう

     本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。今回はHTMLのDOMイベントとこれまでのディレクティブ紹介から紹介しきれなかった、知っておくと便利なディレクティブや注意したいディレクティブを紹介します。DOMイベントにはよく利用するイベントが、あらかじめAngularJSでも用意されています。また、AngularJSを使っているとちょっと困ってしまうケースや、AngularJSが自動で行っているがゆえに不思議に思ってしまう動作などもあ...

  • 8596_01.jpg
    2015/04/16

    JavaScriptでぶつかる「壁」をブレイクスルーしよう!  『ブレイクスルーJavaScript』編集者インタビュー

     JavaScriptを学んでいるとき、仕事の現場で使っているとき、「壁」を感じたことはありませんか? 多くのフロントエンドエンジニアがぶつかる「壁」として5つの項目を深堀りし、おいしいところだけを学べる『ブレイクスルーJavaScript』(4月16日発売)。その担当編集者である関根さんに話を聞きました。

  • 8595_t.gif
    2015/04/15

    「Wijmo(ウィジモ) 5」が提供する万能グリッド部品FlexGrid

     本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo(ウィジモ)」について、サンプルとともに利用例を紹介します。今回は最新版Wijmoである「Wijmo 5」が提供するグリッド部品「FlexGrid」について、さまざまな機能の利用法をサンプルで説明していきます。

  • 8567_t.gif
    2015/04/10

    お手軽データバインディングライブラリ「Vue.js」を使いこなそう(コンポーネント編)

     本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は連載第4弾として、第1弾で紹介したJavaScriptのデータバインディング(MVVM)ライブラリである「Vue.js」のコンポーネントに関するトピックを紹介します。

  • 8569_thumb.gif
    2015/04/09

    AngularJSで、入力フォームを簡単にチェックできるディレクティブを使う

     本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。前回は、AngularJSでの基本的な表示に関わるディレクティブ機能を紹介しました。今回は双方向バインディング機能を実現するディレクティブを中心に紹介します。画面からの入力を行うので主にForm機能を使いますが、AngularJSでは独自機能で拡張されています。また、HTML5からのバリデーションを行うための機能とも連携しているために、より高度なことができるようになっています。

  • 8556_t.gif
    2015/04/01

    Web作成の定形作業を自動化できるJavaScriptタスク実行環境Grunt

     本連載では主にHTML/JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。初回となる今回はHTML/JavaScript開発で発生する様々な定形作業を自動化してくれるツール「Grunt」について、利用例を交えて紹介していきます。

  • react.js.png
    2015/03/30

    いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう! 【後編】

     前回は、React.jsを使った簡単なアプリケーションの作り方について説明しました。今回は、前回で途中まで作成したTODOアプリに画面遷移機能を追加して、完成まで持っていきます。その過程で、快適で継続的な開発環境の構築方法とテストについて見ていきます。

280件中61~80件を表示
All contents copyright © 2005-2017 Shoeisha Co., Ltd. All rights reserved. ver.1.5