Dremweaver CS5.5でAndroidアプリをエミュレートする方法（Mac OS X snowleopard）

Dremweaver CS5.5では、PhoneGapをつかったiOSとAndroid向けのアプリケーションを作る機能がついています。
※iOSのアプリが作れるのは、Mac版だけです。

PhoneGap
http://phonegap.com/

Androidエミュレーターを立ち上げて作ったものを確認するぞ！　と「サイト」＞「モバイルアプリケーション」＞「ビルドおよびエミュレート」で「Android」を選び、しばらくたってもエラーの画面しかでません（汗

しばらく待ったあと必ず、「エミュレータで開くことができません。」というメッセージが表示されます。


 
Androidエミュレータのどのバージョンでもダメで、困ってしまいました。
もしかして、アドビのフォーラムに何かヒントがないかなー　と探していたら、同じ悩みを持つ方がいました。

error: 'Dreamweaver is unable to open in the emulator ' on android apps 
http://forums.adobe.com/message/3997853

この記事の投稿によれば、インストールしたAndroid SDKのフォルダの「tools/ant/ 」内の「build.xml」の一部を　以下のように修正すれば良いとわかりました。

1. テキストエディタで「build.xml」を開きます。
2. <target name="install"　からはじまる1119行あたりを探します。
   1123行目あたりの<!-- only do install if *not* a library project -->以下に次のコードを挿入します。

<property name="out.packaged.file" location="${out.absolute.dir}/${ant.project.name}-debug-unaligned.apk" />

<property name="out.final.file" location="${out.absolute.dir}/${ant.project.name}-debug.apk" />

3. これで、あとは「build.xml」保存して閉じます。

あとは、これまで通り、Dreamweaverの「サイト」＞「モバイルアプリケーション」＞「ビルドおよびエミュレート」で「Android」を選びます。

 

しばらく待つと、Androidのエミュレーターが起動して、Dreamweaverもエラーを出さずに処理を行い、以下のようなウィンドウを表示します。


 
 Androidのエミュレーターに作成したものがきちんと表示され、動作確認をすることができるようになります。

HTMLとJavaScriptでDreamweaverで簡単にアプリケーションを作れるのは面白いですね！
ということで、今、作成しているアプリケーションの制作を続けられる！

ブログの反応がどれくらいあるか、知りたいので、ランキングサイトに入ってみました。よろしければクリックお願いします。

Macで外部入力のマイクの音声をリアルタイムで確認するには

Macでマイクをつないで、リアルタイムで音声の確認ができなくて困っていたら、以下の方法で解決できるよ、と教えていただきました。

なお、設定した環境は Mac OS X 10.6.8 です。


まず、USBオーディオ変換ケーブルを購入します。

きちんと音声や声を撮りたい方は、ソニーの「ECM-PCV80U」がいいようです。この商品にはUSBオーディオ変換ケーブルと、マイクスタンドも同封されています。

SONY エレクトレットコンデンサーマイクロホン ECM-PCV80U
販売元：ソニー
(2011-10-10)
販売元：Amazon.co.jp
クチコミを見る


私は「HAMU02」というUSBオーディオ変換ケーブルとskype等でも使えるようにヘッドセットマイクがセットになっているものを購入しました。


iBUFFALO Arvel USBオーディオ 変換ケーブル 0.2M HAMU02
販売元：バッファローコクヨサプライ
(2004-11-26)
販売元：Amazon.co.jp
クチコミを見る
USBオーディオ変換ケーブルにはマイクとヘッドフォンをつなぎます。

USBをMacに接続後、
「アプリケーション」フォルダ内にある「ユーティリティ」フォルダを開きます。
「ユーティリティ」フォルダ内にある「MIDI Audio 設定.app」を開きます。



USB接続マークがでているアイコンを選択します。


「入力」を選択し、「Thru」にチェックをいれます。


これで、マイクの音がヘッドフォンから確認できるようになります。



まさか「MIDI Audio 設定.app」で設定するとは思いもしませんでした。
これで　マイクにノイズが載ってないか、確認が簡単にできるのでUstreamとかも　お気楽にできるかもしれません。

 

ブログの反応がどれくらいあるか、知りたいので、ランキングサイトに入ってみました。よろしければクリックお願いします。

Dreamweaverの使い方を学ぶ本を書きました

えーと。
私が書いた　Dreamweaver CS5.5でウェブサイトを作る本が出版されます。

DreamweaverではじめるWebサイト構築―「HTML」「CSS」を効率良くコーディング (I・O BOOKS)
著者：村山 秀明
販売元：工学社
(2012-01-18)
販売元：Amazon.co.jp
クチコミを見る

Dreamweaverは買ったけど、使い方がよくわからないなー　という方向けに、一つのウェブサイトをつくりながら、Dreamweaverの使い方を学習する本を書きました。

注意がいくつか。

まず第一点。
この本は、HTMLは理解しているけど、Dreamweaverの使い方はいまいち...って方向けに書いた本です。

HTMLを理解していない方は申し訳ないです。
他の本でHTMLを勉強してから買ってください。


第2点。
制作するサイトの素材が入ったCD-ROM付きです。
いまどき珍しいですよね（汗

でも、これに注意が必要です。
本を見て制作するウェブサイトの素材はついていますが、Dreamweaverそのものの体験版は同封されていません。
Dreamweaverは量販店などから購入するか、アドビのサイトからダウンロードしてください。

なんでこの本に「Dreamweaverの体験版がないのか」といえば
アドビのお問い合わせへ電話して「「販売する本に体験版を同封したいんだけど、いい？」って、質問したら、「同封しちゃダメ。」って言われたからです（大汗

※こんな簡単なやりとりじゃないですよ、実際は（汗

ということで申し訳ありませんが、

Dremweaver CS5.5を持ってない方は買ってください。

Adobe Dreamweaver CS5.5 Windows版
販売元：アドビシステムズ
(2011-05-20)
販売元：Amazon.co.jp
クチコミを見る


買うのは無理という方は　アドビのサイトから30日は製品とまったく同じように使える体験版ダウンロードしてください。
そして、使ってみて　よいソフトだなーと思ったら、ぜひ買ってください。
なお、ダウンロードにはAdobe IDが必要になります。

Adobe - ダウンロード
http://www.adobe.com/jp/downloads/


第3点。
後半。本当に最後の章がぐだぐだです。
ぐだぐだすぎて申し訳ないので、サポートサイトに追加で書いていく予定です。

書くついでです。「こういう内容でぜひ書いてくれ」というリクエストがあったらコメントをいただければと思います。


しかも、最終稿を送ってから、
若干素材にミスがあったことに気がつくという凡ミス（ゴメンナサイ...

あと日本語もおかしい部分が多数（まー　普段から日本語の使い方・話し方が　おかしいですが...


以上の問題点があることを知ったうえで
Dreamweaverの使い方を学びたい人は　購入していただければと思います。

よろしくお願いしま〜す。


DreamweaverではじめるWebサイト構築―「HTML」「CSS」を効率良くコーディング (I・O BOOKS)
著者：村山 秀明
販売元：工学社
(2012-01-18)
販売元：Amazon.co.jp
クチコミを見る

ブログの反応がどれくらいあるか、知りたいので、ランキングサイトに入ってみました。よろしければクリックお願いします。

ブラウザでYouTubeの動画をダウンロードするアドオン/エクステンション

You Tubeの動画をダウンロードしてまで見る必然を私は感じていません。
動画は見れなくなったら、見れなくなったでいいと思っています。

知り合いに　ダウンロードして見たいんだけど...と言われたので楽な方法を調べてみました。 

楽に視聴できるできるのは、FirefoxとGoogle Chromeのようなので、この２つのブラウザでダウンロードできるソフトを1つずつ紹介します。

●Firefoxの場合

Firefox
http://www.mozilla.jp/firefox/

FirefoxのASS-ONSのサイトから次のアドオンをインストールします。

Easy YouTube Video Downloader
https://addons.mozilla.org/ja/firefox/addon/easy-youtube-video-downl-10137/

サイトもありますが、
以下からダウンロードすると余計なアドオンも追加されるので、Firefoxのアドオンサイトからダウンロードしたほうが良いと思います。

YouTube Downloader
http://www.bestvideodownloader.com/

Firefoxをアドオンをインストールしたら、Firefoxを再起動し、YouTubeにアクセスします。
動画を表示すると見慣れないボタンが追加されます。



ダウンロードしたい動画を表示したあと、メニューから好きな動画フォーマットを選べばあとは保存先を選んで終わりです。





おー、これは楽だわ。


●Google Chrome編
Google Chromeの場合は、ChromeExtentionsから以下の機能拡張をインストールします。

Ultimate YouTube Downloader
http://www.chromeextensions.org/utilities/ultimate-youtube-downloader/


 インストールして、YouTubeのサイトへアクセスすると、同じように見慣れないボタンが追加されます。



選択した際に、選べる動画フォーマットは少ないですが、同じようにダウンロードできます。



おー、こっちも便利。

動画をダウンロードして見たいんだ！という人は試してみてください。

ブログの反応がどれくらいあるか、知りたいので、ランキングサイトに入ってみました。よろしければクリックお願いします。

Photoshopでグリッドをカンタンに作る機能拡張「GUIDEGUIDE」

DreamweaverやFireworksのように、PhotoshopやIllustratorにもExtentionManagerを使って「機能拡張」をインストールできるようになってます。

実際、アドビのサイトにも機能拡張をダウンロードできるページが用意されています。
アクセスするとだいたいはブラシやテクスチャなんですけどね。

Photoshop Exchange
http://www.adobe.com/cfusion/exchange/index.cfm?event=productHome&exc=16

Photoshop Marketplace
http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.home&marketplaceid=2


なんか微妙だなー　と思って物色していると、普通に検索したときに下記のサイトを見つけました。

GuideGuide
http://www.guideguide.me/



GuideGuideはパネルでガイドラインを作成するツールパネルです。
CS4とCS5(CS5.1)で使えます。私はMac版をインストールしました。

インストールはカンタン。
GuideGuideをダウンロードしたあと、Extention Managaerを起動します。
Photoshopが起動している状態なら、Photoshopは終了させます。

左側の製品欄から「Photoshop」を選択してから、インストールボタンを押します。


ダウンロードしたファイル名は「guideguide-cs5.zxp」（たぶん、CS4版は「guideguide-cs4.zxp」）なので、それを選択します。

あとは勝手にPhotoshopに機能拡張が追加されます。
これでおしまいです。あとはPhotoshopを起動するだけ！

Photoshopのメニュー「ウィンドウ」>「エクステンション」の中に「GuideGuide」が追加されます。


ガイドラインの間隔を設定したら　あとは「GG」というボタンを押すだけ。
標準のガイドライン機能を使っているので、どんなドキュメントサイズでも自由に合わせることができました。


おー　これは便利。 
これがあれば、ウェブデザイン用のPSDファイルのテンプレートファイルやアクションを作らなくてもいつもすぐに作業できます。

そして最初から、2カラム 、3カラムの設定も用意されているのでブログデザインをする際などにも便利そうです。

GuideGuide
http://www.guideguide.me/ 

ブログの反応がどれくらいあるか、知りたいので、ランキングサイトに入ってみました。よろしければクリックお願いします。