【授業】 iponeサイト制作(テキスト)4〜6章
エクリスプインストール
横幅は320
よこに倒しても320のままで制作。
※今の段階ではリキッドなども使わない
320で作って480で表示されるから、拡大表示だけされる
テキストサンプル
http://www.ishowcase.jp/book/
アンドロイドはエクリスプの中で表示させて作る
mac版は特にeclipsが入ってないと、アンドロイド系はシュミレートすることができない
《iPhoneの場合》(ブログ9・18)
viewportのwidthにdevice-width入れたときに、縦の時widthを320にして横の時widthを480にするので はなく、縦の時も横の時もwidthは320で、initial-scaleの方が拡大率から計算してviewportのwidthを決めている
※「initial-scale」は画面拡大率の設定ではなく、
「viewport」のwidthを画面幅の何倍で表示するかで、縦→横に倒しても拡大率は変化しない
ブログ 0713
Eclipsのインストール
最初に
* Eclipse(「イクリプス」または「エクリプス」)は、IBMによって開発された統合開発環境(IDE)の一つ
* PDT(PHP Development Tools)をインストールしてから使います
3.7 Indigo
4.2 JUNO(←最新)
PDT =[Net BeansIDE 7.1.2]PHPのダウンロードバンドルをインストール
エクリスプインストール http://mergedoc.sourceforge.jp
ウィンドウズは4.2
日本語版にすると3.5〜3.7
マック版を日本語にすると3.3
の表紙になる
ダウンロードするのは
4.2 の32ver. PHP 「あり」。
(なしだと別に何かをインストールしないといけない)
エクリスプはダウンロードしなくっても、あればいい
developer.android.com/sdk/index.html
携帯サイト制作系に行きたい人はエクリスプは必須だが
ネット上でもハウツーほとんどがない
新規インストール
Instorlling the SDKの中の プラグインから(ダウンロードしない)
インターネット上にある圧縮ファイルのURLをエクリスプのインストール画面の欄に貼り付ける
「android SDK マネージャー」を開く
「SDKパス」に
「tools」と「adoroid」4.1にチェックを入れてインストールするだけでいい
(プロだと他にもっといろいろインストールが必要)
※約40分以上必要
(編集)ビルトイン=デフォルトじゃないとうまく開かない
アンドロイド仮想デバイス
「マネージャー」でエミュレーターを開く
グレイの画面が開らく
アンドロイドをいろいろ設定している記事(前受講生のブログ)
↓
d.hatena.ne.jp/Gattyan2/20120206/p1
macにエクリスプをインストールする
http://doruby.kbmj.com/yuki-Ruby/20101217/Mac_Eclipse_
* 「Pleiades 安定版1.3.4」をダウンロードします
* 「plugins」「features」の内容を、本体「plugins」「features」内へ移動する
* 「eclipse.ini」の最終行に1行追加します。
- javaagent:../../../plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
完全日本語化ができました。(スプラッシュページがどれとも違います。)
起動ワークスペース・ランチャー
* 起動時のワークスペース選択
* 「C:\dev\eclipse\eclipse.exe」の場合「C:\dev\workspace」が選択されます
* XAMMPを利用する場合「htdocs」を指定します
* スプラッシュページ
「環境設定」とメニューが日本語になっていれば完了。
* 「ワークベンチ」をクリックして編集画面に移動する
終了
* 「常にプロンプトなしで終了」にチェックをつけて「OK」を押します
PDT(PHP Development Tools)
* EclipseにPHPプログラムを開発する機能を追加するためのプラグイン
インストール
* 「ヘルプ」→ 「新規ソフトウェアのインストール」
作業対象
* 「http://download.eclipse.org/releases/juno」
パースペクティブを読み込む(PHP)
* パースペクティブは、メニューバー、ツールバー、ビュー、エディターなどを組み合わせた画面構成の単位
* PHPを選択
PHPファイル作成の準備
* 「環境設定」→「ワークスペース」
* 「テキスト・ファイルのエンコード」を「UTF-8」に変更
PHPプロジェクト作成
* PHP Project(新規フォルダー)を作成する
* PHPファイルを作成する
PHPを記述
Aptana Studio3
* EclipseにAptana Studio3を組み込む
* HTML+CSSの支援機能を使う
* http://download.aptana.com/studio3/plugin/install