Deep Insider の Tutor コーナー
>>  Deep Insider は本サイトからスピンオフした姉妹サイトです。よろしく! 

タグ「HTML5」の記事一覧

  • このエントリーをはてなブックマークに追加

Electronデスクトップアプリ開発入門(5)

Electronデスクトップアプリ開発入門(5)
Electronアプリのデバッグと、パッケージ化

本格的にElectronアプリ開発を進める方に向けて、そのデバッグ方法と、製品リリースのためのパッケージ作成の方法について説明する。

Electronデスクトップアプリ開発入門(4)

Electronデスクトップアプリ開発入門(4)
Electron APIデモから学ぶ実装テクニック ― システムとメディア

Electron API Demosで紹介されている、Electronアプリの実装テクニックを紹介。今回はシステムとメディアの実装方法を基礎から説明する。

Electronデスクトップアプリ開発入門(3)

Electronデスクトップアプリ開発入門(3)
Electron APIデモから学ぶ実装テクニック ― ネイティブUIと通信

Electron API Demosで紹介されている、Electronアプリの実装テクニックを紹介。今回はネイティブUIと通信の実装方法を基礎から説明する。

Electronデスクトップアプリ開発入門(2)

Electronデスクトップアプリ開発入門(2)
Electron APIデモから学ぶ実装テクニック ― ウィンドウ管理とメニュー

Electron API Demosで紹介されている、Electronアプリの実装テクニックを紹介。今回はウィンドウ管理とメニューの実装方法を基礎から説明する。

SpreadJS機能概説(1)[PR]

SpreadJS機能概説(1)[PR]
Excelライクなグリッド表示(スプレッドシート、表計算)を簡単に作れるJavaScriptライブラリ「SpreadJS」の機能概要[PR]

Web上でもExcel形式の表計算型のデータ入力やデータ表示を実現したい?! それならJavaScript UIウィジットの「SpreadJS」が利用できる。そのSpreadJSの特徴と機能概要をまとめる。

Electronデスクトップアプリ開発入門(1)

Electronデスクトップアプリ開発入門(1)
Electronとは? アーキテクチャ/API/インストール方法/初期設定

Windows/macOS/Linuxで実行できるデスクトップアプリをWeb技術で作ろう! Electronの概要から開発を始めて動かすところまでを解説する。

Windows 10 Anniversary Updateの新機能【開発者編】

Windows 10 Anniversary Updateの新機能【開発者編】
Microsoft Edge: HTML5/JavaScript最新標準仕様への新応とF12開発者ツールの新機能

Windows 10 Anniversary Updateでアップデートされた最新Edgeの「JavaScript標準仕様への対応状況/オープンソース化/追加されたHTML5標準/F12開発ツールの新機能」をWeb開発者向けに概説する。

HTML TIPS

HTML TIPS
最新のHTML5/CSS/JavaScript API/CSS機能が使えるかを判断するには?

HTML5.1などの最新仕様を使いたい場合、それが対象ブラウザーでも使えるかどうかを判断する方法を説明。実際に試す前に「Can I use」の情報を確認しよう。

HTML TIPS

HTML TIPS
HTML標準仕様などを決める、W3Cによる勧告のプロセスとは?

W3Cが制定するWeb標準の技術文書では、最初の「草稿」から、最終段階の「勧告」になるまで、いくつかのステップを踏む。そのプロセスについて簡単に説明する。

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(6)

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(6)
AngularJSの方法でMonacaアプリを作ってみよう(後編)

Monacaアプリ開発実践編の第3弾(連載最終回)。路線名を選択して、時刻表を表示するアプリの作成方法を説明する。

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(5)

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(5)
AngularJSの方法でMonacaアプリを作ってみよう(中編)

Monacaアプリ開発実践編の第2弾。Web APIを使ってバス停の座標データを取得するアプリの作成手順を解説する。

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(4)

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(4)
AngularJSの方法でMonacaアプリを作ってみよう(前編)

実践的なMonacaアプリ開発の一例として、オープンデータのWebサービスを使ったアプリの作成方法を説明する。Monacaアプリ開発実践編の第1弾。

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(3)

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(3)
Onsen UIの舞台裏で働くAngularJSの世界

AngularJS流のデータ/コントローラー/表示の実装方法と、AngularJSのディレクティブによるHTML要素の操作方法、データの追加、AngularJS機能のサービスについて解説する。

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(2)

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(2)
Monacaで作る、初めてのOnsen UIアプリ

新規作成した“初めてのOnsen UIアプリ”プロジェクトの各ファイルをAngularJS流に書き換える。そのアプリをデバッグビルドし、デバイスに実際にインストールする。

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(1)

Monaca入門:Onsen UI+AngularJSで作るハイブリッドモバイルアプリ(1)
Onsen UI+AngularJSで効率的にモバイルアプリが作れるMonaca

HTML+CSS+JavaScriptを使ってスマホやタブレットで動作するアプリが簡単に作成できる「Monaca」を基礎から解説する入門者向け連載(改訂版)がスタート。今回はMonaca/Onsen UI/AngularJSの概要とMonaca IDE、Monacaデバッガーを紹介。

Build Insider Survey【2014年4月実施】

Build Insider Survey【2014年4月実施】
今、本当に人気がある「JavaScriptライブラリ&ツール」を調べてみた

Web制作者/開発者が「今後、使いたい」JavaScriptライブラリおよびWeb技術を、ランキング形式で発表。2014年度前半はこれらを押さえよう。

Build Insider Survey (in April 2014)

Build Insider Survey (in April 2014)
We surveyed the most popular developer technology in Japan

The popularity rankings of development-technologies which developers want to use in the future.

書籍転載:Ruby on Rails 4アプリケーションプログラミング

書籍転載:Ruby on Rails 4アプリケーションプログラミング
Railsというフレームワーク

一般的なフレームワークについて触れた後、Railsの特徴、具体的な機能について概説。書籍転載の1本目(「第1章 イントロダクション」より)。

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(10)

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(10)
JavaScriptとネイティブの通信の仕組み ― JsAlert方式/ローカルHTTPサーバ方式

ついに書籍転載最終回。Apache Cordova/Adobe PhoneGapによるハイブリッドアプリ内での、JavaScriptとネイティブの通信の仕組みの解説が完結する。

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(9)

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(9)
カスタムURLスキーム方式/iOSで特定のページの読み込みを制限する

JavaScriptからネイティブ側へ命令を投げる方法(Android&iOS対応)を紹介。またiOSでセキュリティのために、特定のドメインのページの読み込みを制限する方法も紹介。書籍転載の9本目。

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(8)

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(8)
addJavascriptInterface方式(後編)/ネイティブからJavaScriptへ値を渡す

Apache Cordova/Adobe PhoneGapによるハイブリッドアプリ内での、JavaScriptとネイティブとの通信の仕組みを解説。書籍転載の8本目。

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(7)

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(7)
JavaScriptからネイティブの機能を呼び出す方法 ― addJavascriptInterface方式(前編)

Apache Cordova/Adobe PhoneGapによるハイブリッドアプリ内での、JavaScriptとネイティブとの通信の仕組みを解説する。書籍転載の7本目(「Part 2《実践編》 第11章 JavaScriptとネイティブとのブリッジ」より)。

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(6)

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(6)
Android向けのCordovaプラグインを実装する

アプリの一部をネイティブで記述するには、プラグインの実装が必要。そこでAndroid向けにCordovaプラグインを実装する方法を解説。今回で「Cordovaアプリ開発の基礎」に関する部分の転載完了。

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(5)

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(5)
Cordovaプラグインを利用する

Cordovaで提供されているプラグインの概要と、実際にアプリのプロジェクトへプラグインを導入する方法を説明する。書籍転載の5本目。

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(4)

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(4)
Cordova:プラットフォームごとにカスタマイズする

アプリをクロスプラットフォーム対応にする際に、プラットフォームごとに少し違った挙動にする方法を解説。書籍転載の4本目。

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(3)

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(3)
Cordova: アプリの設定

Apache Cordovaアプリの開発準備が整ったら、そのアプリや、iOS/Androidなど特定のプラットフォームでの挙動の詳細を設定しよう。書籍転載の3本目。

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(2)

書籍転載:[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門(2)
Cordovaを用いてアプリを開発する

Cordovaアプリケーションを開発する手順を説明。書籍転載の2本目(「Part 1《基礎編》 第4章 Cordovaを用いたアプリ開発の流れ」より)。

特集:JavaScriptライブラリ「Modernizr」入門

特集:JavaScriptライブラリ「Modernizr」入門
Modernizrを使ってブラウザーの機能を調べるには

ユーザー・エージェント文字列を使ってブラウザー単位で、使用可能なHTML5/CSS3機能を判定する方法は時代遅れだ。これからは機能単位で判別しよう。その方法を解説。

特集:次世代Web

特集:次世代Web
デバイスとクラウドがもたらす近未来

これからアプリケーション・アーキテクチャはどう変化するのか、次に必要とされるWeb技術は何なのかを考察する。

サイトからのお知らせ

Twitterでつぶやこう!