【授業】 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 「あり」。
 (なしだと別に何かをインストールしないといけない) 


android 

エクリスプはダウンロードしなくっても、あればいい
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行追加します。


完全日本語化ができました。(スプラッシュページがどれとも違います。)


起動ワークスペース・ランチャー
* 起動時のワークスペース選択
* 「C:\dev\eclipse\eclipse.exe」の場合「C:\dev\workspace」が選択されます
* XAMMPを利用する場合「htdocs」を指定します

* スプラッシュページ

「環境設定」とメニューが日本語になっていれば完了。

* 「ワークベンチ」をクリックして編集画面に移動する

終了
* 「常にプロンプトなしで終了」にチェックをつけて「OK」を押します


PDT(PHP Development Tools)
* EclipsePHPプログラムを開発する機能を追加するためのプラグイン

インストール
* 「ヘルプ」→ 「新規ソフトウェアのインストール」
作業対象
* 「http://download.eclipse.org/releases/juno

パースペクティブを読み込む(PHP
* パースペクティブは、メニューバー、ツールバー、ビュー、エディターなどを組み合わせた画面構成の単位

* PHPを選択

PHPファイル作成の準備
* 「環境設定」→「ワークスペース
* 「テキスト・ファイルのエンコード」を「UTF-8」に変更

PHPプロジェクト作成


* PHP Project(新規フォルダー)を作成する
* PHPファイルを作成する

PHPを記述

Aptana Studio3
* EclipseAptana Studio3を組み込む
* HTML+CSSの支援機能を使う
* http://download.aptana.com/studio3/plugin/install