Gruntで快適な環境を整備したい!【タスク記述編】


『Gruntで快適な環境を整備したい!【インストール編】』に引き続き、タスクの自動化ツールであるGruntを使ってみます。今回はタスク記述編ということで、様々なタスクを書いてみます。
 

今回したいこと

 
今回は以下のタスクを書いてみたいと思います。タスクはGruntfile.jsに書きます。ベースとなるコードは前回の記事『Gruntで快適な環境を整備したい!【インストール編】』の「Gruntfile.jsを作成する」をご覧ください。
 

続きを読む »


Gruntで快適な環境を整備したい!【インストール編】

みなさんはHTML/JS/CSSベースの開発をする際、どんな開発環境で開発していますか?今回は快適な開発環境を目指して、Gruntというタスクの自動化ツールを使ってみます。使用するGruntのバージョンは0.4.1です。
 

続きを読む »


Titaniumでアプリ開発【モジュール編】

Titaniumのモジュールとは

Titaniumでは、複雑な機能をまとめてAPIのように使えるようにしたい場合や、Titanium APIが提供する範囲以上のことをネイティブのコードを使って実現したい場合に、それらの機能をモジュールとして追加して使うことができます。

続きを読む »


AIRアプリでUIDocumentInteractionControllerを使ってみる

AIRではiOS/Android等のクロスプラットフォームアプリ開発が可能ですが、
AIR単体では使えない機能(各OS 独自の機能や、BluetoothやVibrationなど)がありました。
しかし、AIR3から追加されたネイティブ拡張(AIR Native Extensions、以下ANE)という機能を使うと、
ネイティブコードと連携した実装が可能となりましたので、今回の記事ではこのANEを使って、
iOSのUIDocumentInteractionControllerをAIRアプリ上で利用して、
epubファイルをiBooksで開いてみたいと思います。

続きを読む »


Titaniumでアプリ開発 【Alloy入門編】

Titnaium Mobile とは

Titanium MobileはJavascriptを用いてiOSやAndroidなどのネイティブアプリケーションを開発できるツールです。このTitanium Mobileですが、昨年12月のSDK3.0リリースで大幅に機能が追加され、格段便利になりました。それが今回ご紹介する「Alloy」です。

AlloyはTitanium Mobile公式のMVCフレームワークで、従来のJavascriptを用いたデザイン記法から一変して、XMLによるマークアップとTSSによるスタイル指定が導入されました。その他にもデータバインディング機能、テーマ機能、Widget機能など、開発をサポートする様々な機能が追加されました。

先だってTitaniumを用いてチーム開発を行った際も、プロジェクト構造やコードの記法など、Alloyで決められた共通ルールに従うことで、チーム間の意識統一は容易になり効率的な開発をすることができました。

Alloyでリスト作成

今回はAlloyの入門としてスマホアプリによく見るリスト表示のサンプルを解説したいと思います。

Alloyの新規プロジェクト作成

Titanium Mobileの開発環境Titanium Studio 3.0.0から新規プロジェクト作成でAlloyのプロジェクトを作成できるようになりました。プロジェクトテンプレートが選べるので、ここでは「Default Alloy Project」を選んでプロジェクトを作成します。

続きを読む »


Sass/Compassを使ってCSSスプライトに挑戦してみました。

CSSスプライトを作成する機会があったため、最近よく耳にするSassとCompassを使ってみました。CSSスプライトとは、複数の画像を1枚の画像としてまとめ、CSSで表示範囲を指定することにより表示する手法です。画像のリクエスト数を削減することができるため、高速化の手法の1つとして利用されています。


 
続きを読む »


HTML/JSで画像リクエストをキャンセルさせるには?

【WinRT】カスタムコントロールをつかったセマンティックズームの実装

Sencha Touch2でWebアプリ開発【MVC概要編】

Windows ストアアプリ 「yen-note」を公開しました