Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

「Javascript」記事一覧

266件中121~140件を表示
  • 7368_t.gif
    2013/09/12

    jQuery Mobileプラグイン「Datebox」を活用したスマートフォンサイト作成

     本連載では、JavaScriptライブラリの中でも人気が高まりつつあるjQuery UIとjQueryプラグインをサンプルを交えて紹介していきます。今回はスマートフォン向けサイト作成において日付・時間の入力で便利な「jQuery Mobile」用のプラグインを紹介します。

  • 7361_t.gif
    2013/09/05

    HTML5対応チャートコンポーネントを利用したデータ視覚化入門 その2 - さまざまな機能を使って利用者にわかりやすくデータを提示しよう

     前回は、HTML5、jQueryを利用し実現するigDataChartにデータを表示させました。今回は追加の機能を利用し、よりユーザーにとっての使い勝手やデータの視認性を高めるように設定しましょう。

  • 7320_t.gif
    2013/08/22

    HTML5対応チャートコンポーネントを利用したデータ視覚化入門 その1 - チャートを表示させよう

     データを分かりやすく視覚化するポピュラーな手段として、最も利用される方法の一つにチャートがあります。膨大な数字の羅列では相関関係が分かりにくい場合でも、領域やバーの高さで素早く判断を行うことが可能で、報告や説明といった業務では特に多く利用されています。今回は、HTML5対応コンポーネントスイートであるIgnite UIに含まれているigDataChartを利用し表示する方法を紹介します。

  • 7296_t.gif
    2013/08/07

    JavaScriptテンプレートエンジンJsRender 基本のキ

     本連載では数回にわたって、JsRenderとJsViewsの使い方に触れていきます。今回はJsRenderの概要と基本的な使い方を、サンプルを交えて紹介します。

  • 7257_t.gif
    2013/07/25

    なぜJavaScriptでテストコードを書くのか?

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

  • 7210_t.gif
    2013/06/25

    「three.js」でつくるお手軽3Dマンガ作成ソフト - 後編

     「HTML5」+「JavaScript」+「WebGL」で作成した、お手軽マンガ作成Webアプリ「箱人形マンガ(Box Comic)」の開発で利用した「three.js」の使い方と、マンガ作成ソフトでの使用例を、コードを元に紹介していきます。今回は、集中線やフキダシや箱人形の作成、そしてそれらをまとめて、オブジェクトや部品をマウスで操作するサンプルを作成して解説します。

  • 7209_t.gif
    2013/06/24

    「three.js」でつくるお手軽3Dマンガ作成ソフト - 中編

     「HTML5」+「JavaScript」+「WebGL」で作成した、お手軽マンガ作成Webアプリ「箱人形マンガ(Box Comic)」の開発で利用した「three.js」の使い方と、マンガ作成ソフトでの使用例を、コードを元に紹介していきます。今回は、3Dオブジェクトをマウスで操作する方法について触れていきます。

  • 7208_t.gif
    2013/06/21

    「three.js」でつくるお手軽3Dマンガ作成ソフト - 前編

     「HTML5」+「JavaScript」+「WebGL」で作成した、お手軽マンガ作成Webアプリ「箱人形マンガ(Box Comic)」の開発で利用した「three.js」の使い方と、マンガ作成ソフトでの使用例を、コードを元に紹介していきます。今回は、立方体と板ポリゴンの表示、そして画像や「Canvas」をテクスチャとして利用する方法を紹介します。

  • 7183_t.gif
    2013/06/14

    Kinectを利用した簡単3Dモデル作成と3Dモデル活用法

     本連載では、TIS株式会社が提供している技術ブログ「Tech-Sketch」から「コレは!」というテーマをピックアップし、加筆修正して皆様にお届けしております。第4回は、Kinect Fusionを使った3Dモデルの作成手順を紹介します。

  • 7156_t.gif
    2013/05/31

    「jQuery Mobile」を活用したスマートフォンサイト作成(後編)

     本連載では、JavaScriptライブラリの中でも人気が高まりつつあるjQuery UIとjQueryプラグインをサンプルを交えて紹介していきます。前々回からは、急速に普及を見せるスマートフォン向けサイト作成に便利な「jQuery Mobile」を紹介しています。

  • 7090_t.gif
    2013/04/25

    jQueryで地震分布図を作成しよう

     地理情報を含むデータを表現する場合、地図上で表すことで視覚的にその情報を認知しやすくなります。例えば、車のナビや道路標識などでは、単純に方向や座標だけを示すのではなく、地図上に表現することで、見た人が直感的に認知できるようにしています。本稿では、jQuery対応コントロール集である「Ignite UI 2013 Volume 1」のigMapというコントロールを用いて、地震分布図を作成していきます。

  • 7066_t.gif
    2013/04/03

    「jQuery Mobile」を活用したスマートフォンサイト作成(中編)

     本連載では、JavaScriptライブラリの中でも人気が高まりつつあるjQuery UIとjQueryプラグインをサンプルを交えて紹介していきます。前回からは、急速に普及を見せるスマートフォン向けサイト作成に便利な「jQuery Mobile」を紹介しています。

  • 6995_t.gif
    2013/02/28

    「jQuery Mobile」を活用したスマートフォンサイト作成(前編)

     本連載では、JavaScriptライブラリの中でも人気が高まりつつあるjQuery UIとjQueryプラグインをサンプルを交えて紹介していきます。今回からは、急速に普及を見せるスマートフォン向けサイト作成に便利な「jQuery Mobile」を紹介します。

  • 6969_t.gif
    2013/02/04

    状況に応じて地図の様子が自動で変わる! YOLPで作る簡単便利地図アプリ 「今っぷ!」

     本連載では、Yahoo! Open Local Platform(YOLP)を使ったさまざまなアプリ・サービスの実装例を紹介しています。今回は、状況に応じて地図の様子が自動で切り替わる「今っぷ!」をご紹介したいと思います。

  • 6926_t.gif
    2013/01/08

    ITエンジニアの実務スキルを見抜ける「CodeIQ」で、コードゴルフ問題を出してみた

     「CodeIQ」は「ITエンジニアのための実務スキル評価サービス」です。このWebサイトには、常時30問程度のITエンジニア系の問題が掲載されており、解答すれば出題者から評価フィードバックを得ることができます。筆者は、このサイトに実際に問題を出してみました。その時の経験から、出題者としての意図や感想、解答者と出題者のメリットなどを紹介していこうと思います。

  • 6921_t.gif
    2012/12/21

    地図をタッチして雨の強さをチェック! YOLPで作る簡単便利地図アプリ

     本連載では、Yahoo! Open Local Platform(YOLP)を使った様々なアプリ・サービスの実装例を紹介しています。今回は、前回ご紹介した「ルート雨雲チェッカー」に続く雨チェックサービス第二弾、「雨フル?タッチ」をご紹介したいと思います。

  • 6898_t.gif
    2012/12/19

    2つのAJAX:「jQuery AJAX API」と「ASP.NET AJAX」

     本連載ではツールやフレームワークの機能を最大限利用しつつ、保守、開発効率を意識したWebフォームアプリケーションを開発する方法を学んでいきます。今回は前回のjQueryに引き続きRIAに欠かせないAJAXをWebフォームアプリケーションに導入する方法について学んでいきます。

  • 6880_t.gif
    2012/12/05

    RIAへの第一歩としてのjQuery

     本連載ではツールやフレームワークの機能を最大限利用しつつ、保守、開発効率を意識したWebフォームアプリケーションを開発する方法を学んでいきます。連載の最後に、今回と次回で昨今のWebアプリケーション開発では欠かせないものとなった、jQuery、AJAXを活用したRich Internet Application(RIA)の作成方法について学んでいきます。今回はjQueryについてです。

  • 6873_t.gif
    2012/11/27

    グラフを表示するjQueryプラグイン 後編

     本連載では、JavaScriptライブラリの中でも人気が高まりつつあるjQuery UIとjQueryプラグインをサンプルを交えて紹介していきます。今回は、前回に引き続きグラフ表示をテーマにしたjQueryプラグインを紹介します。

  • 6875_t.gif
    2012/11/26

    Adobe Edge Animateを触ってみよう!

     Adobe Edge Animateは、初心者でもこれまでFlashやAfter Effectsを扱っていた人でも使いやすいソフトウェアです。その機能の紹介と、具体的な作り方について解説します。

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