Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

「Javascript」記事一覧

266件中81~100件を表示
  • 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フレームワークを使った開発スタイルのメリットを伝えられればと思います。

  • 8121_t.gif
    2014/10/06

    世界地図/日本地図を作成する「jQuery Vector Maps/Japan Map」プラグイン

     本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回と次回の2回にわたり世界地図、日本地図、Googleマップといった地図をWebページに表示するjQueryプラグインを取り上げ、紹介していきます。

  • 8018_t.gif
    2014/09/29

    WebRTC(PeerJS)で遠隔作業支援システムを作る(実装編2)

     本連載ではTIS株式会社が提供している技術ブログ「Tech-Sketch」から「コレは!」というテーマをピックアップし、加筆修正して皆様にお届けしております。今回はPeerJSを用いた「ブラウザ上で動作する遠隔作業支援システム」の後半部分(スマートグラスと監視端末のブラウザ間をP2P接続し、映像や音声、データを双方向に交換する部分)を取り上げます。

  • 8017_t.gif
    2014/09/26

    WebRTC(PeerJS)で遠隔作業支援システムを作る(実装編1)

     本連載ではTIS株式会社が提供している技術ブログ「Tech-Sketch」から「コレは!」というテーマをピックアップし、加筆修正して皆様にお届けしております。今回はPeerJSを用いた「ブラウザ上で動作する遠隔作業支援システム」の前半部分(モジュールの全体構成と初期化処理)を、実装編1として取り上げます。

  • 8016_t.gif
    2014/09/25

    WebRTC(PeerJS)で遠隔作業支援システムを作る(基礎知識編)

     本連載ではTIS株式会社が提供している技術ブログ「Tech-Sketch」から「コレは!」というテーマをピックアップし、加筆修正して皆様にお届けしております。今回は「ブラウザ上で動作する遠隔作業支援システム」の構築を念頭に、WebRTCの基礎知識とPeerJSを利用するための環境準備について取り上げます。

  • 8023_t.gif
    2014/09/22

    セレクトボックスをスタイリングできるjQueryプラグイン「customSelect.js」

     本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回は、フォーム部品の中でもスタイリングが難しいセレクトボックスを簡単にデザインできるjQueryプラグインを紹介します。

  • 8022_t.gif
    2014/09/19

    JavaScriptでカバレッジを取得する

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

  • 8046_t.gif
    2014/09/12

    jQuery Mobileを拡張する「Wijmo(ウィジモ)」モバイル対応機能

     本連載では、グレープシティが提供するJavaScriptライブラリWijmo(ウィジモ)について、サンプルとともに利用例を紹介します。これまでの連載では主にPC向けWebページでの利用法を説明してきましたが、今回はjQuery Mobileと組み合わせたモバイル向けWebページでの利用法について紹介していきます。

  • 7955_t.gif
    2014/08/21

    複数のブラウザで一度にJavaScriptのテストを行う

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

  • my-first-gulp.png
    2014/08/20

    まずは「gulp」を動かしてみよう! ~セットアップとはじめてのタスク実行

     「gulp.js」は、フロントエンドの開発や製作で便利なタスクランナーです。最初のコミットから、まだ1年ほどの若いプロダクトですが、ここのところ耳にする機会が増えてきました。この連載では、インストールからその使いこなしまで、数回に渡って紹介していきたいと思います。JavaScriptプログラマだけでなく、HTML・CSSを扱う人、PhotoshopやIllustrator使いにもユーザが広まっています。本稿も、プログラマに限らず、広いユーザ層に読んでもらえたら幸いです。

  • 7903_t.gif
    2014/08/04

    HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」

     本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回取り上げるのは、HTML5の機能であるCanvasをより使いやすくするjQueryプラグイン「jCanvas」です。

  • 7868_t.gif
    2014/07/07

    jThreeプレーヤープラグインの使い方

     本連載では、jQuery+three.jsを実現したWebGLライブラリ「jThree(ジェイスリー)」について、MMDプラグインを利用したコンテンツのコーディング例を紹介します。連載最終回となる今回はWebGLコンテンツ制作でよく使う機能を1つにまとめたjThreeプレーヤーを紹介します。

  • 7826_t.gif
    2014/06/30

    表現の幅を広げるWebGLライブラリ「jThree」の公式プラグイン

     本連載では、jQuery+three.jsを実現したWebGLライブラリ「jThree(ジェイスリー)」について、MMDプラグインを利用したコンテンツのコーディング例を紹介します。連載5回目となる今回はWebGL表現の幅をさらに拡げるjThree公式プラグインを紹介します。前回までに作成したサンプルファイルをベースにMMDのモデルが歌って踊るサンプルと共に解説します。jQueryの基礎があれば難しくないので最後までお付き合いください。

  • 7825_t.gif
    2014/06/23

    WebGLライブラリ「jThree」を使ってjQueryの記法で3Dオブジェクトを操作する

     本連載では、jQuery+three.jsを実現したWebGLライブラリ「jThree(ジェイスリー)」について、MMDプラグインを利用したコンテンツのコーディング例を紹介します。連載4回目となる今回はJavaScriptコーディング編としてjQueryの記法によって3Dオブジェクトを自在に操作する方法を紹介します。前回までに作成したGOMLファイルをベースに3Dオブジェクトが動くサンプルと共に解説します。jQueryの基礎があれば難しくないので最後までお付き合いください。

  • 7811_t.gif
    2014/06/20

    Webページ上に通知を表示するjQueryプラグインの紹介

     本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回は昨今のスマートフォンにおいてなじみ深い通知の表示をWebページ内で行うjQueryプラグインを紹介します。

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