Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

「JavaScript」記事一覧

271件中21~40件を表示
  • 2016/05/23

    AngularJSアプリでイベントカレンダーを実装する - UI Bootstrap/UI Calendar

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

  • 2016/05/17

    マイクロソフト製品にも採用された「Wijmo(ウィジモ) 5」のモバイルWeb部品

     本連載では、グレープシティが提供するJavaScriptライブラリWijmo(ウィジモ)について、サンプルとともに利用例を紹介します。今回はマイクロソフト製品にも採用されたWijmo 5のモバイル向けUI部品について、採用事例とサンプルコードを示しながら紹介します。

  • 2016/05/12

    5分でわかるActiveReports帳票-ActiveReports Server(応用編)

     本連載では、帳票コンポーネント「ActiveReports for .NET 9.0J」の新機能を使用して帳票アプリケーションを作成する方法を解説します。第8回の今回は、9.0Jで追加された新機能である「ActiveReports 9.0J Server」の応用的な使用方法について説明します。なお、ActiveReports 9.0J ServerはProfessional版のみの機能です。

  • 2016/05/10

    Node.jsのモジュール依存解決メソッドをブラウザでも使えるBrowserify

     本連載では主にHTML/JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。今回は、Node.jsで別のJavaScriptモジュールを参照するためのrequireメソッドをWebブラウザでも利用できるようにJavaScriptをビルドするツール、Browserifyを取り上げます。Browserifyを使えば、Webブラウザで実行するJavaScriptでNode.jsのモジュールを利用したり、JavaScriptファイル同士の依存関係をシンプルに管理したりできます...

  • 2016/04/25

    AngularJSアプリで日付/時刻を入力するライブラリ - UI Bootstrap(Datepicker/Timepicker)

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

  • 2016/04/14

    AngularJSアプリに地図を導入する - Angular Google Maps

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

  • 2016/04/13

    画像に反応してARオブジェクトが飛び出す! Wikitudeで「画像認識型AR」Androidアプリを作ってみよう

     ARは、スマホのカメラで周囲の風景を映すと、その風景にデジタル的な追加情報(ARオブジェクト)を付与して表示する表現方法です。その中でも「画像認識型AR」は、緯度経度ではなくスマホのカメラに映った画像に対してデジタル的な追加情報(ARオブジェクト)を付与して表示します。Wikitude SDKを使用するとターゲット画像の解析とARオブジェクトの表示を簡単に実現できます。

  • 2016/03/24

    Markdownテキストを整形するAngular Markedとコードをハイライト整形するAngular Highlightjs

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

  • 2016/03/10

    「Wijmo(ウィジモ) 5」のExcelライクスプレッドシートFlexSheet

     本連載では、グレープシティが提供するJavaScriptライブラリWijmo(ウィジモ)について、サンプルとともに利用例を紹介します。今回は2016年1月のアップデートで正式版になったスプレッドシートコンポーネント「FlexSheet」について、サンプルを交えて利用方法を紹介します。

  • 2016/02/24

    JavaScriptタスク自動化ツールgulpのAPI説明と実践的な利用例

     本連載では主にHTML/JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。前回は様々なタスクを実行する自動化ツールgulpの基本的な利用法を説明しましたが、今回は前回紹介しきれなかったgulpの機能や利用例を、サンプルを交えて説明していきます。

  • 2016/02/24

    位置情報と連動したAR! Wikitudeで「ロケーションベース型AR」Androidアプリを作ってみよう

     ARは、スマホのカメラで周囲の風景を映すと、その風景にデジタル的な追加情報(ARオブジェクト)を付与して表示する表現方法です。このとき、どこに追加情報を表示するかの判断を緯度経度といったロケーションをベースとして判断するのが「ロケーションベース型AR」の特徴です。Wikitude SDKを使ってロケーションベース型ARアプリを作成すると、現在位置とARオブジェクトをSDKに渡すだけで、適切なAR表示が実現できます。今回は、その中のロケーションベース型ARについて、Wikitudeを使ってAnd...

  • 2016/02/04

    AngularJSアプリ開発に役立つ小粒なライブラリ ~ ストレージ/イベント処理/入力値検証

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

  • 2016/01/14

    画像/音声ファイルを操作するAngularJSライブラリ ~ カルーセル/フルスクリーンモード/再生プレイヤー

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

  • 2016/01/07

    Node.jsではじめるArduinoで人感センサ制御

     本連載では、Web界隈のエンジニアを対象に、IoT(Internet of Things)と関係が深いハードウェアを使った実装を試す手順を紹介していきます。出来るだけ簡単な操作で試せる内容を目指しますので、デザイナーやディレクターといった職種の方もチャレンジしてみてもらえたら幸いです。第1回は、Node.jsを使って、Arduinoと人感センサーを操作してみます。

  • 2016/01/04

    ユーザー通知に役立つAngularJSウィジェット ~ ツールチップ/トースト/プログレスバー

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

  • 2015/12/22

    Webデザイン講師が教えるプラグインを使わない「jQuery」の学び方――最初の入口を最も丁寧に!

     Web制作に必要なスキルの中で、HTMLとCSSなら分かるけれど、jQueryとなると少しハードルが高いと感じている方も多いのではないでしょうか。翔泳社が12月15日に刊行した『jQuery標準デザイン講座』は、まさにそんな方を対象とした入門書です。今回、著者の神田幸恵さんに本書の読みどころや講師業で培われたjQueryの学び方をうかがいました。

  • 2015/12/15

    AngularJSアプリのデータを視覚的に魅せるモジュールたち ~ チャートからタイムラインまで

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

  • 2015/12/09

    UI BootstrapでリッチなパネルUIを実装しよう ~ タブパネルからダイアログ、アコーディオンパネルまで

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

  • 2015/12/07

    SFの世界だけじゃない! アプリ開発でこれから当たり前になっていくAR(拡張現実)技術の活用

     SF小説や漫画、アニメの中だけの世界だったAR(拡張現実)という言葉は、アプリの世界にも浸透してきました。これからのアプリ開発では、ARが必要になる場面も多くなってくると思います。しかしARアプリを作ろうと思うと「敷居は低いが高価な(もしくは価格が公開されていない)ツールキットを使って作成する」か「敷居は高いがOSSなどを使って作成する」かの選択しかありませんでした。

  • 2015/11/25

    JS BoardではじめてみようJavaScript組み込みプログラミング

     JS Boardとは、HTML5、JavaScript等のWeb技術を中心に据えているマイコン、デバイスのことを指します。もともと筆者がそういう趣の勉強会を開きたくてつくった造語です。この記事では主にJavaScriptを利用した組み込み開発に興味がある方、電子工作をやってみたいWebクリエイターなどを対象に、JavaScriptで動作する組み込みデバイスを紹介したいと思います。

271件中21~40件を表示
All contents copyright © 2006-2017 Shoeisha Co., Ltd. All rights reserved. ver.1.5