TAKAHILOG;-p » Tips http://blog.crosscontinue.com ガジェットとか音楽とかiPhoneとかメモとかをつづっております Sat, 19 Nov 2011 10:01:21 +0000 ja hourly 1 http://wordpress.org/?v=3.2.1 Google Music Beta を日本で利用するには http://blog.crosscontinue.com/tips/using-google-music-in-japan.html http://blog.crosscontinue.com/tips/using-google-music-in-japan.html#comments Sat, 19 Nov 2011 10:01:21 +0000 crosscontinue http://blog.crosscontinue.com/?p=318 リリースされましたね、Google Music。

僕は以前、Simplify Media のユーザーだったんですが、Googleに買収されてサービス停止になっちゃいましたよね〜。

それで、複数間Macでのプレイリスト同期をどうしようかと思ってたら、代替のサービスとして Audiogalaxy  を発見したのでしばらく使ってました。

けど、どうもGUIが好きになれなくて他のサービスが無いかと探してたんですけどなかなか見つからなくて、もやもやしてたんですね〜。

そしたら Google Music が米国でローンチしたので日本でも使ってみたくって利用方法を色々と模索ました！

そのままの設定では日本からの利用は不可なので https://music.google.com/ にアクセスしても「米国からしかできませんよ！」と言われちゃいます。

なので下記のサイトを参考にしながら色々と設定しました。

Android Smart – Google Music Betaに日本にいながらにして招待状を申請する簡単な方法

要するにプロキシを米国のものに設定するとOKという事ですね！

※プロキシについての説明は割愛するので詳しくはココ (wikipedia)を見て下さい。

 

そいで早速変更に行きますが、いかんせん環境がMacなのでMacオンリーの設定となります。

(1) まずは Proxy Forest からUSのプロキシをチェックします。

 

(2) ResponseDummy (800) となっている US の IPAddress:Port をコピー(メモ)します。

(3) 次にFirefoxを開きます。
※FirefoxはMacのプロキシ以外のプロキシをFirefoxで保持できます（何言っているのかわからんｗ）

(4) Firefoxの設定の「詳細→ネットワーク」にある「接続設定」をクリックしてプロキシ設定画面を出します。

(5) デフォでは「プロキシを使用しない」になっているので「手動でプロキシを設定する」にチェックを入れます。

HTTPプロキシ&ポートに先ほど、PloxyForestからコピーした内容を貼り付けます。ポートには「:8080」などの値を入れます。

※SSLプロキシは空にしておかないと、Googleログイン時にはじかれてしまいます。

(6) 設定が完了すると「OK」をクリックして設定を閉じます。

(7) これで Google Music にアクセスするとリダイレクトしてページにサービスが利用可能になります。

※プロキシによっては正常に通信できない事があるので、うまくいかない時は他のプロキシ使って下さい。

 

ちなみに、やっぱり普段から他のプロキシ使うのはちょっと・・と思ってましたが、一回サービス利用を開始するとプロキシを元に戻しても使えるっぽいです。

 

それでは素敵なMusic Lifeを！

ツイートツイート]]> http://blog.crosscontinue.com/tips/using-google-music-in-japan.html/feed 0 Google Chrome で “Page Speed” をインストールする方法 http://blog.crosscontinue.com/customize/googlechrome-pagespeed-install.html http://blog.crosscontinue.com/customize/googlechrome-pagespeed-install.html#comments Sat, 22 Oct 2011 05:11:02 +0000 crosscontinue http://blog.crosscontinue.com/?p=285

Google先生がこんなことを断言してらっしゃるので、Page Speed Onlineを利用してみたのですが、このブログのスコアが100点中37点(!?)という結果になってしまったので、ちょっと改善しまっかいなという事で早速導入しました ”Page Speed for Google Chrome”

こいつは Firefox とChrome のエクステンションとして Google code から配布されているのですが Chrome をメインブラウザーとして使っているので、今回は Chrome エクステンションをインストールしました！

基本的なステップはこちらを見て頂けばわかるのですが、下記簡単に3ステップに分けました。

 

1.初期設定

Google Lab から Page Speed Online は卒業したのですが、このエクステンションはまだ実験的な取り組みらしく(2011.10.22 現在) 設定をゴニョゴニョしてあげる必要があります。

  1. 設定画面へのアクセス：「about:flags」とアドレスバーに入力してアクセスします。
  2. 試験運用版の拡張機能 APIの有効化：「試験運用版の拡張機能 API」とう項目の「有効にする」をクリックします。
  3. Chromeの再起動：画面下部にある「今すぐ再起動」をクリックしてブラウザーを再起動します。
    ※開いているタブは再起動後も残ってます。(当方Chrome ver.14.0.835.202 です)

ライトユーザーが見ることが少ない画面なので、警告など注意を促すメッセージがでかでかと書いておりますが、恐らくこの記事をお読みの方はリテラシー高めだと思いますので、そこらへんは自己責任でお願いします。

 

2.ダウンロード

設定が完了して再起動すると、先ほどの設定画面を閉じてこちらからエクステンションファイルをダウンロードします。
(http://code.google.com/intl/ja/speed/page-speed/docs/using_chrome.html からでも落とせます。)

ダウンロードが完了すると、「インストールしますか？」的な事を聞かれるので「インストール」をクリックすると完了です。

ここらへんは通常のエクステンションのインストールと同じですね！

 

3.動作テスト

そして、無事インストールも済んだ所でどこから使うんじゃいな？という事で、こちらはデベロッパーツール内から使用します。

デベロッパーツールはサブメニューの「表示→開発/管理」の中にあります。(Macの場合)

この中のデベロッパーツールをクリックすると画面下部 (設定によっては別ウィンドウ) にデベロッパーツールが表示されます。

それで、この中の一番右のツールに “Page Speed” という項目が追加されていたらインストール成功です。

早速使ってみましょう！！

 

「Run Page Speed」をクリックするとページがリフレッシュされて解析がスタートします。

 

はい！解析されました！

 

若干(かなり？) Page Speed Onlineに比べると誤差がありますが、スコアが出ます。

またスピードアップの為の方法などもサジェストしてくれますので、サイト制作の際に役に立ちそうです。

てか、今後はjQueryなどブラウザ側の処理が増えるサイト作りが多くなってくると思うので、パフォーマンスチェックは必須ですよね！僕も日々精進中です・・

 

この記事がお役に立てれば幸いです。

ツイートツイート]]> http://blog.crosscontinue.com/customize/googlechrome-pagespeed-install.html/feed 0 codaで公開マークが出なくなった時の解決方法 http://blog.crosscontinue.com/tips/coda-uploadmark-problem.html http://blog.crosscontinue.com/tips/coda-uploadmark-problem.html#comments Fri, 21 Oct 2011 06:34:14 +0000 crosscontinue http://blog.crosscontinue.com/?p=280

突然、codaの公開マークが付かなくなってしまったので、早速パニック・ジャパンさんのTwitterにHELPしてみました。

実はこの症状が起こったのは今回で3回目ほど。いつも再起動したり気がついたら解決しているケースが多かったのだが、原因がはっきりしたので解決方法をメモメモ。

 

1. Coda を終了し、再度起動してみる

2. Mac 本体の再起動をしてみる

3. システム全体のアクセス権を修復してみる

アクセス権を修復するには、

  • アプリケーション > ユーティリティ > ディスクユーティリティ.app を起動します。
  • 左のカラムからシステムが含まれているハードディスクを選択した状態で、First Aid タブにある「ディスクのアクセス権を修復」ボタンをクリックし、実行します。
    ※実行にはハードディスクの容量によって時間がかかる場合があります。

4. セーフモードで起動してみる

以下の方法でセーフモードで Mac を起動し、その状態でお問い合わせの現象が起こるかをお試しください。

Mac OS X: セーフモードで起動する

http://support.apple.com/kb/HT1455?viewlocale=ja_JP

 

僕はこれのステップ3で無事解決しました。

同じ原因をネットで解決方法を探している方の助けになれば幸いです。

 

ツイートツイート]]> http://blog.crosscontinue.com/tips/coda-uploadmark-problem.html/feed 0 WordPressのカテゴリーをエリアにしてGoogleMapと連動させる方法 http://blog.crosscontinue.com/tips/wordpress-googlemap.html http://blog.crosscontinue.com/tips/wordpress-googlemap.html#comments Sat, 03 Sep 2011 06:20:42 +0000 crosscontinue http://blog.crosscontinue.com/?p=266 Google Maps Marker in TokyoGoogle Maps Marker in Tokyo / heiwa4126

とある案件で作る事があったので自分的にメモ。

まず、Wordpress側の準備として、東京、大阪等のエリアをカテゴリに登録。

カテゴリの説明に、住所とzoomの値をカンマで入れる。ex. 東京都千代田区,13

テンプレート側で下記の用に記述

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<?php
$place = category_description(); //カテゴリ説明を代入
$place = str_replace('<p>', '', $place);
$place = str_replace('</p>', '', $place); //余計なpタグを消去
$place = split(",", $place); //カテゴリ説明を、分解して配列へ
$p = urlencode($place[0]);
$xml = simplexml_load_file("http://www.geocoding.jp/api/?q=$p");

echo '<script type="text/javascript">
    var infowindow;
    var map;
   
    function initialize() {
    var myLatlng = new google.maps.LatLng('.$xml->coordinate->lat.', '.$xml->coordinate->lng.');
    var myOptions = {
        zoom: '.$place[1].',
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
</script>';
}
?>
<body onload="initialize()">
    <div id="map_canvas" style="width: 400px; height: 200px"></div>
</body>

これをcategory.phpに貼り付けると、カテゴリページにカテゴリ説明に入力した住所の地図が表示されます。
地図を使う系のサービスに使えそうです。

ツイートツイート]]> http://blog.crosscontinue.com/tips/wordpress-googlemap.html/feed 0 Codaのサイト設定をエクスポートする方法 http://blog.crosscontinue.com/customize/coda%e3%81%ae%e3%82%b5%e3%82%a4%e3%83%88%e8%a8%ad%e5%ae%9a%e3%82%92%e3%82%a8%e3%82%af%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%88%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95.html http://blog.crosscontinue.com/customize/coda%e3%81%ae%e3%82%b5%e3%82%a4%e3%83%88%e8%a8%ad%e5%ae%9a%e3%82%92%e3%82%a8%e3%82%af%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%88%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95.html#comments Tue, 29 Mar 2011 13:18:11 +0000 crosscontinue http://blog.crosscontinue.com/?p=217

引っ越し作業に煮詰まって色々探していたら、発見したので共有しておきます。
既存Macの下記ユーザーディレクトリのコピーだけでいけるようです。

~/Library/Preferences/com.panic.Coda.plist

移行アシスタントを使えば必要ないけど、Codaの引っ越しのみを考えている人にはおすすめのTipsです。

参照サイト

How to Export or Save Coda Sites

 

 

ツイートツイート]]> http://blog.crosscontinue.com/customize/coda%e3%81%ae%e3%82%b5%e3%82%a4%e3%83%88%e8%a8%ad%e5%ae%9a%e3%82%92%e3%82%a8%e3%82%af%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%88%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95.html/feed 0 Gravatarに登録したよ！ http://blog.crosscontinue.com/tips/gravatar%e3%81%ab%e7%99%bb%e9%8c%b2%e3%81%97%e3%81%9f%e3%82%88%ef%bc%81.html http://blog.crosscontinue.com/tips/gravatar%e3%81%ab%e7%99%bb%e9%8c%b2%e3%81%97%e3%81%9f%e3%82%88%ef%bc%81.html#comments Sun, 14 Mar 2010 16:36:46 +0000 crosscontinue http://blog.crosscontinue.com/?p=110 スクリーンショット（2010-03-15 0.55.20）お世話になった記事にコメントでお礼言うときにアバター表示したいなーって思ってて、このGravatarは知ってたんやけども使い方がワカラン！というか面倒くさそうだって事で今まで放置しとりました。

ほんで、時間もしばらくたって（２年くらいかな）名前も忘れてて「これ何やったかなぁ？？」って事で探しました！Gravatar！

検索ワードは「blog アバター登録」。

こいつで検索すると、ヤフーのアバターやら、最近話題の3D映画「アバター」を紹介したブログやら、ぜーんぜん見つからないので、たしかメアド登録するよなーって思って、「メール」ってキーワード追加しました。

ほんなら見事に発見！Googleやるな！（あたりまえか）

ここのサイトを参考にさせて頂きました。

Gravatarにアバターを登録しよう – BGMの心理学ブログ

気づいたのがこのサービスってWordpress.comのアカウントが必要だって事で、過去にAkismetを使うのにAPIキーを取得する為に作ったアカウントを探しました！

まずはGravatarにアクセス！

画面はこんな感じ。
スクリーンショット（2010-03-15 1.11.33）
右下のマスクマンが気になりますが、無視して先へすすみましょう。

スクリーンショット（2010-03-15 1.07.52）

「マイアカウント」のドロップダウンメニューから「画像の追加」を選択します。
※事前にログインは済ましておいて下さい。

スクリーンショット（2010-03-15 1.08.09）

写真をアップしてね。っていう画面になるので好きなとこをクリック！
今回は「自分のコンピュータのハードドライブ」を選択。

スクリーンショット（2010-03-15 1.08.39）

アップするとトリミングできる画面になります！（便利！）
※写真が恥ずかしいです。

スクリーンショット（2010-03-15 1.08.58）

確定すると、画像へレーティングをして！って言われます。

ふむふむ、どうやらXにするととんでもないドエロな画像ですよって事のようだ。

今回はいたって普通の写真なのでGを選択して終了！

スクリーンショット（2010-03-15 1.09.35）

ほんでこの画面になるので、アバターが増えてきたらここで気分に応じて色々と好きなアバターに変更できる訳ですね！
思った以上に簡単だったのですが、どんなブログでどんなふうに見えるのかは追って見て行きます！

コメント付け回ろうかしらｗ

よろしければどうぞ。

Gravatar： http://ja.gravatar.com/

ツイートツイート]]> http://blog.crosscontinue.com/tips/gravatar%e3%81%ab%e7%99%bb%e9%8c%b2%e3%81%97%e3%81%9f%e3%82%88%ef%bc%81.html/feed 0 米iTunesStoreのアカウント開設方法 http://blog.crosscontinue.com/tips/%e7%b1%b3appstore%e3%81%ae%e3%82%a2%e3%82%ab%e3%82%a6%e3%83%b3%e3%83%88%e9%96%8b%e8%a8%ad%e6%96%b9%e6%b3%95.html http://blog.crosscontinue.com/tips/%e7%b1%b3appstore%e3%81%ae%e3%82%a2%e3%82%ab%e3%82%a6%e3%83%b3%e3%83%88%e9%96%8b%e8%a8%ad%e6%96%b9%e6%b3%95.html#comments Tue, 13 Oct 2009 17:30:10 +0000 crosscontinue http://blog.crosscontinue.com/?p=78 スクリーンショット（2009-10-14 1.59.09）本日になって結構色んなニュースサイトで取り上げられている「Photoshop.com」のiPhoneアプリですが、まだアメリカと、カナダでしかゲットできないとの事です。

そこでせっかく無料なんだし、これを機会に米iTunesStoreのアカウント作成しちゃいませんか？

なんか以前より開設のハードルが下がっているようですよ。（自分は以前にトライした事がないのですが・・）

※あくまで事故責任でお願いします。質問あっても対応できません（汗

アカウント開設の方法は下記の通りです。

１、iTunesStoreのエリアを切り替える。

まずは、iTunesを立ち上げて、iTunes Storeへアクセスします。

画面右下の日本の国旗のアイコンをクリックすると国を選択する画面になります。
スクリーンショット（2009-10-14 2.04.48）

そして国の一覧からUSA(米国)を選択します。
スクリーンショット（2009-10-14 2.05.08）

２、無料アプリを探す。

StoreのトップになったらiTunes右上の検索窓から何かを検索します。
試しに「Photoshop」と検索してみましょう。
スクリーンショット（2009-10-14 2.05.51）

「photoshop.com mobile」が検索予想に出てきますので、迷わず押してみましょう！すると、無事にphotoshop.com mobileが表示されますので「FREE APP」を押しちゃいましょう！
スクリーンショット（2009-10-14 2.06.04）

３、購入をクリック。

クリックするとアカウント作って下さいといえわれますので「新規アカウントの作成」からアカウント開設画面へ進みます。
スクリーンショット（2009-10-14 2.13.05）

ようこそ画面は「Continue」で！
スクリーンショット（2009-10-14 2.13.18）

規約も英語なので変な事が書いていない事を祈りつつ合意しちゃいました。
スクリーンショット（2009-10-14 2.13.50）

Apple IDを再度取得します。
スクリーンショット（2009-10-14 2.14.11）

※ここで使うメールアドレスは日本iTunesStoreと別のものを使用します。

ちなみに、ニュースレターのチェックは外しました。

クレジット情報、住所を入力します。
スクリーンショット（2009-10-14 2.22.59）

クレジットは「None」で、そして住所は自分が住んでいると思われる米国の住所を記入します。（ZIPCODEと住所が違うとエラーになっちゃいます）

全項目を入力し終わって「Continue」すると晴れてアカウントがゲットできます！

そして、先ほど作成したアカウントでログインして再度「FREE APP」からダウンロードが開始されます！

スクリーンショット（2009-10-14 2.28.34）

これで、米国で人気になった日本未発売Appを楽しんじゃいましょう！

ツイートツイート]]> http://blog.crosscontinue.com/tips/%e7%b1%b3appstore%e3%81%ae%e3%82%a2%e3%82%ab%e3%82%a6%e3%83%b3%e3%83%88%e9%96%8b%e8%a8%ad%e6%96%b9%e6%b3%95.html/feed 0