【Android】DayDreamとスクリーンセーバーの違いって・・

おはようございます！！

今日も気まぐれに日記をカキカキします　（笑）
Androidの開発をやってて・・英語と日本語の壁にぶつかるとき多々があります。。

そんな愚痴をちょっとだけｗ
OS4.2新機能のDayDream


これって何よ？？って身構えちゃうけど・・・
私のNexus7で確認すると・・・
スクリーンセーバーなんですよね・・

スクリーンセーバーの画面

具体的な設定画面

結局・・・・

スクリーンセーバーのことをわざわざ「DayDream」って読んでるんです。。

（間違ってたらごめんなさい）


スクリーンセーバーって和製英語なの？？
と疑問に思ったのですが・・・検索すると英語がちゃんとある・・・

スクリーンセーバー(Screensaver) 


ま・・・これからは、Android業界用語では、スクリーンセーバーの事をDayDreaｍって呼ぶんだ！！
と理解しておきます。。ｗ

Lessをeclipseでいじろう！！

この投稿はCSS Preprocessor Advent Calendar 2012の１５日目の投稿です。このポストでCSS Preprocessor Advent Calendar 2012を知ったという方は一日目の投稿から読むことをお勧めします

ここまでの１４日間のAdvent calendarでLessに興味を持ち、導入意欲も湧いてきたかと思いますが、私自身、初歩的な環境構築がわかっておらず。。。

そこで、家ではMac,仕事場ではWindows環境な私が両環境で共通で使えそうなEclipse上でLessを記述する方法例を書きます。（ハードル低くてすみませんｗｗ）

今回、作成したサンプルプロジェクトのソースはgithubに置いてあります。

内容：

Lessとは

SassよりLessって・・・

開発環境

環境構築

Lessをいじる
コンパイル

まとめ

（内容で、間違っていたら指摘してください　＞＜）

でわ・・書きます。

Lessとは

（一日目からみている人は読み飛ばしてください）

まず、ややこしいのですが、Lessは、Lessフレームワークのことではありません。

Lessフレームワークは、「通常のCSS仕様に沿った書き方で」多画面対応のためのフレームワークのようです。

一方、Lessは、「CSS仕様にはない書き方」を補うものです。

例えば、宣言ブロックのネスト、プログラミング言語でお馴染みの「変数」、「ミックスイン（Mixin）」、「演算」、「カラー関数」だそうです。

twitterのBootstrapツールで採用されている実績あり。

（cssはいじったことあるのですが、詳しくメリット、デメリットまで理解してないです　＞＜）

んで、CSSの仕様上ネストや変数などが使えないので、「別言語でCSSを生成しちゃえばいいんじゃね？」ってことで、Lessが生まれました。

別言語が「メタCSS言語」＝「Sass」（先輩）、「Less」（後輩）・・・etc

生成処理がはいるので、コンパイルが必要です。

Lessは、javascript、SassはRubyです。

Lessは、２通りの使い方がある。

１．毎回、HTMLが読み込まれた時にコンパイル　→　CSS生成　→　描画

２．予めコンパイルしてCSS生成済み　→　描画

詳細はこちらのサイトで確認を　＞＜

Lessの説明終了。

SassよりLessって・・・

Sassの派生でLessが生まれたようです。Sassさんは、先輩だからイロイロできることありすぎて、短期間では理解は難しそう・・・「なぜこうなっているのか？」と疑問になってコンパイラの処理を覗こうとしたとき・・Ruby言語の学習コストが痛い。。

TwitterがBootstrapツールを公開してるし・・・・

てことで、テーマは、Lessで投稿！！

→やっと言えたｗｗ

開発環境

MacBook Pro Retina 10.8.2

Eclipse4.2

環境構築

Mac編

参考サイト

１．Eclipse3.7.1以上を用意

Eclipseのバージョン確認画面

２．コンパイルをしたいなら
version 1.1.5以上のless.jsを用意する。（詳しいことはコンパイル説明で・・）

githubの画面

３．xtextをEclipseにインストールする

編集するため？に使用する

Xtext　2.2.1以上

ダウンロード先：

http://download.eclipse.org/modeling/tmf/xtext/updates/composite/releases/

対象プラグイン選択

プラグイン一覧確認画面

同意画面

再起動してXtextの設定完了
４．Lessプラグインをインストール

一覧からLessプラグインを選択・インストールする

ダウンロード先：

http://www.normalesup.org/~simonet/soft/ow/update/

Lessを選択

一覧確認画面

同意画面

再起動して、Lessプラグインインストール完了~
５．「.less」ファイルに関連づけされているか確認
適切に設定が完了すれば、「.less」ファイルの関連付け設定がされているはず。

ファイルの関連付け確認画面

６．拡張子が「.less」なファイル作成
WebProject作成感覚で適当に作成

プロジェクト画面

７．Lessをいじる
詳しいことは、他のサイトを参考にしてください＞＜

参考に書いlessコード

コンパイル

１通り目
毎回、HTMLが読み込まれた時にコンパイルする場合
一般的にこの記述を書く
less.jsは、ここから落とす

HTMLが読み込まれた時にコンパイルする場合の例

２通り目
gitからコンパイル用の圧縮ファイルを解凍したのが下記キャプチャ

lesscの選択画面

binフォルダになにやら「lessc」ファイルがある。
こいつにeclipseのワーキングスペースで書いた「lessファイル」のパス渡せばコンパイルができる？？。
と思ったのですが、上手くいきません
次~
makeファイルがあります。
これ実行したらいいんじゃね？

ファイル構成画面

ダブルクリックしたらこんな感じ

ダブルクリックした時の結果画面

nodeやらgitやらコマンドが見つからないとのこと・・
うーん、入れてもいいんだけど・・今回は放置。。
逃げで、Less用のGUIコンパイラであるCodeKitでコンパイルします。

CodeKit起動画面

→できるだけEclipseでやりたかった　けど妥協~
Eclipseのプロジェクトをドラッグ＆ドロップする

ドラッグ＆ドロップ

cssのパスを整える

CodeKitの環境設定画面

CSSパスを設定する

コンパイルしたCSSの出力先を設定する。

ファイルパス設定

リフレッシュしないと画面には反映しない

まとめ

Lessについて理解していることを整理してみた。
Eclipseで開発できるって便利そう~
今後は、
Webが熱いので、このテーマをもう少し掘り下げるかな~

掘り下げたときは、随時Guthubにアップしますね~

これで、CSS Preprocessor Advent Calendar 2012の１５日目の私の
投稿は完了です！！

以上

【クラウドサービス】クラウドサービスを忘れないうちにメモ

クラウドサービスがイロイロありすぎて、よく分からないので・・

ザックリ整理

1.ASUS のASUS Open Cloud」(IaaS)
http://www.engadget.com/2012/06/04/asus-shows-off-open-cloud-computing-in-video/
・感想は、綺麗な映像だなｗ
・ASUS製デバイスでコンテンツを共有するソリューション
・開発用のAPIの記載がない・・・・

2.Apple　のiCloud
・iPhoneやiPod touch、iPadといったiOS5が動作する端末のデータの一部をネット上に保存して、パソコンや各端末からデータにアクセスできるサービス
・iCloud Storage APIs が提供されているから連携アプリが作成できそう？
https://developer.apple.com/icloud/index.php

3.MicrosoftのWindows LiveやSkyDrive
・iCloudのWindows版ぽい
・REST　APIで触れるっぽい。
http://windowsteamblog.com/windows_live/b/windowslive/archive/2011/12/07/skydrive-apis-for-docs-and-photos-now-ready-to-cloud-enable-apps-on-windows-8-windows-phone-and-more.aspx

4.Acer AcerCloud
・Acer独自のファイル共有サービス
・今後のサービスは、「PicStream」「clear.fi Media」「AcerCloud Docs」らしい・・・
・Acerの顧客が「Windows」パソコンと「Android」搭載端末の間でファイルを同期できるようにするサービス？？
http://japan.cnet.com/news/service/35012899/
・開発用のAPIの記載がない・・・・

5.Google 「Google App Engine」「Google Cloud Storage」「Google BigQuery」「Google Compute Engine」(IaaS)「Drive」「Google クラウドプリント」
・Amazonと同じことができそうな、「Google Compute Engine」
・WebサービスでBigテーブルを使ったWebアプリ開発ができる「Google App Engine」
・あとは、クラウド上にストレージやプリントできるクラウドサービスがある。

6.Amazon Amazon Web Services(IaaS)
・「Google Compute Engine」(IaaS)と競合するサービス
・サービスは、魅力なのですが、個人的に従量課金なので怖くて使えないです。

・個人的に「月額定額のVPSサービス」（お名前.comVPS　や　ServerMan VPS）を使っているので、アマゾンのIaaSは、料金的にメリットは今の所感じていません。

7.DropBox
個人的に便利なファイル共有サービス！！

8.Nドライブ
ファイル共有サービス

9.Yahooボックス
ファイルサーバサービス

10.Lino
クラウド付箋アプリ
私のFirefoxでは、付箋表示が遅いです。

11サイボーズ
サイボーズLiveを使っています。
無料で使えて便利です。

12.EverNote
クラウド経由のメモサービス？

13.その他、Twitterとか？

 整理終了～
こんなところです。

以上です。

【VMWare】32bitホストOS上で64bitゲストOSをインストール

32bitホストOS上で64bitゲストOSをインストールした時のメモ。

【1.参考サイト】
http://www.atmarkit.co.jp/fwin2k/verification/vpcwin07/vpcwin07_01.html
【2.動作条件】
ザックリと下記４点が重要なようです。
１．CPUがAMD-V／Intel VTに対応していること
２．BIOSの設定で VTを有効にする
３．BIOSの設定で仮想環境を有効にする？
４．今回は、VMPlayerを使用


【３．まとめ】
・他の記事だと・・２００７年 以降ごろから本格的にVTを実装したCPUがでだしたようですね・・・
いまいち何の事かわかっていませんが・・・＾＾；
 ・ubuntu-12.04-desktop-amd64.isoを設定してみました。
途中まで、グラフィカルながめんでしたが・・

 
・インストール完了後は、

どうやら、現在まだVMWare側がGUIには対応していないようです。

ですが、無料でCUIが使えるなら、十分です！！

でわでわ～

【システム情報】WindowsXPのシステム情報を表示する。

使用しているWindowsXPのシステム情報を見るためのメモです。
1.ファイル名指定で、Msinfo32.exeを実行

2.起動完了～

以上です。

でわでわ～

【Android】4.1のエミュレータを使ってみます。

Android4.1のメモです。
【１．開発環境】
 下記です。

【２．SDKの準備】
昨日の夕方アップデートした時はまだ、Android４．１がなかったのですが。
今日アップデートしてみると、新しいのが提供されておりました！！

早速ポチットな～

回線遅いｗ

【３．エミュレータ作成】
これはいつもの通り、クリッククリック～
まず、OSのホームスクリーンの移動を楽にするために、
GPU　emulationを有効にします。

ザックリとしてエミュレータの設定

Android４．１からエミュレータスキンのHD が加わったようです。
む・・・QHDのスキンは・・・・・ないですね～
そもそも、QHD（540x960）のような中途半端なディスプレイサイズは、海外でのニーズはないのかもしれません。
Android２．３の端末で何個かの機種は、QHDサイズの端末を見かけました。
今後は・・・・ないかもしれません。

エミュレータ作成完了～

エミュレータ起動

い

初見で思ったのは・・・しぶいデザインです＞＜
【４．まとめ】
お！！
ナビゲーションバーがありますね～
今まで、エミュレータではナビゲーションバー表示ができませんでしたが・・・

ある！！

これで、だいぶ開発が楽になったのかな？？

でも・・・エミュレータだとGPU　Emulationのおかげでホーム画面は動かせますが・・・・・
その他のデフォルトアプリ起動がイマイチかな・・・・・最終的には端末が必要ですね。

お財布が・・・orz

でわでわ～

WimaxのIP～

メモです
Wimaxでゴニョゴニョいじっているときの
グローバルIPについて


Wimaxは、必ずグローバルIP使ってるのかな？っておもったら違うようです　＞＜

IPが枯渇してきたら、プライベートIPに切り替えているようです。
どうりでねｗｗ

別の回線からこの子にアクセスしたとき
通信が上手くいかないわけだ　＞＜


でわでわ