Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

「JavaScript」記事一覧

280件中81~100件を表示
  • 8543_t.gif
    2015/03/23

    SEO検証! GoogleはAngularJSを正しくクロールするのか?(2015年2月版)

     本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は、GoogleのクローラーがどこまでJavaScriptを認識するのかをAngularJSを使い簡単に検証しましたので、お話させていただきます。

  • 8485_thumb.jpg
    2015/03/19

    新モデル「Pebble Time」も発表され大注目のプロダクト、スマートウォッチ「Pebble」の基礎知識とアプリ開発入門

     本記事は、2014年冬のコミケでCodeZine編集部がゲットした技術系同人誌の記事の中から、「これは面白い!」と思うものについて、著者の方に加筆修正していただいた上で公開するものです。今回は、同人誌サークル「第7開発セクション」の『NANAKA+INSIDE PRESS vol.6』より、スマートウォッチ「Pebble」(ペブル)の開発入門をお送りします。2015年2月に発表されたPebbleの後継機「Pebble Time」の情報も加筆いただいています。(編集部)

  • 8486_thumb.gif
    2015/03/17

    AngularJSのディレクティブ機能でHTMLテンプレートを使いこなそう

     本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。今回は、ディレクティブ機能を使ってHTMLテンプレートを記述するために、基本的なディレクティブ機能と制御に関わるディレクティブ機能をご紹介します。

  • 8514_t.gif
    2015/03/09

    「Wijmo(ウィジモ) 5」を使うならAngularJSとの組み合わせがオススメ

     本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo(ウィジモ)」について、サンプルとともに利用例を紹介します。今回はWijmoのニューバージョン「Wijmo 5」をJavaScriptライブラリ「AngularJS」と組み合わせて活用する方法を説明します。

  • 8491_00.png
    2015/02/25

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

     近年のフロントエンド開発の大規模化・複雑化に伴って、JavaScriptフレームワークの需要がますます拡大しています。既にBackbone.jsやAngularJSなど、MV*フレームワークは数多く登場していますが、本記事では最近注目を浴びているFacebook製のライブラリReact.jsについて解説します。フレームワーク・ライブラリの選定に悩んでいる方から、本格的にJavaScriptを触るのが初めてという方まで、サンプルを通じて大体の雰囲気を掴んでいただければと思います。

  • 8470_thumb.gif
    2015/02/06

    二次元イラストがぬるぬる動く! Live2DでWebGLアドベンチャーゲームを作ろう

     二次元イラストをぬるぬる動かすことのできる「Live2D」を使用した、アドベンチャーゲームの開発について、コードを元に紹介します。前半は、Live2Dのサンプルソースを元に、モーションやサウンドをつけるなどのカスタマイズの仕方を解説していきます。後半はアドベンチャーゲーム製作キット「ティラノスクリプト」のLive2Dプラグインについて紹介します。

  • 8424_thumb.gif
    2015/02/06

    AngularJSのサービス開発とユニットテスト ~テストの流れを把握して保守性の高いコードにしよう

     本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。前回で完成したタスク管理をするサンプルアプリを使って、データ管理をサーバ(PHPで実装)で行うように変更します。そして、後半はユニットテストの方法を紹介します。AngularJSのDI機能はテストを行いやすい構造にすることができますので、テストの流れを把握した上でコードを記述するとよりメンテナンスが高いコードが記述できます。

  • 8431_t.gif
    2015/02/02

    高速/軽量に進化した「Wijmo(ウィジモ)」新版「Wijmo 5」の紹介

     本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo(ウィジモ)」について、サンプルとともに利用例を紹介します。今回はより高速/軽量に生まれ変わったWijmoのニューバージョン「Wijmo 5」について紹介していきます。

  • 8421_t.gif
    2015/01/30

    Microsoft発のaltJS「TypeScript」+Visual Studioで楽々クライアントサイド開発

     TypeScriptは、マイクロソフトによって開発が進められているスクリプト言語で、コンパイルすることでJavaScriptに変換される、いわゆるaltJS(JavaScriptの代替言語)の一種。2012年10月に最初に発表された後、1年半を経て、2014年4月に初の正式版1.0がリリースされたばかりの、比較的新しい言語です。本稿では、最初にこのTypeScriptが登場するに至った背景と、言語としての基本的な構文規則を、そして後半では、Visual StudioでTypeScriptを利用...

  • 8391_thumb.gif
    2015/01/27

    コードの健康状態を保て! Jenkinsとtestemを使って、JavaScriptで継続的インテグレーション(CI)を行う

     本連載は、テストコードをこれから書こうと考えているJavaScript技術者を対象に、テストコードの意義から、テスト駆動開発、JavaScriptでのテストコードの書き方、継続的インテグレーションなどテスト全般にわたって解説します。また、原理原則だけでなくWhyから説明し、チームメンバーを巻き込みながら開発現場に活かせる考え方を総合的に解説します。第7回目の本稿は、JavaScriptで行う継続的インテグレーションについて解説します。

  • 8390_thumb.gif
    2015/01/26

    星5つ! 評価を表示・入力できるスター表示プラグインRateIt

     本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回はスマートフォンアプリやショッピングサイトのレビューでよく見られる、スターの数で評価を表示・入力するUI部品を実現するjQueryプラグインを紹介していきます。

  • 8377_thumb.gif
    2015/01/23

    ビジネスロジック記述の必須知識、AngularJSの「サービス機能」を理解しよう

     本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。今回は、AngularJSのサービス機能を使ってのデータ管理について説明します。

  • 8363_t.gif
    2015/01/14

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

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

  • 8311_thumb.gif
    2014/12/22

    AngularJSの強力なデータバインディングの肝となる! スコープを理解して、独特な開発スタイルを自分のものにしよう

     本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。前回に引き続き、AngularJSを使ってタスク管理をする1つのサンプルアプリケーションを通じて、その構造の理解や開発の流れなどを紹介します。今回は、コントローラ間のデータ連携を中心に説明します。

  • 8313_t.gif
    2014/12/08

    今話題の「AngularJS」と「Wijmo(ウィジモ)」連携で広がる可能性

     本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo(ウィジモ)」について、サンプルとともに利用例を紹介します。今回は最近話題のJavaScriptフレームワーク「AngularJS」と、Wijmoを組み合わせて利用できる機能について説明していきます。

  • 8271_thumb.gif
    2014/12/03

    Androidスマホでおなじみ! パターンロックを表示するPattern Lockプラグイン

     本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回はスマートフォンのUIをWebに取り入れることを意図して、Androidのロック解除画面で用いられるパターンロックをWebで実現する、Pattern Lockプラグインを紹介していきます。

  • 8207_thumb.gif
    2014/10/27

    AngularJSでMVCプログラミングをはじめよう

     前回は、JavaScriptのトレンドなどをふまえながら、AngularJS以外のJavaScriptのフレームワークも含めて紹介しました。今回からはAngularJSの使い方を含めて説明していきます。まずは1つのサンプルアプリケーションを通じて、その構造の理解や開発の流れなどがわかるように今回を含めて複数回で紹介します。十分な理解ができない部分もあると思いますが、リファレンスとしての説明はその後に紹介していきますので、細かい部分はあまり深く気にせずに、フレームワークを使った開発の流れを感じて...

  • 8208_thumb.gif
    2014/10/24

    Googleマップを手軽に利用する定番プラグイン「gmap3」

     本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。前回は世界地図と日本地図を表示するプラグイン2種を取り上げましたが、今回はもっと狭い範囲で特定の場所(地点)の情報を表示するのに便利な、GoogleマップをWebページに表示するjQueryプラグインを取り上げます。

  • 8180_t.gif
    2014/10/10

    「Wijmo(ウィジモ)」アップデートで追加された新ウィジェットや機能を紹介

     本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo(ウィジモ)」について、サンプルとともに利用例を紹介します。本記事では2014年9月に行われた2014J v2アップデートで追加された新機能を取り上げます。

  • 8149_t.gif
    2014/10/10

    はじめてのJavaScriptフレームワーク選び

     JavaScript MVCフレームワークというものを知っているでしょうか? 実際に使ったことがなくても、言葉だけは聞いたことがある方が増えてきているのではないかと思います。最近はJavaScriptにもMVCフレームワークを使った開発スタイルが普及しつつあり、ちょっと勉強したいと思った方や、どうしてそのようなものを使う必要があるのか疑問に思っている方などに、MVCフレームワークを使った開発スタイルのメリットを伝えられればと思います。

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