mimimi0101のブックマーク - はてなブックマーク

MovableTypeにFacebookのOpen Graph protocol（OGP）を対応させる方法 | Creazy!

【2012/12/02：追記】記事本文の最初にでてくる画像URLを抜き出すという目的では、元の正規表現では少々問題があったため修正しました。詳細はMTタグの解説部分のコメントをご確認ください。ども、ブログご無沙汰気味のヤガーです。久しぶりにちゃんと技術っぽい事書かないとなぁと思いまして、いまさらですがOGP対応の話題など取り上げたいと思います。といっても、すでに詳しく書かれているページもたくさんあるでしょうから、今回はボクがブログで使用しているMovableTypeでの実装方法にフォーカスしています。いきなりですが、個別ブログ記事テンプレート用の完成版のソースです！ <meta property="og:title" content="<$MTEntryTitle remove_html="1"$>" /> <meta property="og:type" content="ar

mimimi0101 2012/01/31

リンク

【更新】ソーシャルメディアに共有するボタンの設置方法（Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ） [C!]

MovableType 小技集【更新】ソーシャルメディアに共有するボタンの設置方法（Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ）ソーシャルメディアの各サービスがこぞって「いいね！」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思います。目次（兼ショートカット） Twitter「Twitterボタン」 Facebook「Share」「Like（いいね！）」 mixi「mixiチェック」 GREE「Social Feedback（いいね！）」 Evernote「Site Memory（Clip）」 Google+「＋１」 Tumblr「Share on Tumblr」 Pinterest「

mimimi0101 2011/07/22

リンク

PHPでWEBページのタイトルを抜き出すサンプル | Creazy!

いきなりPHPなネタですが。マッシュアップ系のサービスを作っていると、指定されたURLのページタイトルを取得したい時が頻繁にあります。そんな時、いわゆるスクレイピングしてタイトルを抜き出すんですが、近頃たくさんでまわっているスクレイピングツールやら、ライブラリやら使わなくてもページタイトルくらいは抜き出せるんで、簡単なサンプルを書いてみる。 <?php /** * ページタイトルを取得する関数 */ function getPageTitle( $url ) { $html = file_get_contents($url); //(1) $html = mb_convert_encoding($html, mb_internal_encoding(), "auto" ); //(2) if ( preg_match( "/<title>(.*?)<\/title>/i", $html,

mimimi0101 2011/01/24

PHP

リンク

第３回：JavaScriptで画像サイズと合ったポップアップウィンドウを開く | Creazy!

[追記：2008/07/04] 更に改良したスクリプトをつくりましたので下記エントリーの方を参照して下さい。・Re2: 第３回：JavaScriptで画像サイズと合ったポップアップウィンドウを開く -– [追記：2008/04/07] 改良したスクリプトをつくりましたので下記エントリーの方を参照して下さい。・Re: 第３回：JavaScriptで画像サイズと合ったポップアップウィンドウを開く -– 今回はフォトサイトで特に多様されると思われる画像のポップアップウィンドウを開く機能について、便利な関数を作ってみようと思います。フォトサイトでは一覧ページではサムネイル（小さい画像）を表示して、クリックすると大きな画像（オリジナルサイズ）を表示するという形式を取る事が多いと思います。（ブログだとほとんどですね。）その時に画像サイズを確認してから window.open() して、ポップアッ

mimimi0101 2009/02/11

…後で

JavaScript

リンク

第12回：引用（blockquote）をCSSと画像でそれらしく見せる方法 ::: creazy photograph

前回のTipsではブログで頻発する引用作業を簡単にするブックマークレットを紹介しました。ブログを書く上で頻繁に行う引用の手順を簡単にしてくれるブックマークレットを作ってみようと思う。 via: 第11回：引用（blockquote）を簡単にするブックマークレット今回はそのblockquoteを、CSSと画像を使ってクリーンなHTMLを維持しつつ「引用符（“”）」で囲ったようなデザインにする方法を紹介します。最近は良く見かけるデザインだし、方法も色々あるんだろうけど何パターンか作ってみようと思います。１）左上に「“」を表示させるまずは一番簡単そうな左上コーナー１カ所に引用符を表示してみます。使用した画像はこちら。完成したのがコチラ。 HTML例 <blockquote cite="http://creazy.net/" title="creazy photograph"> <p

mimimi0101 2009/02/05

リンク

はてなブックマーク

タグ

ブックマーク / creazy.net (5)

お知らせ

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス