和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 ニコニコ動画の外部プレイヤーのサイズを変更する方法。HTML編 <script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/1333695559?w=490&h=307"></script><noscript><a href="http://www.nicovideo.jp/watch/1333695559">【ニコニコ動画】ネット初！完全生中継【将棋】第70期名人戦七番勝負PV</a></noscript> ニコニコ動画から外部プレイヤーのHTMLを引っ張ってくると上のようなHTMLになります。 その中のsrcの中のURLに注目してください。 http://ext.n

和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項

Google Chromeのタブ上にあるページを一気にブックマークできるショートカットキー どうなったかというとGoogle Chromeのタブ上にあるページを一気にブックマークできてしまったんですね。 というわけで早速やってみましょう。今回は永井先生の神配信を一気にブックマークしてみたいと思います。 タブにブックマークしたいページをいくつか載せて「command + shift + D」（WindowsだとCtrl + Shift + D）とキーボードを叩いて見ましょう。 するとこのような画面となるので、名前にタブ上のページをブックマークしたいフォルダ名を記入してください。 今回は永井先生としました。そのフォルダをいれたいフォルダを下で選択して、OKをクリックします。 ブックマークマネージャで確認してみましょう。タブ上にあるページがすべてブックマークされています。便利すぐる！！！ するぷ

ついに出た！ってか出てた！Lightningの巻き取り式充電ケーブル！ あかめ女子のwebメモで見かけた製品なのですが、もう見た瞬間即ポチしてしまったですよ！これずっと欲しかった！これがずっと欲しかったの！ ということで今日はこの素晴らしい充電ケーブルのレポートをお届けします！かさばらないは正義や！ iPhone 5対応巻き取り式Lightning充電ケーブルはこんな感じ。 というわけでこれが「iPhone 5対応巻き取り式充電ケーブル」です。ずっと待ってた！ずっと君を待ってた！ 開封なう。シンプルでいいですねぇ。黒と白がありましたがやっぱり白の方がiPhoneに合うだろうということで白を選択。 きっちりLightningが先端に鎮座してこざいます。あ、ちなみにこの製品は充電専用です！（といっても僕の場合ほとんど不満はありませんが。理由は後述。） ちなみに充電専用の表記はシールのため綺麗に

FastEverの開発者、 @frnk（札幌在住）さんに、「僕、北海道が楽しみすぎて2週間海産物をガマンしてきました！そんな僕にちょーおすすめのお店を教えて下さい！お願いします！」 と切実にお願いして、連れて行ってもらったお店が今回ご紹介する「開陽亭 すすきの店」でございます！ いやーめちゃめちゃ美味かったんですけど！ホントにめちゃめちゃ美味かったんですけど！ 開陽亭 すすきの店にいったら真たらの白子とほっけをぜひ食べて頂きたい！！！ というわけで「開陽亭 すすきの店」にいってきました！ 入店なう！ メニューはこんな感じに手書き風ですげー味がある感じでございました！ 札幌限定ビールでかんぱーい！！ まず一品目はイカです！イカ！なんと生きていました！動いておりました！そして透き通るように透明！コリコリとした食感と、かみしめると口の中に甘みが広がってひじょ〜に美味でございました！ 次は刺身の盛

まいど！するぷ（ @isloop ）です！ 全国1億人の女子メシファンの方おまたせいたしました。女子がどういったお店や一品が好きなのかわかってしまう女子メシの企画第二弾でございます。 第2回は「高くて美味しいのは当たり前！美味しくてコスパの高いお店こそ至高なのよ！」と豪語するコスパの女王こと、 @eri_kajitani さんのオススメ店「東京餃子楼」でございます！

ドメイン別にスタイルシートを当てる方法。 iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例えば、YouTubeの外部プレイヤー（iframe）の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときは、上のように書くと上手く動作します。 a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ちなみに、aタグをドメイン別に指定する場合はこのようになります。(wayohoo.comは青色、goryugo.comは赤色とする場合) タグ名[属性名*="URL"]{ /* CSSの中身 */ }

word-breakはbodyにいれよう！ pre{ word-break: break-all; } このようにpreタグにword-breakを入れてみたのですが、、、 一向に効きませんでした・・・。 body{ word-break: break-all; } しかし、bodyタグにいれたら、、、 改行してくれるように！ｷﾀ——(ﾟ∀ﾟ)——!! word-breakに関しては、このタグのみに入れたいってことはあまりないので、この方法でいっちゃったほうがよさそうですね。どうしてもword-breakが効かないって時にはぜひ参考にしてみてください！

Macのトラブルが発生がしました。なんと突然画面が真っ暗になってしまったのです。何度再起動してもダメ。 「正月からジーニアスバー行きかよぉ！」 と思ったらNVRAMクリア（PRAMクリア）という方法があることを思い出しまして、さっそく実行したら無事治りました。 というわけで、備忘録としてその手順をメモしておこうと思います。 NVRAM（PRAM）クリアの方法。 このように、Macの液晶が真っ暗になってしまいウンともスンともいわなくなったらPRAMクリアを行いましょう。 一旦電源を落とします。 command + option + P + Rを押しながら電源ボタンを押します。 ちょっと押さえづらいですが、コツは左手でcommand + option + P + Rをすべて押さえて、右手で電源ボタンを押すことです。commandとoptionの間に親指を置くと押さえやすいと思います。 Appl

Safari for Macのプライベートブラウズモードの使い方。 別に難しいことはなにもありません。まずSafariを立ち上げて、メニューバーのSafariをクリックし、プライベートブラウズをクリックしてみてください。 するとこんなアラートが出るのでOKをクリックします。 するとアドレスバーの右端にプライベートと表示されプライベートブラウズがオンになります。これがオンになっている間は、ウェブ履歴・検索履歴・自動入力情報がMacに記憶されません。 ちなみに元に戻す時はアドレスバーのプライベートボタンをクリックすれば元に戻ります。 プライベートブラウズをショートカットキーでオンにしよう。 結構便利なプライベートブラウズ機能ですが、デフォだとショートカットキーでオンに出来ません。 というわけでプライベートブラウズ機能をショートカットキーでオンにする方法を書いてみたいと思います。 メニューバーの

imgに埋め込んだclassを使って画像を中央揃えする方法。 imgタグに埋め込んだclassを使って中央揃えする場合は、こう書くと出来ます。 <img src="icon.jpg" class="appIconBig" /> .appIconBig{ display: block; margin-left: auto; margin-right: auto; } imgをブロック要素にしてからmargin指定を書くことで中央揃えに出来ます。（display:block;をmarginより先に書くのがコツ。） imgをdivで囲って画像を中央揃えする方法。 先ほどの方法を使いたくない場合は、imgをdivで囲ってdivにCSSを指定すると上手く中央揃えが可能です。 <div class="center"><img src="icon.jpg" /></div> .center{ text-

家の中は片付いてないけど、PC周り・ブログ周りの整理整頓はきっちりやっている、するぷ（ @isloop ）です。 今日はたぶん気になっている人もきっと大勢いるであろうとおもっているTipsをひとつ。 それはGoogle Readerのスターの解除ですね。 僕は情報収集をする際、RSSリーダーを使います。 まずRSSリーダーでリストをざっとみて気になった記事だけスターをつけ、あとでスターリストを見直して、さらに気になる記事だけブラウザに送るといったことをやっているのですが、先ほど確認したら合計4,000以上のスターをつけていたようです（笑） 僕の使い方だとスターのリストは見直すことはないし、なんとかこれ解除できないものかと思っていたのですが、NetNewsWireというMacのRSSリーダーアプリを使えば一括で解除可能でした。 NetNewsWireを使ってGoogle Readerのスター

和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 とても表情豊かなな２ちゃんねるの顔文字達。IMEやATOKなどに標準で入っているのと比べるとその表情の多彩さはグンを抜いていますよね。 ということで今回は、２ちゃんねるでよく見かける顔文字を集めてみました！ 2chでよく見かける顔文字100個まとめ ｷﾀ——(ﾟ∀ﾟ)——!! (*´･ω･)(･ω･`*)ﾈｰ (　 ﾟДﾟ)⊃旦 （　´_ゝ`） (´･ω･`)ｼｮﾎﾞｰﾝ ⊂二二二（ ＾ω＾）二⊃ﾌﾞｰﾝ (°ー°*) (・∀・) (☼ Д ☼) (´・‿ゝ・｀) ( ﾟДﾟ)ｳﾏｰ (　´∀｀)ｵﾏｴﾓﾅｰ (￣ー￣)ﾆﾔﾘ (*´д`*) |´ー｀) (=ﾟωﾟ)ﾉ ---===≡≡≡ 卍 ｼｭｯ! ( ﾟДﾟ)y─┛~~ (`･ω･´)ｼｬｷｰﾝ

ようこそ・・・。マニアックな世界へ・・・。 今から4年前くらいの話。。徹底的にSEOに取り組んだ時期がありました。やれタイトルだ、やれ被リンクだ、やれmetaタグだと研究に研究を重ねた時期がありました。 その時、いくつかの試行錯誤を経て辿り着いたのがHTMLの文書の文法を徹底的にクリーニングするというもの。 その時に使っていたサービスが「Another HTML-lint gateway」です。通称lint先生と呼ばれるものですね。 赤ハンコと共に、あなたのブログのHTMLの文法が綺麗かどうかチェックしてくれます。 ただ、この先生がちょースパルタで、ちょっとのミスさえもドンドン減点していくので、まさに気力と気力の勝負となりました。1日は確実に潰してやりとりしてた気がする・・・。100点取ったときは思わずガッツボーズをとったくらいですよ。。 今振り返ると、HTMLの文法が綺麗になる＝SEOと

まいど！、するぷ（ @isloop ）です！ 先日、Facebookのgraph.facebook.com APIの仕様が変わって、シェア数が取れなくなってしまいました。 当ブログでは自作のシェアボタンを使っていたのでモロに影響をくらってしまい、ここ数日シェア数が表示出来ないままになってました。 しかし、このままではいかんと色々やってみたのですが、どうも色々調べるとFacebookは自作ボタンが気にくわない様子・・・。一応、http://api.facebook.com/restserver.phpでカウント数は取れたのですが、このAPIは廃止の方向に向かうようで、断念。 「もうこうなったら長いものに巻かれてしまおう！」 ということで、Facebookの新いいねボタン（HTML5版）を採用することにしました。 従来のボタンと違って、いいねと合わせてコメントが打てるようになっています。ほぼシ

今まで、四角の画像を角丸にするって結構大変でした。 僕の場合、Photoshopで加工してましたが、「コピーを作って → 画像を統合して → シェイプで角丸のレイヤーつくって → 選択範囲を取得して → 統合した画像をその選択範囲で切り取る」という、大変めんどうなことをしていました。全行程5分くらいかかってたかも・・・。 しかし、今回ご紹介する「Kakumaru Punch」を使えば1秒、一瞬で美しい角丸画像がつくれます！これはやばい！ 画像をドラッグアンドドロップするだけで角丸画像がつくれる！ 「Kakumaru Punch」は、Gadget Girlのアプリのアイコン画像をドラッグ&ドロップで簡単に取得する方法の記事で知ることが出来ました。 Kakumaru Punch for Mac - Sheepapp まず「Kakumaru Punch」をダウンロードしましょう。無料です。 ダウ

まいど！アクセス解析を毎日エンジョイしている、するぷ（ @isloop ）です！ 今日は、すんばらしい機能がGoogle Analyticsに搭載されていたので、それをご紹介します。 その名も「ページ解析」 これを使うとページ内のクリック数とクリック率がわかってしまんですよ！奥さん！ Google Analyticsのページ解析をつかってページ内のクリック数／クリック率を見てみよう。 Google Analyticsのページ解析を使ってみましょう。手順はカンタンです。 まずGoogle Analyticsにアクセスして、標準レポートタブをクリックします。 ページ解析をクリックします。 するとこのようにあなたのウェブサイト・ブログのトップページの各リンクのクリック率が表示されます。 オレンジ色のポップアップをクリックすると、クリック数、クリック率がわかります。 ちなみに、ページ解析にアクセス

和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 するぷろーらとは？ ブロガーのためのブラウザをコンセプトにつくった無料のiPhoneブラウザアプリです。 主な機能は以下の3つです。 ・iPhoneでは作るのがスーパーめんどくさいリンクタグなどのHTMLの作成が速攻で出来る。 ・ブログエディタ「するぷろ for iPhone」と連携 ・超便利なブックマークレットがすぐ使える では、この3つの機能を解説していきましょう！ 機能1. iPhoneでは作るのがスーパーめんどくさいリンクタグの作成が速攻で出来る PCのブラウザでも作るのがめんどくさいリンクタグの作成ですが、iPhoneではもっとめんどくさくなります。 しかし、するぷろーらではリンクタグ作成機能を標準に組み込んでいますので、ちょーカンタンに出来

ツイート周りのショートカットキー 新規ツイート command + N ツイートを投稿（新規ツイートウィンドウ上で） command + enter リプライ / 全員にリプライ ツイートを選択して command + R ふぁぼ（お気に入り） ツイートを選択してF 新規ウィンドウ（新カラム作成） command + shift + N すべてを既読（TLもリプライもDMも） command + K リロード command + shift + R in Reply（会話の履歴を見る） → / ← ツイートを移動 ↑ / ↓ 印刷設定 command + shift + P 印刷 command + P 編集周りのショートカットキー 元に戻す command + Z やり直す command + shift + Z カット command + X コピー command + C ペースト

ユーティリティ系小技 【Mac】Finderからフォトストリームにアクセスする方法。（1クリックでアクセスする方法を追記） Finderで写真を管理したいねん！って方にオススメのTips。便利です。 【Mac】今立ち上げているアプリ達をなるはやで「閉じる」ショートカットキーコンビネーション Macには一度にすべてのアプリケーションを閉じる方法はありません。しかしこの技を使えば結構あっという間に閉じることができます。「Qall」というアプリも便利です。 OS X Mountain LionはFnキーを2連打することでテキストの音声入力ができる OS X Mountain Lionの音声入力は割とデキる子です。 【Mac】ブラウザでもエディタでもなんでも一番上、一番下に一気にスクロールできるショートカットキー iPhone、iPadのステータスバータップに慣れた人にお勧めなTips。 【Wif