TAKAHILOG;-p 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 Nu DIsco のMIXをmixcloudにアップしました。 http://blog.crosscontinue.com/music/nu-disco-%e3%81%aemix%e3%82%92mixcloud%e3%81%ab%e3%82%a2%e3%83%83%e3%83%97%e3%81%97%e3%81%be%e3%81%97%e3%81%9f%e3%80%82.html http://blog.crosscontinue.com/music/nu-disco-%e3%81%aemix%e3%82%92mixcloud%e3%81%ab%e3%82%a2%e3%83%83%e3%83%97%e3%81%97%e3%81%be%e3%81%97%e3%81%9f%e3%80%82.html#comments Sat, 29 Oct 2011 20:53:40 +0000 crosscontinue http://blog.crosscontinue.com/?p=313

Midnighttone20111030 by Takahiro on Mixcloud

明日はお知り合いのハロウィンパーティーでDJを依頼されたので、選曲がてら最近ハマっている音でMixを作りました。

mixcloud にアップしたんですがMixのイメージ画像を用意しないとアバターが出る様ですね（汗

なにもここまでアップにしなくても・・・

 

今回はかなりいい感じにまとまってますので、ぜひ聴いて見て下さい。

ツイートツイート]]> http://blog.crosscontinue.com/music/nu-disco-%e3%81%aemix%e3%82%92mixcloud%e3%81%ab%e3%82%a2%e3%83%83%e3%83%97%e3%81%97%e3%81%be%e3%81%97%e3%81%9f%e3%80%82.html/feed 0 ロケット付きのスケボーはいかがですか？ http://blog.crosscontinue.com/zatsudan/rocket-sk8.html http://blog.crosscontinue.com/zatsudan/rocket-sk8.html#comments Sun, 23 Oct 2011 03:22:54 +0000 crosscontinue http://blog.crosscontinue.com/?p=307

ネットサーフィンしてたら出てきたので上げておきます。

0:38 あたりかたすごいことになっています。

確実にスケボーが使いものにならなくなりますが、興味のある方は自作してみてもいいのではないでしょうか？？

ツイートツイート]]> http://blog.crosscontinue.com/zatsudan/rocket-sk8.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 Growlの超イケてるスキン「Premium Pixels」 http://blog.crosscontinue.com/customize/growl-notification-style.html http://blog.crosscontinue.com/customize/growl-notification-style.html#comments Sat, 03 Sep 2011 04:22:31 +0000 crosscontinue http://blog.crosscontinue.com/?p=260

Macユーザーの方、growl活用してますか？？

僕はCodaやTwitter、SkypeやMail等のあらゆる通知をこいつで表示させているんですが、拡張のスキンにイケてるのが無いのがちょっと残念なところでした。

※growlの公式サイトのスキン配布ページ(http://growl.info/styles.php)がほんとに時代遅れなものばかりでへこんでました。

 

そんな中見つけたのが「Premium Pixels」というスキン。

いいですね！アイコンの表示とか微妙な角丸とか好きな感じです。

下記のサイトからダウンロードして、.growlStyle のファイルをクリックするとすぐに使えます。

 

Growl Notification Style
http://www.premiumpixels.com/freebies/growl-notification-style/

 

良かったら使ってみて下さいね！

では、素敵なMacライフを！

ツイートツイート]]> http://blog.crosscontinue.com/customize/growl-notification-style.html/feed 0 かわいくてオシャレなスナップサイト”we heart it” http://blog.crosscontinue.com/zatsudan/weheartit.html http://blog.crosscontinue.com/zatsudan/weheartit.html#comments Wed, 27 Apr 2011 17:06:05 +0000 crosscontinue http://blog.crosscontinue.com/?p=256 最近WatchしているFeedで気になるサイトがあったのでご紹介。

すんごいかわいい写真がたくさん見れるスナップサイトの”we heart it”

サブカル寄りのサイトですが、雰囲気のある写真ばかり揃ってます。

職場閲覧は・・・　ちょっと危険かもなので、購読はRSSがオススメかもです。

「ちんかめ」と「FFFFOUND!」と「Instagram」を足して３で割った感じです。

ちょっとした気分転換にどうぞ。

we heart it – http://weheartit.com/

ツイートツイート]]> http://blog.crosscontinue.com/zatsudan/weheartit.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 カンヌ広告賞の2010年金賞の作品 “Aides.org [フランス] “がすごい！ http://blog.crosscontinue.com/zatsudan/aides-org-zizi-banner.html http://blog.crosscontinue.com/zatsudan/aides-org-zizi-banner.html#comments Tue, 01 Feb 2011 23:26:55 +0000 crosscontinue http://blog.crosscontinue.com/?p=197

http://www.notsobadforfrenchy.com/aides/zizibanner/demo/

これ、個人的にすんごいツボりました！

もう何ていうか、見たまんまです。

こ・・・こいつは・・・
おティンティンなのか・・・

「Grab him!!」とあるのでとりあえずドラッグしてみるとカオスというか、予想されたというか、大冒険というかそんな展開が待っております。

もう、なんとも言えません・・・

とにかく素のhim君は逃げられちゃうのですが・・・

と、なかなかシュールな感じに仕上がっており、さすがフランスだな！と感じました。

この後の続きはこちらからどうぞ。

aides zizi banner – http://www.notsobadforfrenchy.com/aides/zizibanner/demo/

尚、これらのカンヌ広告賞の受賞作品は下記にまとまっております。


NAVERまとめ – これはスゴイ！カンヌ広告賞を受賞したバナー作品集リンク集

ツイートツイート]]> http://blog.crosscontinue.com/zatsudan/aides-org-zizi-banner.html/feed 0