http://kachibito.net ネット(net)を有効利用して勝ち人、価値人に変身出来るような情報をかちびと.netで配信します Sun, 14 Mar 2010 23:39:01 +0000 http://backend.userland.com/rss092 ja 記事単体に別のcssを加えられる ようにする為のメモ。プラグインは 使いたくないよ、という方向けの カスタマイズ方法になります。 functions.phpで投稿画面にcss の追加用boxを作成します。 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ。add-css-jsなら簡単ですが、カスタムフィールドが個人的に面倒だったのでfunctions.phpを使いました。 方法 ↑　こんな感じでcss追加用のboxを作成します。お使いのテーマファイルのfunctions.phpを開いて以下のコードを追加するだけ。 add_action('admin_menu', 'custom_css_hooks'); add_action('save_post', 'save_custom_css'); add_action('wp_head','insert_custom_css'); function custom_css_hooks() { add_meta_box('custom_css', '追加するCSS', 'custom_css_input', 'post', 'normal', 'high'); add_meta_box('custom_css', '追加するCSS', 'custom_css_input', 'page', 'normal', 'high'); } function custom_css_input() { global $post; echo '<input type="hidden" name="custom_css_noncename" id="custom_css_noncename" value="'.wp_create_nonce('custom-css').'" />'; echo '<textarea name="custom_css" id="custom_css" rows="5" cols="30" style="width:100%;">'.get_post_meta($post->ID,'_custom_css',true).'</textarea>'; } function save_custom_css($post_id) { if (!wp_verify_nonce($_POST['custom_css_noncename'], 'custom-css')) return $post_id; if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) return $post_id; $custom_css = $_POST['custom_css']; update_post_meta($post_id, '_custom_css', $custom_css); } function insert_custom_css() { if (is_page() || is_single()) ... http://kachibito.net/wordpress/add-css-to-post.html 日曜日なのでちょっと軽いネタでも。 IDEA*IDEAさんでよく楽しく見ている 「本日勢いで保存した画像」という記事 のような記事です。Webでよく見るアレ の落書き。こういう発想する人ってどう いう人なんだろうｗ 「Webでよく見る」と言えばこれじゃないでしょうか。 よく見るハズ。詳細などは分かりませんが、建設中のビルとかにあったらちょっと面白いかもｗ (via:variety) 国内最高クラスのSEO対策済みWordPressテーマ「賢威」で売り上げUP! 関連する記事は無いみたいです・・. http://kachibito.net/private/loading-graffiti.html 3月14日の「簡単海外記事」です。 この記事は不定期に「英語が 分からなくても理解できる 海外有益コンテンツ」 を紹介していくコーナーです。 30のハイクオリティなガジェットのPSD素材 いいまとめです。ガジェットのPSD素材集。iPhone、imac、PSPなどなど。 30+ Free High Quality Gadget PSD Files 最適なテーブルの例 tableはこう作る、といった良例いろいろ。目立たせる、ホワイトスペースを使うなど見ているだけで参考になりそう。 Showcase of Excellent Tables and best practices 20のずっと人気のあるオープンソースソフトウェア 長い間人気のオープンソース20個。長く愛されるには理由がありますよね。 20 Most Popular Open Source Software Ever 30の綺麗でミニマルなナビゲーション例 Webサイトのナビゲーションでミニマル且つ綺麗なデザイン30例。 30 Examples of Clean and Minimal Website Navigation 12の水を使用したWebデザイン例 古い記事ですが、海や湖などを使用したデザイン例。 12 Water Inspired Web Designs CSS3 Generator こりゃいいですね。css3ジェネレーター。プロパティをコピペという感じです。 CSS3 Generator 今日はココまでです。 国内最高クラスのSEO対策済みWordPressテーマ「賢威」で売り上げUP! この記事と合わせて読まれてる記事:(6月28日)今日の「簡単海外記事」(7月7日)今日の「簡単海外記事」シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ http://kachibito.net/marketing/2010-3-14-oversea-entry.html 土曜日なのでネタでも。oobjectで なかなか見られない、というか、 個人的にはあまり見たくない画像 がまとめられていましたので勢いで ご紹介。高いところから地面を見ると こんな感じ、的な画像をいくつか。 見ていて、なんとなく足元がモヤモヤしたものをピックアップしました。 the Sears tower skydeck a mast in Antarctica the Golden Gate bridge towers the top of the steps of a Myan pyramid the Burj Dubai こわい・・・日本なら東京タワーに下を見下ろせる部分がありましすね。あれも怖くて乗れなかったです。。清水寺も有名ですね。日本のはありませんでしたが、記事元は全部で12個ありますので続きは以下からどうぞ。。 12 dramatic views looking down 国内最高クラスのSEO対策済みWordPressテーマ「賢威」で売り上げUP! 関連する記事は無いみたいです・・. http://kachibito.net/private/looking-down.html Amazonアソシエイトの支援ツール は色々とありますが、僕は結局 シンプルで手軽なものが好きなので Azlinkを使っています。とても便利な ブックマークレットがあるのが個人的に 凄く魅力です。 多機能なサービスでも重かったり、いちいちサイトに行かないと使えないのは結局僕は使わなくなってしまいます。FirefoxのグリモンとブックマークレットがあるAZlinkなら手軽に商品リンクを作成出来るので一番シンプルで使いやすかったです。 AZlink AZlinkはブックマークレットで画像付の商品リンクをサクッと作れるWebサービスです。Amazonの商品ページでブックマークレットを使えばリンクコードを発行してくれます。 ブックマークレットが手軽でいい Webサービスサイトに行く→色々入力→リンク作成、という流れが殆どですが、この「Webサービスサイトに行く」が凄く面倒。ブクマしてはいますが、そのブクマを探し、そこからサイトに行き、という時点でうんざりします。ブックマークレットも幾つかあるのですが、IDを含めなければなりません。それも面倒。酷い面倒くさがりです。 AZlinkならブックマークレットを使う→リンク作成という1モーションなので本当便利。 複数IDでもOK IDは複数追加でき、選択すれば直ぐに変更してくれます。ページ移動する必要が無いのでストレスを感じません。沢山IDを持っている方にも良いのでは。 リンクの設定 画像の大きさもラージ、ミドル、スモールなど選択可能で、アキバblog風、痛いニュース風などにする事も可能。こちらも選択するだけで即時反映してくれます。これが本当に助かってます。 AZlinkへのリンク埋め込みが無い これ系のサービスは大抵そのサービスのリンクが埋め込まれますが、AZlinkはありません。これも利用する大きな理由の一つです。 他にもいろいろ AZlinkはブックマークレットやグリモンだけでなく、通常のツールもあります。検索して選択→リンクコードを作成可能ですし、トレンドの検索も可能です。 テスト運営のようですが、クリッピングがちょっと面白い。 ASINを入力して画面いっぱいの特大画像を読み込み→クロップ（切り抜き）した画像を商品リンクに出来ます。 何だかんだで個人的にはブックマークレット→商品リンクを速攻で作成出来るのが大きな魅力だと感じて愛用しています。ぜひお試しになっては如何でしょうか。 AZlink / ブックマークレットはここ 国内最高クラスのSEO対策済みWordPressテーマ「賢威」で売り上げUP! 関連する記事は無いみたいです・・. http://kachibito.net/web-service/azlink.html Twitterでも色々お世話になっている 日本語を完璧に使いこなすタイ人の タムタム氏のTwitterサービスが凄く 素敵なのでご紹介します。全部で3つ。 どれも生活をより豊かにしたり、刺激 してくれそうです。 タムタム氏の日本語力は彼のTwitterで直ぐに分かります。タイ人、と言われた方が違和感あるくらい。そんなTwitterデベロッパー・タムタム氏のTwitterサービスを3つ、ご紹介します。尚、この3つは全てオープンソースのCMS、Xoops cubeで作られています。 meyou.jp Twitterを更に面白くするWebサービス、meyou。様々な条件で自分好みのTwitterユーザーを探す事が出来ます。iPhoneでも使えます。 例えば「人気のアカウント」では芸能人や、経営者、ブロガー、デベロッパーなどがアイコン付きでまとめられています。 他にも日本のアカウントの様々なランキングもあり、こちらもカテゴリで分けられているので人を探すのに最適なWebサービスとなっています。ランキングはフォロワー数とリスト数が選択可能です。 プロフィール検索や一括フォロー ログインして使うことで検索→一括フォローが使えます。これが結構便利。また、プロフィール検索も可能でこちらも一括フォローが可能。 Mymeyou Mymeyouでは自分のPostの成分を見ることが出来ます。独り言、URL付きなどをグラフ化してくれています。また、「設定変更」でPostをtxt形式でエクスポートする事も可能。 WYSIWYGでPostを編集 Mymeyouではカレンダー形式でPostを確認出来ます。ここではWYSIWYGを使って編集が可能です。HTMLでコピーも出来ますのでブログ等に引用したい時などに。 meyou.jp 始めたばかりの方は、フォロワー探しに、使い続けている方も、新たな情報収集先等の発見に貢献してくれるかと思います。 高機能なTwitterユーザー補助ツール、meyouのご紹介でした。続いて本好きな貴方に、Inbookのご紹介。 Inbook.jp Twitterで本の名言をみんなで共有、本棚を作成できるInbook。こちらもiPhone対応。本の中で心に残ったセリフを伝え、共有できます。気に入っている本を「拍手」機能で褒めてもらえる、好きなセリフをコメントで共感してもらえるというのは嬉しい機能ですよね。 投稿したセリフ、名言をTwitterに投稿、逆にTwitterからInbookに投稿する事も可能です。名言を引用するだけで好きな本を共有できるのでレビューが苦手でブログが書けない、という方には最適かも。新たな本との出合いも期待できそう。 名言ランキングが面白い 名言ランキングが面白いです。こう、セリフだけ見てると前後が凄く気になりますねｗはっと気が付かされることが多くてついつい長居してしまう危険なページです。 本棚を作れる 名言の引用元の本を登録した本棚を作成、ブログパーツとしても利用できるので、より共有しやすくなっています。本棚はJsコードをコピペするだけですので手軽に使えそう。 バッジを集めよう Inbookで活動していると様々な可愛いバッジを貰えるようになります。集まってくると気持ち良いですよね。「読書マニアセミプロ」、「コメントGet！セミプロ」、「読書家セミプロ」など様々なバッジがあります。ぜひバッジコレクションのコンプリートを目指してみてください。 Inbook.jp 新たな本との出会いや、同じ趣向の方との出合いをInbookは助けてくれるかもしれません。サイトも綺麗で見やすいですよ。 本の名言の共有、本棚も作成できるInbookのご紹介でした。最後に、「ほしいもの」を探せるTwimono（ついもの）のご紹介。 Twimono 個人的にかなり好きなサービスです。Twitterで素敵な「モノ」をチェックできるWebサービスです。まだ今年リリースされたばかりなので知らない方も多いかも。 「もの」がTweetされた数を表示、みんなの考えや感想を確認 例はipadです。まだ発売されていないので0円と表記されています。Twimonoはこういったガジェットやホビー、DVDなどのTwitterでの反応をチェックできるサービスでその「もの」のページでTweetを確認する事が出来ます。 「もの」単体のページにはグラフがあり、その「もの」がいつ、話題になっていたか、も確認出来ます。グラフが横ばいなら相当人気がある商品かもしれません。 購入前にチェックすることでどんな商品か確認出来ますね。後悔のない買い物にTwimonoは凄く役に立ちそう。 カテゴリも家電や、本、DVD、おもちゃ、ゲーム、日用品、食品など多岐にわたります。 欲しい物リストとしての活用 Amazonでもありますが、欲しい物リストとして活用できますね。Amazonとの大きな差は先ほどの「Twitterでの反応をチェックできる」という点ですね。Amazonもレビューはありますが、ものによってはTwitterとでは情報量が比べ物にならないものもあるかも。そういう意味で、Twimonoで欲しい物リストを作成する価値は高い気がします。 Twimono.com Twitterのアカウントで手軽に作れる「欲しい物リスト」をTwimonoで作成してみてはいかがでしょうか。Twimonoのご紹介でした。 今後のタムタム氏に注目 日本でもTwitterサービスは数多にありますが、タムタム氏の3サービスはデザイン性も高く、生活を刺激したりTwitterライフを支えてくれるWebサービスです。Xoops cubeを使っている方にも参考になるのではないでしょうか。Twitterサービスでは有りませんが、同氏のTVっ子というサービスもXoops cubeとの事です。今後も生活に役立つタムタム氏のWebサービスに注目したいです。詳しくはTwitterでチェックしてみてください。 国内最高クラスのSEO対策済みWordPressテーマ「賢威」で売り上げUP! この記事と合わせて読まれてる記事:Twitterを利用する理由いろいろ http://kachibito.net/web-service/twitter/3-tamutamus-service.html 個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォントなどになります。 アイコン 白黒のサイトを作りたいときに役立つもの、という記事と被りますがご了承下さい。 Iconic モノクロながら可愛らしい感じのアイコン103個セット。 Iconic picol 汎用性の高そうなアイコンセット。 picol Token 色々なところで紹介されてるアイコン。28万人中10万人はDLしてるみたいです。人気ですねー。 Token Brightmix icon set EPSファイルで配布されるアイコンセット。丸型にほぼ統一されてます。地球のアイコン凄いですね。。 Brightmix icon set 30 free vector icons ちょっと凹凸のあるアイコンセット。PSDファイルです。 30 free vector icons BacktoPixel ピクセルアイコンのセット。カラーも5種類、大きさがそれぞれ3種類用意してくれています。 BacktoPixel 108 Mono Icons PNGです。Photoshopでの色の変え方も書いてあるのは親切ですね。 108 Mono Icons Fineicons 商用でも無料のミニアイコン。フォトショアイコンや国旗アイコンなどもあるので重宝しそう。 Fineicons famfamfam ミニアイコンといえばこのサイト。 famfamfam いろいろな用途で使えるミニアイコンあれこれ GIGAZINEのまとめです。昔の記事ですがリンク切れもさほどありませんでした。 いろいろな用途で使えるミニアイコンあれこれ ギャラリー ミニマルデザインのサイトを集約しているギャラリーいろいろ。コメントは不要だと思ったので控えます。 Minimal Exhibit Minimal Exhibit Minimal Sites Minimal Sites siiimple siiimple mnimal.com mnimal.com One Page Love One Page Love デザイン例まとめ記事 ブロガーが選ぶミニマルサイトデザイン。自分で探すよりまとめられた記事がいい、という方にはこちらを。 50 Minimal Sites Web Design Wallが選ぶミニマルサイト50選。 50 Minimal Sites 50 Inspiring Examples of Minimalism in Web Design Line25が選ぶミニマルデザイン50例。 50 Inspiring Examples of Minimalism in Web Design 40 Beautiful Examples of Minimalism ... http://kachibito.net/web-design/minimal-site-resource.html WordPress使いの僕にとっては かなり有りがたいブックマークレット だったのでご紹介。このブックマー クレットを使うと、WP管理画面の メニューリンクが出てくれるので 更新や編集が楽になりそうですよ。 複数管理していても、そのサイトでWP Toolbarを使えば、見ているサイトのWP管理メニューを表示してくれます。以下に詳しく説明を。 WP Toolbar ご覧のようにこのブックマークレットを使うと、右上にメニューが表示されます。 ダッシュボード、投稿、メディアやコメントなどが出てくれます。その子ページへのリンクもマウスオーバーで表示されます。ただし、プラグイン等で追加された子ページなどは表示されません。 もちろん、自分のサイト以外に行ってもリンクは表示できますが、当然ログインしていなければ入れません。 ブックマークレットはiamnotagoodartistにあります。 複数管理しているので個人的には、かなりありがたいブックマークレットでした。WPユーザーの方はぜひテストしてみては如何でしょうか。 WordPress Admin Toolbar Bookmarklet 国内最高クラスのSEO対策済みWordPressテーマ「賢威」で売り上げUP! この記事と合わせて読まれてる記事:WordPressの管理画面のデザインをカスタマイズ出来るプラグイン・Qwerty Admin Panel ThemeWordPressの管理画面や投稿画面を使いやすくする７つのプラグインiPhone、BlackBerryに続き、WordPress公式のAndroidアプリがリリース http://kachibito.net/wordpress/wp-toolbar.html 結構便利そうだったのでご紹介。オンライン でWebサイトの簡単な設計図、いわゆる モックアップをドラッグ&ドロップ、直感で作成 出来て、PDFやJPGで保存出来るフリーの Webサービス、lumzyのご紹介。ユーザー 登録不要というのが良いですね。 日本語もある程度使えて（ボタンのテキストなどには使えないです）、PDFで保存しても文字化けせず、しかもユーザー登録も不要なので結構重宝しそうな気がします。 「モックアップはきれいに作りすぎてはいけない、という話」という記事でもありますが、手書きのような感覚でスピーディに作れるので件の記事内容に沿ったモックアップの作成が出来そう。 lumzy ユーザー登録不要と言うのが手軽でいいですね。それでいて結構高機能なので侮れません。以下に簡単に使い方を。 プロジェクトを作る まず、プロジェクト名を決めます。決めなくてもモックアップは作成出来ますが、決めないとPDFに保存などが出来ないので注意してください。日本語が使えます。保存する際のファイル名にもなります。 ページを追加 ページは複数追加可能。ページの名前は上部タブで変更します。タブ部分をクリックして変更。ここも日本語が使えます。 コンテンツを追加していく コンテンツを追加していきます。左サイドバーにボタンやメニュー、グラフや画像などのサンプルを追加。「ここに画像を置こう」などのように簡単なWebサイトの構成を作っていきます。ドラッグ&ドロップで追加して行きます。 リンク先などのメモも可能です。この場合はレイアウト上には表示されないのでユーザー登録して保存する必要があります。button等のテキストを変更するにはコンテンツ上でダブルクリックをします。ここは日本語が使えません。大きさはマウスで変更可能です。ピクセル数値も表示されますよ。 コンテンツを削除したい時は削除したいものをクリックして左サイド上部の×ボタンを押す事で削除できます。コンテンツを追加してから移動したりする際にたまに複製してしまうので削除ツールの使用頻度が高いかもです。 見た目を変える デフォルトでは手書き風になっていますが、Win風とMac風に変更する事も出来ます。右下部で変更可能です。 ↑　Win風 ↑　Mac風 個人的には手書きが好きです。プリントアウトしてペンでアイデアを書き込んだりしますしね。 保存 上記のように作成完了したらExportをクリックして保存します。PDFとJPGの選択が可能ですのでお好みで。 PDFで保存するとこんな感じになります。ユーザー登録不要でもローカルに保存出来ます。PDFとJPGを選択可能。日本語も文字化けしません。 思いついたサイトのアイデアなどを簡単に構成してサクッと保存しておくと後で役に立つかもしれませんね。モックアップツールとしてはかなりよさ気な印象です。イメージが出来た時にそのイメージを具現化するのに良さそうですね。ご利用は以下より。 lumzy 国内最高クラスのSEO対策済みWordPressテーマ「賢威」で売り上げUP! 関連する記事は無いみたいです・・. http://kachibito.net/web-service/lumzy.html Stumbleuponで上がってた図が ちょっと興味深かったのでエントリ。 アメリカでの宗教別所得額の差が 一発で分かる図です。信憑性は 僕では判断出来ませんが、ソース はThe pew forumという、アメリカの 宗教と社会の関係性の調査団体 みたいです。 この調査団体の信頼性は全く分かりません。ちゃんと調べてから記事にしろって話ですが、時間の関係で間に合いませんでした。ごめんなさい。 The almighty dollar [sexy-lightbox href='http://kachibito.net/wp-content/uploads/2010/03/animighty-dollar01.jpg' title='The almighty dollar'][/sexy-lightbox] ↑　横長なので見難いかも。。拡大できます。 真ん中のNational averageが全米の平均です。10万ドル以上（現在の日本円で900万くらいですかね？）は18%。3万ドル（270万くらい）以下が31％も。エホバ（Jehovah's witness）とクリスチャン（黒歴史のある方々の、みたいです）が少なく、所得が多いのはユダヤ（jewish）とヒンドゥーの方々のようです。 この差と宗教との因果関係は不明ですが、ちょっと気になりますね。それにしても大不況のアメリカで900万以上が30%以上とは凄いですね・・・Diggでも話題に上がっていました。Diggでの反応は 宗教ではなく、他の社会的要因の為だ。 少数民族の社会は高等教育がしっかりとなされている。 高所得者達の殆どは移住者だ。医師、技術者、や他の高額所得職業などはより移住しやすい。 マルコム・グラッドウェルの本を読むといい。 ユダヤ人移民は衣料産業、手作りなどの製造で仕事に就き、彼らの子供に医師や弁護士になるように伝え、教育したんだ。 などとありました。（意訳です）なるほど・・ 以下で画像を見る事が出来ます。 good（via:Stumbleupon） 国内最高クラスのSEO対策済みWordPressテーマ「賢威」で売り上げUP! この記事と合わせて読まれてる記事:画像に素敵なLightbox効果を与えるSexyLightboxjQueryのWPプラグインがいい感じ2010・2月のアクセス解析12月のアクセス解析と新年のご挨拶 http://kachibito.net/private/the-almighty-dollar.html