こんにちは。@hiroki_tkgです。 今日は普段から使っている、Webサイトを調べる便利ツール + たまにしか使わないけど知っておくと結構便利なツールをまとめてみました。あとで必要な時に見れるので、残しておこうと思います。 サイトで使われている技術を調べる http://builtwith.com/ 入力したURLのサイトで使われている技術を見れるサイト。webサーバー何使ってるのかな？とかフレームワークはどんなの利用してんだろう？みたいな素朴な疑問に答えてくれるサービス。ライバルサイトや気になるサイトで使われている技術を知れるので、面白いです。 サイトのユーザー数やアクセス数を調べる http://www.similarweb.com/ 最近よくみるsimilar web。ライバルサイトの月間訪問数や滞在時間、ページビュー数など(いずれもおよその数字)がわかります。個人的には、どんな

web制作の際に、スマホでの表示を確認したいという時があると思います。 レスポンシブデザイン等で、画面サイズによって、デザインが変わる様にCSSを書いてある場合は、別に自分のPCのブラウザサイズを変えれば良いんですが、問題は、user_agent等で出し分けている場合。 たとえば、wordpressだったら、 <?php if (wp_is_mobile()) :?> とか <?php if(strpos($_SERVER['HTTP_USER_AGENT'],'ipod')!==false || strpos($_SERVER['HTTP_USER_AGENT'],'iPhone')!==false || strpos($_SERVER['HTTP_USER_AGENT'],'Windows Phone')!==false || strpos($_SERVER['HTTP_USER_AG

※ 追記有り 仕事でもプライベートでも、フロントエンドを開発をする時に、 compassとscssを使って、スタイルを記述している。 scssを書いて、compass watchでコンパイルする。 Scssを使うと、生のCSSを書くよりも、後でメンテナンスもしやすいし、綺麗に書けてすごく良い。 だが、ある日Railsを入れたら、突然compassコマンドが使えなくなった。 Ruby on Railsを入れたら、Compass と Sass でエラーが出る様になる ある日、自分のMacにRuby on Railsを入れようと思ってインストール。 インストールする過程で、なんか色々エラーが出てなかなかうまくいかず、色々試行錯誤したのち、できた。 果たしてどんな事をしたのかは今や定かではないが、そんなドラスティックな事はしていないはず。 結局 rails server コマンドを打ち、 http

Linuxのパーミッションに関して、調べたので、個人的にまとめてみた。 lsコマンドでパーミッションを表示 パーミッションの表示の仕方は簡単で、パーミッションを見たいファイルやディレクトリがあるところまで、cdで移動して、 ls -l と打つだけで大丈夫です。 MAMP % ls -l total 2056 -rw-r--r--@ 1 hiroki_tkg admin 0 4 10 2014 Icon? -rw-rw-r-- 1 hiroki_tkg admin 1335 4 10 2014 LEAME.rtf -rw-rw-r-- 1 hiroki_tkg admin 1333 4 10 2014 LIESMICH.rtf -rw-rw-r-- 1 hiroki_tkg admin 619 4 10 2014 LISEZ-MOI.rtf drwxrwxr-x 15 hiroki_tkg

webデザイナーさんやエンジニアの方に広く愛用されている sublime textですが、 現在編集しているタブのタイトルをオレンジに出来ます。 メニュー Sublime Text -> Preferences -> Setting-User で、 "highlight_modified_tabs": true, //編集が行われたファイルのタブをオレンジ色にする これを貼付けるだけです。 こんな感じ 設定前 設定後 他にも沢山オプションがあるので、興味ある方は調べてみて下さい。 ※ 最新のsublime text 3では標準対応のようです。

サクラのレンタルサーバーにFTPやSSHでアクセスできない時は、もしかしたら国外IPでのアクセス制限がかかってるかも。。 サクラサーバーに置いてあるサイト、久々にちょろっとサーバー入って触ってみようと思ったら、どうしてもアクセスできない。。ID、パスワードもあってるし、、なぜだ。。日本では全く問題なくアクセスできたのに。。 色々調べてみると、sakuraサーバーは、こんな制限が2014年の3月からかかっていました。 http://www.sakura.ad.jp/news/sakurainfo/newsentry.php?id=870 以下sakuraのサイトから引用 弊社では、「さくらのレンタルサーバ(マネージドサーバ、メールボックス含む)」サービスにおいて海外から多発する不正なアクセスを防ぐため、国外IPアドレスからのアクセスを制限する「国外IPアドレスフィルタ設定」機能の提供を201

PCで文章を書いていて、たまにあるこんな光景。 あ！！！やっちゃった。。後でコピーしようと思っていてまだ貼付けしてないのに、別なのコピーしちゃった。。 そんな悲しい時に便利なのが、このツール 「Kopypasta」 このアプリを使えば、一度コピーした履歴がこのアプリによって自動で保存されるのです。 使い方は簡単。上記のリンクから、App Storeでアプリをダウンロード。 あとは、Applicationフォルダの中から、起動すると、画面上のメニューバーにこんなマークが表示されます。 あとは、何の設定をしなくても、コピーした履歴が自動でこのkopypastaに保存されていきます。 コピーの履歴を見たい場合はこの、メニューバーのマークをクリックすれば、コピーの内容を見る事が出来ます。 こんな風に 非常に便利です。友人に教えてもらってから感動して愛用しています。 無料で使えるので、Macユーザー

皆さんは一日どのくらいSNSを見ていますか？ 友達とのメッセージ、近況報告、暇つぶし、情報収集。 使い方は人それぞれだと思いますが、もはや生活に欠かせないものになっている人も多いかと思います。 僕もそうでした。友達とのコメントのやりとりや、イイネのつけ合い、SNS上で何かイベントの企画を告知したりと、、 僕にとってSNSなしの生活はもう考えられませんでした。 SNSから離れられない生活 アプリをスマホに入れて、手持ち無沙汰になったらすぐにFacebookをチェックする。PCを開いて何か作業をしていても、ふとした瞬間にtwitterをのぞく。 一日にSNSを見る時間はおそらく2,3時間じゃ済まないと思います。毎日毎日、来る日も来る日も友達のした事や日常などの(正直どうでも良いような)情報をフォローしていて、膨大な情報が頭に入ってくる。 起きてすぐの、まだ布団の中でだらだらしている時間、学校や

音楽や動画を落としたい時に、すごく便利なサービスがあったのでご紹介。 Youtubeを簡単にダウンロードすることができる「offliberty」です。 offlibertyを使えば、youtubeで見つけた音楽や動画を簡単に落とすことができます。 操作はいたって簡単。 まずトップページに行ってみましょう。 ダウンロードするにはトップページに出てくる、画面の検索窓に自分がダウンロードしたいYoutubeのURLをコピペして、その下のボタンを押すだけ！ ボタンを押すとダウンロードが開始します！ ものの数秒で、完了しました。 あとは、黄色い「Right-click here and ‘Save link as …’」ボタンを押せば、音声ファイルのダウンロードが始まります。（右クリックでなく、普通のクリックで大丈夫です。） 音声でなく、動画を落としたい場合は、下の「I want video fil

みなさんは、かっこいい音楽をどうやって探していますか？ CDショップで聞く、友達から教えてもらう、youtubeで検索する…etc いろいろ探し方は有ると思います。 でもなかなか、かっこ良い曲がみつからなかったり、見つけ出すのに時間がかかったりします。自分好みの曲ってなかなか見つけられなかったりしますよね。。 そんな時に便利なのが、人気の曲や友達がシェアした音楽を流してくれるサービスwavoです。 wavoを使えば、好きなジャンルの新しい曲を自分のフィードに流してくれたり、 今はやりの音楽を簡単にチェックする事が出来ます。 早速アクセスしてみましょう。トップページも動画になっていて良いですねー！ Facebookでログインしてみます。 トップページ まずは自分のフィードをカスタマイズしてみます。 画面上部にあるメニューにカーソルを合わせてみましょう。 Charts（チャート) Moods

以前ご紹介した、フラッシュモブ団体「インプルーヴ・エブリウェア(Improve everywhere)」の新しい動画をご紹介。映画の中の世界を現実世界で表現するとどうなるか？というシリーズです。 有名映画の「ロッキー」や「インディージョーンズ」などなど。 フラッシュモブかどうかといえば、疑問符がつきますが、間違いなくクオリティが高く、面白いです(笑)。 こうゆうのに街中で遭遇したいなー。 個人的には「インディージョーンズ」がおすすめです。 岩が走ってるのかわいい笑 Episode 1：ロッキー Episode 2：インディージョーンズ Episode 3：ロード・オブ・ザリング Episode 4：マトリックス いまはEpisode4までですが、シリーズは続くそうなので、今後続編に乞うご期待！

このブログで何度も紹介している旅人のSNS「カウチサーフィン」。 僕は、旅先で現地の人の家に泊まるステイ側でも、日本で旅人たちを泊めてあげるホスト側でも、一人のカウチサーフィンファンとして、このサービスをかなり利用してきました。先日、ステイとホスト合わせて50回(宿泊日数で言うと200泊くらい)を超えました。 カウチサーフィンの基本的な使い方はこちら 超短期ホームステイ!? カウチサーフィンの使い方 自分が生きている環境と、全く違う環境で生きている人と話すのは、あらゆることに対して常識や感覚が違うのですごく楽しいです。 先日もムスリムなインドネシアンガイ達をホストしたんですが、 本当にお酒飲まないし、豚肉食べないし、考え方も全然違って面白かったです。 (我が家に3泊したインドネシア人達) そんなカウチサーフィンファンな僕ですが、友人達に話をすると、 「そんなことして本当に安全なの？」と必ず

Youtubeっていいですよね。 素人のネタ動画から、世界中のミュージックビデオ、プログラミングのチュートリアルまで、いろんな種類の動画が有って、検索したらだいたい探していた物が出てきます。 最近では、世界中での一日あたりの動画再生数は40億回を超えたそうですね。 (youtube公式ブログより：http://youtubejpblog.blogspot.jp/2012/01/60-40.html) そんな便利で大人気のyoutubeですが、一つだけちょっと邪魔な物が、、、、 そう広告です。 最初の5秒でスキップできる広告も有りますが、中には30秒間広告を挟まないと、動画の本編を見ることができないものもあります。 やっぱり30秒は、ちょっと長いですよね。。。 ということで、今日はそんな、ちょっとお邪魔なyoutube広告を、簡単に消す方法をご紹介します。 ※Google Chromeを利用

世界中で数多く開催されているフラッシュモブ。その中でもひときわクオリティが高く、人気の高いフラッシュモブを数多く開催している団体が、アメリカはニューヨークにあります。 何度かこのブログでも紹介していますが、その名も「improv everywhere」。現在公開している動画は120本以上にのぼり、youtubeのチャンネル登録者は135万人、総再生回数3億回を記録する、世界トップのフラッシュモブ団体です。 彼らの何がすごいって、クオリティもさることながら、とにかくアイディアがすごいんです。「やられた！」という動画ばかりで、人気が出たフラッシュモブは毎年の恒例行事になっています。 今回は「improv Everywhere」のおすすめのフラッシュモブ動画をご紹介したいと思います。 少年野球の試合を本気で応援 ホームセンターで勝手に会議　board room 地下鉄の車内がラジオスタジオに？

フランスのお騒がせ男「レミー・ガイヤール」って知ってますか？ 激しくいたずらをして、それを動画に撮り、youtubeに配信しているフランス人です。着ぐるみを来て警察にちょっかい出したり、一般人を川に蹴落としたり、あり得ないでしょ(笑)ってことを平気でやります。 説明するよりなにより、実際に動画をみた方が早いので、まずは以下の動画をみてみて下さい笑 カンガルー ロッキー マリオカート パックマン twitter 相撲 サンタ いかがでしたか？ はんぱないですよね笑 やりすぎ感が、なんかくすっと来ちゃうんですよね。まぁ普通に犯罪おかしまくってますが。 逮捕歴も相当あるらしいんですが、世界中にもの凄くたくさんファンがいて、 彼のyoutubeチャンネルには、311万人のチャンネル登録者がいます。 そして、全てのビデオを合わせた合計再生回数は、11億2000万回再生を記録している世界でもトップクラ

こんにちは！@hiroki_tkgです。 さて、前回の記事で、フラッシュモブまとめ【完全版】海外編を紹介しましたが、今度は日本編です。 日本ではあまり聞かないフラッシュモブ。でも探して見ると、意外に日本でもけっこうあるんです。今日は日本で行われたクオリティの高いフラッシュモブ動画＆日本で活動するフラッシュモブの団体をご紹介します。 【動画】 ◯NISSAN Presents HAPPY SURPRISE 〜11年目のプロポーズ〜 ある夫婦の記念日のサプライズ。あの、車メーカー日産がプロデュースしたものです。日産がWEBで募集したものを本気で実行する企画をたちあげ、数多く応募が合った中、選ばれたのがこの「日産カーでサプライズパレード」。 最初は何も気づかない奥さん。しかし駐車場に車が止まるとサプライズがスタート！あれよあれよと家族、友人、親戚がどんどん出てくるのには、ホントびっくりでしょうね

前編　日本ではあり得ない!? フラッシュモブまとめ【完全版】海外編の続編です。 ◯Der schönste Heiratsantrag der Welt – aus fahrendem Auto プロポーズのフラッシュモブと言えばこれ！色んなテレビ番組で紹介された動画です。 Bruno Marzの「Marry you」に乗せて、仕掛人がどんどん出てきます。 この動画をみて、フラッシュモブのプロポーズをやりたいという人も多いのでは？ これは何度みても良いですねぇ。 ◯No Pants subwayride 2013 improvEverywhereが毎年仕掛けている、「No Pants subwayride」です。 通勤の時に、パンツ(ズボン)を脱いで、パンツ一枚で電車に乗るというフラッシュモブ。このフラッシュモブは毎年開催されていて、いまや世界中に広がり、十数カ国で同時開催されているほどの

こんにちは！ @hiroki_tkgです。 最近「フラッシュモブ」はやってますよね。フラッシュモブって色んな種類のがあって、ダンスだったり歌だったりドッキリだったり、色々あるんです。僕自身も色んな種類のフラッシュモブを企画していて、フラッシュモブの団体を運営しています。 フラッシュモブは、ほんと世界中で流行っていて、たくさんの動画がネット上にあげられてます。面白い動画たくさんあります。 そんなわけで、 今日はフラッシュモブの団体を2年間運営している僕が見つけた、 とっておきのフラッシュモブ動画を紹介したいと思います。 たくさん量があるので、何個か記事を分けたので、是非みてみて下さいね。 ・日本ではあり得ない!? フラッシュモブまとめ【完全版】海外編① ・日本ではあり得ない!? フラッシュモブまとめ【完全版】海外編② ・フラッシュモブまとめ【完全版】日本編 さて、それでは、海外のフラッシュモ

※ 以下のリンクがフラッシュモブまとめ【完全版】になります。コチラの記事もどうぞ 日本にもある！フラッシュモブまとめ【完全版】日本編 日本ではあり得ない!? フラッシュモブまとめ【完全版】海外編 日本ではあり得ない!? フラッシュモブまとめ【完全版】海外編② みなさん。こんばんは。 日本に帰ってきた旅人、@hiroki_tkgです。 唐突ですが、みなさん『フラッシュモブ』って知ってますか？ フラッシュモブとは公共の場でゲリラ的に、踊ったり、歌ったり、いたずらをする事です。 有名なのは、こうゆう奴ですね。 improv everywhere – 「frozen grand central」 improv everywhere – 「I love lunch! : The Musical」 これはアメリカのニューヨークを拠点に活動するimprov everywhereの動画です。周りの反応も良

こんにちは！ @hiroki_tkgです。 いま世界中で流行っているフラッシュモブ。 日本でも、ニュースで紹介されたり、フラッシュモブを使ったサプライズ代行の会社ができたりと、どんどん注目を集めています。 フラッシュモブって急に人が踊り出したり、歌い出したり、変な事をしたりするから、ゲリラドッキリみたいな感じで、ほんとみていて面白いですよね。 今日はぼくが気に入っている、 とっておきのフラッシュモブ動画を紹介したいと思います。 【海外編】 ボタンを押すともの凄いドッキリが！ A DRAMATIC SURPRISE ON A QUIET SQUARE ボタンを押すとまるで目の前でドラマが起きているかの様に、 信じられない事が次々と起こるフラッシュモブです。こんなボタンぼくも押してみたい！ 朝の通勤のエスカレーターでハイタッチ High Five Escalator 朝、電車にのって通勤するひ