与えられた仕事と創りだされる仕事

お久しぶりです。TANAKA Kohji です。
ふと昔話を思い出したので、ブログを書いてみました。

「『顧客を喜ばせるために』仕事をしよう」

大学を卒業し入社したベンチャー企業で、あるときのボーナスが少なかったことがあります。
営業成績からするともっと評価されるはずなのにと思っていたら、社長から謝罪とともに訂正のメールが送られてきました。

それがもとで、社長とメールをするようになったので、なにがきっかけとなるかは分かりません。

「最近どうですか？」という質問に、当時自分としては珍しく仕事に苦痛を感じていたこともあり、そのことを伝え、最後は「自分の頭で考えて仕事ができていないというのが原因と考えているので、試行錯誤しているところです」というような内容を伝えました。

それに対する返信は今でも覚えています。

要約すると「それが今の状況を改善することに繋がるでしょうか？それよりも『顧客を喜ばせるために』仕事をしよう」というものでした。

なるほど。そういう視点もあるのかと勉強になっただけでなく、実際に苦痛を感じる状況からは徐々に改善されていきました。

「自分の頭で考えて仕事をしよう」

一方で「仕事とは自分の頭で考えて行うもの」というのは、仕事をしているときに常に意識する必要があるポイントなのかなと（今でも）思っています。

仕事にはやりがいが必要だったり、つらい状況でモチベーションを保つ必要があったりするわけですが、仕事を「与えられた」ものとしてとらえていたり、仕事を「やらされている」と認識していると、つらく感じることが増えてしまうのです。

一方で、仕事を「自ら産みだすもの」ととらえている場合、それは前向きな生産活動に一変します。

今日の仕事の多くは単純作業ではありません。
すべてはサービスになっていくなか、仕事は「自分の頭で考えて」行う必要がでてきました。

たとえ「マニュアル」が整備されていても、今この状況がマニュアル通りに行動するべきなのかどうかは「自分の頭で考えて」行う必要があるのです。

人生の貴重な時間の多くを、仕事に費やすことになるでしょう。
与えられた仕事を与えられたままこなすというのは、なんてもったいない時間の使い方なんだろうと思うのです。
時間はお金では買えませんから。

昨日と今日で、ほんの少しやり方を変えてみる。
ただそれだけで、仕事は与えられたものではなくなります。

人生につかれていたらぜひどうぞ。

https://stackedit.io/ を試してみました

https://stackedit.io/
というmarkdownでブログ記事が書けるWebアプリケーションを見つけました。

Bloggerへの投稿もできるとのことで、ちょっと試してみたいと思います。

日本語への対応問題もありますよね。
日本語markdownユーザー会というのもありますし。
半角スペースを開けないと太字対応しないmarkdownパーサーもありますが、これは問題ないようです。素敵。

今後は常用利用することになりそうです。
みなさんもぜひどうぞ。

• https://stackedit.io/

---

isDraft: true

布団のなかで考えた、年齢別アドバイス（男子編）

2014年になりました。
あけましておめでとうございます。TANAKA Kohjiです。

夜、急に目が覚めてしまい、ひとり考えごとをしていたら記事に残したくなりました。
あまり深く考えずに書いているので多少上から目線になったりするかもしれませんが、そのへんは何卒ご容赦をば。

コワーキングスペース茅場町 Co-Edoを始めたことで2013年は、例年より、年下の人と接する機会が増えました。
なかには絶賛「人生について迷い中」という方もいたりして、そういう人と話をする機会が増えてきて、おじいちゃん的アドバイスもたまには良いかなと思ったり。

基本的に世代論みたいのは信用していないのですが、年齢の重ね方というのはある程度似ているところも出てくるかもしれないので、その限りでお話したいと思います。

また、インターネットや携帯電話をはじめ、ツールの有無で考え方や生き方というのは変わったりすると思うのですが、そういう要素を極力とりのぞいた、なるべく普遍的な内容になるように努めます。

20歳〜25歳くらいの君へ

本を読みましょう。それも自己啓発系の本を。
そこにはたくさんの「どう生きるか」が書かれています。多くの「どう生きるか」を目にし、自分の資産にしておくことが大切です。

「どう生きるか」がわかるのであれば、好きな作家や有名人のエッセイでも構いません。
その場合は心酔している誰かの書籍を読みあさりましょう。

ここで大事なことは「ああ、どれも一緒だな」と思えるくらいになることです。つまりそれはあなたがシンプルな答えをひとつ導き出したということだからです。

どんなに頑固なあなたやわたしも、人生において最も柔軟にものごとを判断できるのがこの頃だと思います。頭が固くなってからでは遅いので、今すぐ試してみてください。

25歳〜30歳くらいの君へ

チャレンジしましょう。そして勉強しましょう。

人生で最もパフォーマンスを発揮できるときかもしれません。10代〜20代で得たものをフル活用して、全速力で勝負してください。

勝負といっても（必ずしも）「独立する」とか人生の転機という話ではありません。あくまで全力疾走しましょうという話です。

今いる環境が心地よい方は、その環境のまま走り続けましょう。今いる環境を変えたいという方は、環境を変えても良いかもしれません。

環境はどこでも良いのです。大事なことは、全速力で勝負することです。

車で言えば、ギアをMaxまであげて走るということです。

そしてもうひとつ。スキルアップに努めましょう。

このさき何をするとしても自分自身のスキル以上のことはできません。今やるべきことは貯金を使い果たすことではなく、貯金をしつつ消費していくことです。

半年前の自分を振り返り「あのころは今と比べて何もできていなかったな」と思えるくらいになりましょう。

30歳〜35歳くらいの君へ

手を抜きながら仕事をしましょう。

たまにはあえて全力を出すことをやめましょう。大丈夫。それでも充分パフォーマンスを発揮できるでしょうから。

20代のころと比べると脳や体力に衰えが始まるころです。重要なことは、そのことをあらかじめ意識して行動するということです。

もしあなたが、全速力で走っているにもかかわらず、なかなか思うように成果が上がらなくなったと感じたときは、まさに今、次の段階に来ている証です。

イメージ的には車でサードギアくらいでアクセルをベタ踏みしている状態なのです。

ちょっとアクセルをゆるめたくらいでは、スピードは変わりません。

ガソリン（体力）も大切なリソースです。大事に使いましょう。

そしてその分、空いた時間を使っていろいろなことを試行錯誤するというのも良いですね。

35歳〜40歳くらいの君へ

足を前に踏みだそう。

もしかしたら人生に迷う人が多いのが男性の場合は30代中盤くらいかもしれません。

ですが、もう迷う必要はありません。

今までの経験や知識を活かし、あなたの思うままに進みましょう。

20代のころとても大事にしていた何かを、失っても困らないということに気づくのはこのころかもしれません。

ゼロになってもともとです。

月並みな良い方ですが「やって後悔することとやらないで後悔すること」どちらを選ぶかを考えましょう。両者の違いを本当に理解できるようになるのはこの時期のような気がします。

40歳〜それ以上のあなたへ

若い人にアドバイスを送りましょう。

とくに来月30代が終わるわたしに対し（笑）

それでは。

昨年11月くらいのつらい時期を先月乗り越えさせてくれた親愛なる友人たちに感謝の意味をこめて。

Chromeを他人に貸す時や画面キャプチャをとるときに便利なあれの話

暑い日が続きますね。みなさんあけましておめでとうございます。

TANAKA Kohjiです。

コワーキングスペース茅場町 Co-Edoのブログを始めてから、すっかり更新が滞ってしまいましたので、一応新年の挨拶をしてみました。

最近話題のGoogle Chromeのパスワード管理のお話

話題になったのはいつからでしたね。
たぶんわたしが知ったのはこの辺の記事だったはずです。
Google Chromeに保存したパスワードが丸見えに、開発者が問題指摘 - ITmedia ニュース

「ほおほお。パスワードが丸見えなんだ」と思ったものの、あまり他人にパソコンを貸すということのないわたしはあまり気に留めていませんでした。
それどころか「確認できたんだ！」という驚きのほうが強く、実に便利だなあと（笑）

さて、この後、ユーザー側とGoogleの開発者とで若干論戦になったようですが、まあ根本的にセキュリティに対する考え方が違うので、水掛け論も仕方ないような気がします。

ユーザー側でどうやって対処したら良いの？

この件は端的に言うと「他人にパソコンを一時的に操作してもらうとき、簡単に確認できちゃうからそれは困る」ということかなあと思います。

ではユーザー側はどうしたら良いんでしょうね。
というわけで現実的に一番簡単な、根本的な解決策を。

Google Chromeには、2011年12月にリリースしたバージョン16から、複数ユーザー設定の切り替えができるようになっています。

この機能は、ひとりのユーザーで使用する場合でも、複数のGoogleアカウントをログアウトすることなく使い分けることができたりと、非常に使い勝手が良い機能です。
わたしの場合、常にふたつのユーザーを使用しGoogle Appsアカウントで使用するものと、gmailアカウントで使用するものと使い分けています。

他にもお勧めな利用シーンとしては次の2つ

• プレゼン用
• 画面キャプチャ用

いずれもブックマークや拡張機能を入れていないユーザーを作成しています。
これで、あなたの恥ずかしいブックマーク等が晒されることはなくなりますね！

というわけでとてもお勧めな複数ユーザー設定の機能ですが、当然に、パスワード管理も別々になります。

一時的にパソコン操作を他の人に代わってもらう場合は、そのようなユーザーを用意しておくと良いと思います。

複数ユーザーを使用する設定方法

ただこの機能、デフォルトではオンになっていないため、設定が必要です。

環境設定（ chrome://settings/ ）

左側のタブの「設定」を選択し、「ユーザー」という項目より。

新しいユーザーを追加を選択します。

chrome://settings/createProfile

つぎに、適当なアイコンの選択と、ユーザー名の設定をします。

そうすると、２つ目のユーザーが作成されます。

アイコンは選択したものが使用されますので、気に入らなければ適当に変えておきましょう。

あとは、メニューバーに追加された「ユーザー」より、そのユーザーを選択するだけです。

自分でできることは自分でしよう

たとえば外出時、自分の家の鍵は自分でかけるように、最低限しなければならないこともあります。

職場やコワーキングスペース等、いろんな人が集まる環境では、一瞬でもパソコンから離れる時は、（MacBookを閉じたりして）パスワードロックすることが大切です。

たとえ知っている人しかいない環境であっても。

自分のパソコンの中には大切なデータが保存されているんだということを、ぜひ意識しましょう。

今後もインターネットの世界はどんどん便利になっていくことでしょう。

そのとき、最低限自分の家の鍵も閉めないようなことでは、不正利用されても仕方がありません。

こんな便利な機能を用意してくれているのですから、活用してみてはいかがでしょうか。

6年目の朝

快晴の東京、おはようございます。
おかげさまで本日、株式会社ダイレクトサーチジャパンは5周年。
6年目を無事迎えることができました。

ここ1ヶ月ほど、事務所移転に伴う業務でいろいろとてんぱっていて、ほうぼうに迷惑をかけてしまっています。
本当に申し訳ありません。

おそらく今週を目処に移転先も確定し、諸々動き出すのではないかと思います。

というわけで今年度もよろしくお願いします。

代表取締役 田中弘治

事務所移転の準備中

お久しぶりです。TANAKA Kohji です。
秋を飛び越して冬の気配になりましたね。

さてさて。
株式会社ダイレクトサーチジャパンは茅場町駅徒歩5分の場所にあるのですが、にわかに移転の計画が持ち上がりました。

場所は茅場町駅徒歩2分と、今よりも近くなる予定。
理由はいろいろありまして。

「業績好調のための業務拡大のため」だったら嬉しいのですが、明日のご飯を食べることもままならない中小企業ですから、そんなことはありません。

ただただ、いろいろな偶然が重なったからにすぎません。

いつもプロジェクトを一緒に組むパートナーの何人かと話しをしているうちに、一緒の場所に集まることになりました。
なんというか関係者の方向性の延長線上で交わった点が、たまたま事務所移転となったというか、そんな感じです。

新しい事務所は今のところよりも何倍も広く、弊社だけはもとより、我々パートナーだけで使っても使い切れません。

というわけで東京の山手線の東側ではまだまだ数が少ないコワーキングスペースとして利用してもらおうと目論んでいます。
CakePHPやWordPressやWebデザイン等が得意なパートナーが集まる素敵な場所になります。

興味のある方はぜひ一緒に働きましょう。
詳細はまた追って。
それでは。

Bloggerで記事ごとのパーマリンク文字列を任意で指定可能に

昨日の記事で紹介した本(amazon)の出版についてお祝いのメッセージを多数いただきありがとうございます。TANAKA Kohji です。

記事を書いていて、Bloggerの新機能について気づきました。

Bloggerで記事ごとにパーマリンク文字列の指定が可能になっています。

設定箇所は右の画像の通り。
カスタムURLの箇所に入力できます。

パーマリンク(permalink)とは、固定のURLを指し、Bloggerの場合ドメインの後が
/year/month/example-entry.html
となります。

パーマリンクの価値はブログが広めたといっても決して過言ではないでしょう。

もともと一般的なURLは、ブログのような動的に生成されるwebページの場合
/?post_id=123456
のように、クエリーストリングという仕組みで表されるのが一般的でした。
（この場合は記事Noが123456という意味）

今日と違い、当時の検索エンジンは、パーマリンクとクエリーストリングを使用したURLに対し、ページの重み付けを大きく変えていたため、パーマリンク（型のURL）にすることで検索エンジンの上位に表示される機会が多かったのです。

MovableType等の優れたブログシステムは当初からパーマリンクの付与が可能で、書いた記事が上位表示しやすかったことが、ブログという仕組みが流行した一因でもあるでしょう。

Bloggerの場合

このブログは、Bloggerを利用しています。
Bloggerの場合、記事ごとのURLのうち、上述の例でexample-entryにあたる箇所については、記事タイトルから自動的に設定されていました。
たとえば「exampleなentryを書く」というようなタイトルにすると、日本語の箇所がカットされ残された文字列がURLとなります。

今後は、この新機能により、自由に設定が可能です。

ただし自由とはいっても、使用可能な文字には制限があります。

（すべて半角で）アルファベットの大文字小文字、数字、一部の記号  - _ .  です。

残念ながら日本語は使用できません、、、
URLエンコードしてくれたらどんなに嬉しいことか。
今後の改善に期待しています！

（追記）公開後は変更できないので気をつけましょう（笑）

『jQueryプラグイン徹底活用 プロのデザインアイディアとテクニック』発売！

というわけで執筆した原稿が本になりました。TANAKA Kohji です。
まずは、こちらをご覧ください。



本日、わたしが一部原稿を執筆した『jQueryプラグイン徹底活用 プロのデザインアイディアとテクニック』が発売されました。

この本は、jQueryを使ってサイトのUIを向上させるのに有効なプラグインが、88種類掲載されています。
そのうちの半分以上は、導入に対しての詳しい解説やカスタマイズの案内付き。

どのプラグインも「仕事につかえる」という視点で厳選されていて、活用度の高いプラグインばかりです。

たとえば、先頭に紹介されている jQuery Masonry というプラグインを紹介している章では。
このプラグインは、タイル状に並べた矩形のボックスを、ブラウザの横幅にあわせて並び替えるというもの。パソコンの大きな画面では横に多数並び、スマートフォンなどの画面では横には少数で、その分縦が長くなる。このプラグインの面白いのは、スマートフォンを縦から横にしたときなど、画面の横幅が変わるとアニメーションをしながらボックスが並び変わるところです。
なかなか見ていて楽しいプラグインなのですが、この本では、jQuery Masonry を紹介したあと続けて、 Infinite Scroll という、いわゆる無限ページング（スクロールして画面最下部までくると自動的に次ページをその下に表示する）を紹介しています。

組み合わせて紹介することで、より実装イメージが湧きやすく、製作するサイトで利用しやすくなっています。

掲載されているプラグイン一覧

レイアウト

• jQuery Masonry ・・・ウィンドウの幅にあわせて要素をアニメーションして配置
• Modernizr ・・・HTML5やCSS3等の機能に対応しているかどうかを判別
• Infinite Scroll ・・・無限ページング
• jQuery UI Layout ・・・WebアプリのようなUIを実現
• jQuery UI ・・・様々な便利UIのセット
• jQuery Mobile ・・・スマートフォン用UIを実現
• PageSlide ・・・ページを横へスライドさせ、ページ脇にコンテンツを表示
• TwitterBootstrap ・・・CSSフレームワーク。jQueryを使用した機能も多い（本書内では、Modal/Alert/Tab/Collapse/Typeahead等を紹介）
• FeedReader ・・・Google Ajax APIを使用し外部ドメインのRSSを取得
• SNBinder ・・・Ajax等で取得したhtmlをテンプレートに流し込む
• jQSlickWrap ・・・画像の形に合わせて、テキストを回りこませる
• exValidation ・・・入力内容のバリデーション（チェック）を実施
• Password Strength ・・・パスワードの強弱を判定し表示
• ui.elements.js ・・・フォームの要素をキレイにデザイン
• js-columns ・・・雑誌のような段組みレイアウト
• jQuery Easy Pinned Footer ・・・ページ最下部にフッターを固定
• Setting Equal Heights with jQuery ・・・カラム（列）の高さを揃える
• jquery.vgrid.js ・・・ウィンドウの横幅が変更されたときに再レイアウトするグリッドレイアウト
• Tiny Scrollbar ・・・スクロールバーのスタイルを変更
• CrossTable.js ・・・表内でハイライトするセルを十字にフォーカス表示する
• Noisy ・・・背景にノイズを加えテクスチャっぽくする
• selectivizr ・・・IE6~IE8でCSS3セレクタを使用可能にする
• Contactable ・・・ページ脇から問い合わせフォームをスライドして表示
• filtrify ・・・タグ等によりコンテンツを種類別に絞り込み表示

ナビゲーション

• jQuery MegaMenu 2 ・・・メインメニューにマウスカーソルをあわせると子孫メニューをドロップダウンするUI
• Superfish ・・・ドロップダウンメニュー
• idTabs ・・・タブUI
• jquery.socialbutton ・・・各種ソーシャルサイトのシェアボタンを表示
• jQuery UI Accordion ・・・縦に開閉するアコーディオンUI
• jQuery UI Tabs ・・・タブUI
• jquery custom content scroller ・・・スクロールバーのスタイルを変更
• jQuery Easing Plugin ・・・スムーズなアニメーションを実現
• Awesome Bubble Navigation ・・・円形のメニュー
• jBreadCrumb ・・・アニメーションするパンくずリスト
• tipsy ・・・ツールチップ
• Font Sizer ・・・文字サイズ変更
• Font Sizer 拡張版 ・・・Font Sizer の拡張版
• Javascript Cookie Library with jQuery bindings and JSON support ・・・JSON形式で保存可能なCookieライブラリ
• droppy ・・・深い階層に対応したドロップダウンメニュー
• Highliner jQuery Plugin ・・・コンテンツの一部をハイライト表示する
• jQuery Radmenu Plugin ・・・円形のセレクトメニュー（ナビゲーション）
• jQuery.autopager ・・・オートページングを実装
• jQuery Waypoints ・・・スクロールUI。無限スクロールやScrollSpy等
• jQuery Mouse Wheel Plugin ・・・マウスホイールのイベントを捕捉
• hashchangeTab.js ・・・戻る・進むボタンに対応したタブUI
• jQuery Joyride Feature Tour Plugin ・・・サイトの機能ツアー
• jPages ・・・アニメーションを使用したページング
• FerroSlider ・・・矢印キーに対応したページング

エフェクト

• parallaxSlider ・・・スーパーマリオの背景のようにスクロール速度の違う複数の背景を表示
• DD_belatedPNG ・・・IEで透過png
• Cloud Zoom ・・・画像の一部をzoomして表示
• MobilySlidy ・・・スライドUI
• Quicksand ・・・アニメーションによる絞り込み・並び替えUI
• html5.js ・・・IE等でもhtml5を利用
• Roundabout ・・・回転して画像が入れ替わるギャラリー
• Background-Position Animation Plugin ・・・任意の要素の背景を入れ替え
• Foundation ・・・jQueryを利用した多機能UI集
• Fisheye menu ・・・MacのDocメニュー風UI（天地配置）
• jqDock ・・・MacのDocメニュー風UI（天地左右配置）
• jQuery Reel Plugin ・・・360度画像を回転表示するUI（iPhone等にも対応）
• youRhere ・・・文章にしおりをはさめる機能を実装
• jquery.spritely ・・・CSSスプライトを使用しアニメーションを作成
• jQuery Notify bar ・・・Twitter風の通知UIを画面上部からアニメーションして表示
• jQuery Cycle Plugin ・・・いろんな種類のスライドショー
• jQuery Peel Back Ad ・・・ページの隅をめくるUIによる（広告）リンク
• jParallax ・・・スーパーマリオの背景のようにスクロール速度の違う複数の背景を表示
• Zoomooz.js ・・・ページ内の要素をアニメーションさせながら拡大表示
• Animate CSS Rotation and Scale ・・・CSS3のtransformをjQueryで実装
• jQzoom Evolution ・・・画像の一部を拡大表示
• jQuery NiceScroll plugin ・・・iPhoneのような慣性スクロール

グラフィック

• carouFredSel ・・・カルーセル
• jquery.mb.YTPlayer ・・・YouTubeプレーヤーを背景全体に表示
• jquery.metadata.js ・・・html要素のclass内にデータを埋め込める
• Circle Navigation Effect with CSS3 ・・・円形のサムネイルが飛び出すUI
• fb.wall ・・・サイト内にfacebookのWallを埋め込む
• Google maps v3 plugin for jQuery and jQuery Mobile ・・・Googleマップを埋め込みマーカー等を追加
• jQuery-Visualize ・・・グラフを作成
• ExplorerCanvas ・・・IE等でcanvasを利用
• fancyBox ・・・Light Box風のポップアップUI
• Camera slideshow ・・・多彩なアニメーションのスライドショー
• jQuery Before/After plugin ・・・画像加工前後などの複数の画像をスライダーを使用して比較するUI
• Nivo Slider ・・・多彩なアニメーションのスライドショー
• ColorBox ・・・アニメーションの種類が豊富なLightBox風UI
• SuperSized ・・・ウィンドウにあわせて背景画像を画面いっぱいに表示
• Slicebox ・・・3Dアニメーションによるスライドショー
• jQuery Text Change Event ・・・テキスト入力のイベントを捕捉する
• Elastislide ・・・ウィンドウサイズによって画像サイズや枚数が変わるカルーセル
• jQuery Shuffle Text ・・・テキストをシャッフルする演出

以上、総勢88種類のプラグインが紹介されています。

（導入が詳しく掲載されているのは太字のプラグインです）
（わたしが寄稿した記事はマーカーのプラグインです）

jQueryはどなたでも扱いやすいですが、解説が英語だったりして導入に苦労することもあるでしょう。

そんなときに実践的な内容でカスタマイズ方法も掲載されている本書は、きっとあなたの役に立ってくれるはずです。

本書に寄稿するにあたり執筆経験のないわたしにレクチャーをしてくださいましたMdN編集部のKさん、ありがとうございました。

また、Kさんにわたしをご紹介していただきました下北沢オープンソースカフェのマスターのKawamuraさんありがとうございます。2冊献本いただいているので1冊寄贈しますね。

これだけ豊富だと、ぱらぱら眺めているだけでもWebサイト構築時のUIのヒントが得られますよ。ぜひ1冊どうぞ。

CakePHP HTML Cache Plugin の2.x対応と追加機能とか

@mon_sat です。
CakePHP HTML Cache Plugin についてメモしておきます。

CakePHPにはキャッシュの機能がありますが、純粋な静的ファイルを書き出すもっと強力なキャッシュをおこなうためのプラグインがあります。
（symfonyでは sfSuperCache 、Fuel PHP ではfuel-pagecacheという同様のプラグイン等があるそうです）

仕組みは、mod_rewriteの機能を利用し、webroot/cache以下に、該当するhtmlやrss等のファイルがあれば、それを直接表示し、無ければ、CakePHPが通常の描画後、webroot/cache以下にページを書き出すというもの。

一度作成するとphpすら使われませんので当然速いわけです。

ただしそのファイルを消さないと永遠にCakePHPが再表示しませんので、以下のコマンドのようなことでファイルを消してあげる必要がありますが。

find /full/path/to/app/webroot/cache -mmin +360 | xargs rm -f

さてこのプラグイン、もともとはMatt Curry氏が作成したプラグインです。
その後CakePHP2.x系への対応がまだのようでしたので、forkして作成したのが、こちらです。

• MontBlanc-Sucks/HtmlCache
  

インストールと準備

ダウンロード後、APP/Plugin/HtmlCacheとなるように配置してください。

bootstrap.phpでPluginをloadします。

# APP/Config/bootstrap.php
CakePlugin::load('HtmlCache');

webroot/.htaccess を修正します。
（修正内容は extras/.htaccess のようにします）

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_METHOD} ^GET$
    RewriteCond %{DOCUMENT_ROOT}/cache/$1/index.html -f
    RewriteRule ^(.*)$ /cache/$1/index.html [L]
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.*)$ index.php [QSA,L]
</IfModule>

プラグインの使用

あとは、Controllerで $helpers = array('HtmlCache.HtmlCache'); のようにします。

ただ特定のactionだけ使用するというケースがほとんどでしょう。ですので。

viewファイル内で使用する場合は、次のようにします。

$this->Helpers->load('HtmlCache.HtmlCache');
$this->HtmlCache->options($options);    // 必要に応じて

オプションの指定

オプションは配列で指定します。

# view
$this->HtmlCache->options(array('cache_dir' => 'statics'));

オプション（デフォルト）

• 'test_mode' => false,
• trueにするとdebug level が1以上でもキャッシュファイルを書き出します
• 'host' => null,
• 'domain' => false,
• trueにすると、複数ドメインで運用している場合にhostごとに書き出すことができます
• $_SERVER['HTTP_HOST']もしくはhostオプションの値が使用されます
• 'www_root' => APP . WEBROOT_DIR,
• webルートのフォルダをフルパスで指定します
• 'cache_dir' => 'cache',
• デフォルトでは webroot/cache 以下にキャッシュファイルが作られます
• ここを修正した場合は webroot/.htaccess も適宜修正しましょう
• 'filename' => 'index.html',
• 拡張子なしでCakePHPにアクセスしたときに書き出すファイル名です
• index.htm や index.php を使用したいという場合はここを書き換えます
• 'file_path' => null,
• まったく別のURL（パス）で書き出したいという場合は、ここを編集します
• 例） 'file_path' => $this->webroot . DS . $item['Item']['filename'],

というわけでRSS等の出力に絶大な効力を発揮する HtmlCache Plugin を紹介しました。

ぜひご活用ください

MontBlanc-Sucks/HtmlCache
ご意見・ご要望・ご質問は、 @mon_sat までお願いします。

CakePHP OGP Plugin つくりました

@mon_sat です。

OGPタグというものがあります。
facebookとかでシェアしたときに、任意のタイトルやdescription、画像等を設定するmetaタグです。

このブログの場合は、次のようになります。

さて、このOGPタグと、titleタグ、metaタグの一部（description）等は、内容が重なります。

これらを、view等から簡単に設定できると良いですね。
というわけで @yando さんのアドバイスを受け、プラグインにしてみました。

CakePHP OGP Plugin

インストールと設定

プラグインをダウンロードし、 APP/Plugin/Ogp となるように設置します。

git で clone / submodule add する場合は、次のような感じで

cd your_app
git clone git://github.com/monsat/Ogp.git Plugin/Ogp

CakePHP2.xではプラグインを明示的に読み出す必要があるので

# APP/Config/bootstrap.php
CakePlugin::load('Ogp');

とし、Controllerで、OgpHelperを読み出します。

# APP/Controller/AppController.php
public $helpers = array( 'Html', 'Form', 'Ogp.Ogp');

これで準備完了です。

次に、サイトの設定をします。

# APP/Config/bootstrap.php
Configure::write('Site', array(
  'site_name' => 'サイトのタイトル',
  'description' => 'サイトの説明',
  'image' => '/img/image.png',  // サイトの画像
  'type' => 'website',                 // サイトの種類（blog等）
  'separator' => ' - ',                 // ページタイトルとサイトタイトルの間の文字列
));
Configure::write('Ogp.settings', array(
  'base' => 'Site.',
  'autoKeys' => array('type', 'site_name', 'description', 'image'),   // viewで設定しなくても必ず書き出すOGPタグ
));

Configureで Ogp.settings.base で設定しているので、
Configure::read('Site.site_name') や Configure::read('Site.description') などが利用されます。

使い方

layoutファイルの次の記述の箇所に、他のmetaタグと一緒に書き出されます。

# layout
echo $this->fetch('meta');

viewファイルでは、以下のように使います。

# view
// <title>タグ($title_for_layout)も同時に設定されます。
$this->Ogp->title('ページのタイトル');
// フルURLで書き出されます。
$this->Ogp->image($post['Post']['author_image_url']);
// その他は、ogpタグのname（og:無し）とcontent
$this->Ogp->set(
  'description',
  "stripped \n and <b>tags</b>",
  // options
  array(
    'meta' => true,
  ),
);

contentに使用される文字列は、タブ・改行文字およびhtmlタグを除去します。
※ stripTagsオプションを false にすると、htmlタグの除去は行われません

metaオプションを true にすると、通常のmetaタグも同時に書き出されます。

この記事の例では、次のようなタグが出力されるでしょう。（順番は変えてあります）

<title>ページのタイトル - サイトのタイトル</title>
<meta property="og:title" content="ページのタイトル - サイトのタイトル" />
<meta property="og:site_name" content="サイトのタイトル" />';

<meta name="description" content="サイトの説明" />
<meta property="og:description" content="サイトの説明" />
<meta property="og:type" content="website" />

<meta property="og:image" content="http://example.com/img/author_image_example.png" />

という具合です。
$this->Ogp->title()を設定しなければ、Site.site_nameの値がtitleタグとog:titleに使用されます。

ぜひご活用ください

monsat/Ogp · GitHub
ご意見・ご要望・ご質問があれば、 @mon_sat までお願いいたします。

jQuery Link Box プラグイン作りました

@mon_sat です。
非常に車輪の再発明的ではありますが、jQuery Link Box プラグインを作りました。
（jquery 1.7以上に対応しています）

簡単に言うと、リンクの外側のボックス（div等）全体をクリック可能にするためのプラグインです。

使用例は以下およびsample/index.htmlをご覧ください

使い方

jqueryを読み込みます

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="../jquery.linkbox.js"></script>

</body>の直前に記述するか、<head></head>内に記述してください。

クリック可能にするbox（div等）にdata-click="linkbox"を記述します

<div data-click="linkbox" class="sample">
    <p>sample <a href="/">最初のリンク</a> が使用されます。</p>
    <p>sample <a href="/p/blog-page.html">このリンク</a> は直接クリックする必要があります。</p>
</div>

[data-click="linkbox"]が書かれた属性内の最初のリンクが使用され、ボックスをクリックしたときに遷移します。

（オプション）必要に応じて、ボックスにスタイルを設定します

ボックスがクリック可能であることを示すようなstyleを記述しましょう。

.linkbox {
    background-color: #eee;
}
div.sample {
    cursor: pointer;
}

デフォルトでは .linkbox というクラスが使用されます。
※ 追記（2012-06-29）：iPad等で有効にするためには、cursor: pointer をあらかじめ指定しておく必要があります。

（オプション）任意のaタグのリンク先を使用したい場合

[data-linkbox="target"]という属性が存在するリンクは、優先して使用されます。

<div data-click="linkbox">
    <p>sample <a href="/">最初のリンク</a> ですが、直接クリックする必要があります。</p>
    <p>sample <a href="/p/blog-page.html" data-linkbox="target">このリンク</a> は優先して使用されます。</p>
</div>

デモ

サンプル1

https://github.com/monsat/jquery.linkbox

サンプル2

https://github.com/monsat/jquery.linkbox

<a href="/" data-linkbox="target">このようなリンク</a>の場合、優先して使用されます

https://github.com/monsat/

ぜひご活用ください

monsat/jquery.linkbox · GitHub
ご意見ご要望ご質問は、@mon_satまでお願いします。

Webデベロッパ ハッカソン at PoRTAL Shibuya に参加してきました

@mon_sat です。
金曜日から土曜日にかけて行われた Webデベロッパ ハッカソン at PoRTAL Shibuya というイベントに参加してきました。

金曜日の夜に開始し、翌午前中まで開発そして成果発表をして終了という、比較的負担の少ないハッカソンです。

ちなみにハッカソンとは hack + marathon ということで、各自が開発をしつづけるというイベントです。たいていは夜通しおこなわれるところがマラソンっぽく体力勝負なわけです。

デザイナー向けCakePHP勉強会でも使わせていただいた PoRTAL Shibuya に10名以上の開発者が集まり、それぞれ普段ではなかなかできないようなことを中心に開発してました。
CakePHPの勉強会等で知り合った方も何人か参加していて、CakePHPに関する質問をしあったりする光景も。

わたしも前日から開発していた monsat/jquery.linkbox に加え monsat/Ogp · GitHub と、 MontBlanc-Sucks/HtmlCache の追加機能を作りました。じつは来週の仕事の準備なんですけど（笑）

HtmlCacheは、もともとMatt Curry氏が作成したHTML等の静的ページを書き出すためのプラグインです。
その後 sams 氏がCakePHP2.0対応を試みていたようなので、forkしてその続きをすでに開発していたのですが。
この日は「任意のディレクトリやファイルを削除する機能」を実装しました。
これによりサイト全体のキャッシュを削除したり、任意のフォルダ以下のキャッシュを削除というような利用が可能になります。

詳しくは別途ブログにまとめたいと思いますが。

話をハッカソンに戻し。
やはり、こういうイベントで他の方と開発をおこなうというのは、非常に刺激になります。
詰まったときに他の方と話をすることで解決の糸口を見つけたりもできますし。

そして、成果発表する時間があるので、「何かしら作る」というモチベーションも高まることでしょう。
どんなに些細なことでも、それが自分にとって有益であれば良いのだと思います。
こういうイベントに積極的に参加することで、開発スキルや、開発の基礎体力がついていくのかもしれません。

まだ参加されてない方は、事前に登録しておくと良いですね。
というわけで次回のイベントでお会いしましょう。

他の参加者のブログ記事

• Webデベロッパ ハッカソン at PoRTAL Shibuya に参加してきました – ja.naoko.cc
  （今回の記事は、↑の記事からタイトルを拝借してしました）

BloggerでOGPタグを出力する設定方法

というわけで TANAKA Kohji です。
Blogger の記事を facebook でシェアしようとすると、HTMLの先頭にある JavaScript が本文の代わりに読み込まれて困っていました。

そこで、OGPタグを出力するように変更してみました。

検索設定でメタタグ（description）を設定する

設定ー検索設定より、メタタグの設定を行います。

この部分は、ブログのトップページ等をシェアした場合等に使用される説明文です。

（metaタグのdescriptionや、og:descriptionに使用されます）

テンプレートのHTMLを修正する

ここは多少専門的な知識が必要になります。

テンプレートーHTMLの編集より、テンプレートを編集します。

（事前にページ右上の『バックアップ/復元』より現在のテンプレートのバックアップをとっておくと安全です）

以下を参考に、修正してください。

修正する前のコード（ctrl+f 等で該当箇所を探してください）

    <title><data:blog.pageTitle/></title>

修正後のコード

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <title><data:blog.pageTitle/></title>
    <b:else/>
        <title><data:blog.pageName/><b:if cond='data:blog.pageName'> | </b:if><data:blog.title/></title>
    </b:if>
    <meta expr:content='data:blog.title' name='og:site_name'/>
    <meta expr:content='data:blog.pageTitle' name='og:title'/>
    <meta content='blog' name='og:type'/>
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
        <meta expr:content='data:blog.metaDescription' name='og:description'/>
    </b:if>

修正したら保存しましょう。

記事投稿時に『検索向け説明』を設定する

これはちょっと冗長なのですが、記事投稿時に、検索向け説明を設定する必要があります。

（投稿画面の右側）

ここは記事本文から自動的に設定してほしいところですが、いたしかたありません。

facebookでシェアする

あとは、記事公開後に、facebookでシェアすれば終了です。

というわけで設定していない方は、お試しください。

今年は閏秒の挿入年

最近は減りましたが、2度寝が大好きな TANAKA Kohji です。
今年は約4年に1度の閏年ですね。
2月29日があり、通常の年よりも1日長いのはご存知の通り。

それにたいし、閏秒というものがあります。

閏秒（うるうびょう、英: leap second）は、現行の協定世界時 (UTC) において、UT1との差を調整するために追加または削除される1秒である[1][2]。1972年以来、これまでに閏秒の挿入が24回実施されている（2011年末現在）。
（中略）
地球の自転に基づく世界時は、太陽が朝に出て夕方に沈むといった、日常生活に関係する時間観念からすれば便利である。しかし、月による潮汐摩擦や地球内部の核、海水や氷河の分布変化など、さまざまな原因により地球の自転運動は一定の速さではない[6]。ゆえに UT1 は1秒の長さが一定せず、時の標準を学術的に正確に定めるのに向いていない。この点では1秒の長さが一定である国際原子時は便利である。しかし国際原子時は地球の自転に従わないため、やがて両者のずれは拡大し、理論上は時間観念とも食い違うことになる。
閏秒 - Wikipedia

というわけで、地球の自転によるずれを修正するために、閏秒という「1秒」をどこかに挿入することがあるのですね。

これは不定期に行われ、大体6月末か12月末のUTC深夜24時直前に挿入されることが慣例です。
世界標準時との時差は9時間ですから、日本では7月1日か1月1日の9時直前になります。

今年は、3年半ぶりに閏秒が挿入されます。
7月1日は、他の日よりも1秒長いのです。

9時直前は、117で時報を聞くというのも面白いかもしれません。
記憶が定かではありませんが、たしか、通常より、プップップポーンの始まりが1秒遅れるはず・・・
（追記 NTTからの発表でもそうでした）

「1秒を大切に」ということを考える1日にしても良いかもしれません。


2度寝に気をつけて過ごしたいものですね（笑）

WindowsユーザーがMacに移行して買うべきたったひとつのアプリ

新しいMacBook Air や Proが発表されても、ずっと我慢の子を続ける TANAKA Kohji です。

この機会にmacユーザーになるという方も多いのではないでしょうか。
もしくは、この機会にmacにしたいんだけど、ExcelやらIllustratorやら現状の環境からの移行が大変そうで二の足を踏んでいる方も多いでしょう。

そういったかたが買うべきたったひとつのソフトをご紹介します。
それが Parallels Desktop です。

このソフトが無ければ、わたしはiMacを買わなかったといえるほど強力なソフトです。

基本的には、Mac OS X 上で windowsを動かすためのソフトなのですが、Switch to Mac Edition というのを利用すると、現在のwindowsの環境をそっくりそのままMacの中に持ってこれるのです！

どういうことか。
つまり、これを利用することで、現在windowsで使用していたすべてのソフト、そしてすべてのデータをMacの中にとりこめ、Macを使いながらにして、同時に従来のwindowsのパソコンを使用するというような芸当が可能になります。

Spacesという機能を使い、複数のデスクトップを使うことがMacではできるのですが、そのひとつにwindowsを当てるということもできます。
また、ParallelsのCoherenceというモードを使用すると、windowsのデスクトップは無くなり、スタートメニューのみが残ります。あとは、wordやexcelといったソフトを立ち上げるたびに、Mac上で立ち上がったかのように、別々のwindowのなかでそれらのソフトが動くのです。ここまでくると、仮想かソフトを使用している感覚ではなく、本当にMacの中で旧PCが動いているかのような錯覚に陥ります。

注意点としては、windowsに充分なメモリを与えること。
最近はメモリも安くなってきました。
わたしは当時最安iMac標準の4GB（2GB x 2）のほか空きスロット2つに4GBを差し、合計12GBとしています。
これだけあると、windowsの2GBをまるまる当てても、充分にMac側に余裕ができます。
MBPなら最大16GBです。windows7だろうが割り当てられることでしょう。

わたしはいまだにMac版のIllustratorを買わずに済んでいます。
これはwindows時代に清水の舞台を飛び降りる気持ちで購入したIllustratorCS3が現役という理由が大きいです。
古いphotoshopも同様に現役です。

Macがwindowsと比較して優位と言えないのが、ソフトの豊富さです。とくにフリーウェアの多さはwindowsには敵いません。

後悔せずに移行するために買うべきたったひとつのソフトは、Parallels Desktopのほかはありません。
とってもおすすめですから是非どうぞ。

Yahoo!ミュージックのサービス終了

まずはこちらをご覧ください。

というわけで、Yahoo!ミュージックのサービスが2012年8月27日で終了するそうです。
投稿したコンテンツも削除されるとのことで完全な終了ですね。

まさかPing今秋終了のお知らせ...WSJ報道 : ギズモード・ジャパンやDVDリッピング違法化・違法ダウンロード刑罰化の著作権法改正が衆院で可決 | 家電 | マイナビニュースを受けてサービス終了するわけではないと思いますが、非常に寂しい限りですね。

Yahoo!ミュージックのトップページでも掲載されているのかな？と思ったら

ん？？？

Yahoo!ミュージックからご利用の皆様へ大切なお知らせというわけで、人によってはスルーされそうです。もしかしたら直前になって知る人も多いかもしれません。

Xデーは8月27日。
わたしはほとんど音楽を聴かないので影響は皆無ですが、これまで愛用してきたユーザーも多いはず。そういう方々へ最後のサービスがあっても良いかもしれませんがいかがでしょうかね。

Yahoo!ニュースの閲覧履歴をfacebookに投稿できるという新機能を爆速で試してみた

facebookから名前を「漢字で登録してね」と言われる TANAKA Kohji です。
Yahoo!ニュースの新機能のニュース見ましたでしょうか？

Yahoo!ニュース、読んだ記事をFacebookに自動配信できる新機能
ヤフーは6月14日、「Yahoo!ニュース」でFacebookへのアクティビティの自動投稿が可能になったことを発表した。この機能を利用することで、Yahoo!ニュースの記事を表示させるだけで「Yahoo!ニュースの○○の記事を読んだ」という自身のアクティビティが、自動的にFacebook上の友人のウォールに表示されるようになるという。
Facebookアカウントでログインしている状態で、Yahoo!ニュースの記事詳細ページなどに表示される「Facebookの友達に記事を知らせよう」枠の「利用開始」ボタンをクリックし、Facebookと連携することで利用できる。あらかじめ公開範囲を設定することも可能だ。
アクティビティとして自動投稿されたくないときは、一時的に自動投稿を停止することもできる。また、自動投稿されてしまった場合も、あとから削除できる。なお、ブログ/意見、企業トレンド、リサーチ、ランキングは、アクティビティ自動投稿の対象外となる。

というCNETの記事。

なんかネガティブな反応のTweetとともに知ったのですが、なかなか物議を醸しそうな新機能ですね（笑）

というわけで試してみましたよ。

Yahoo!ニュースで記事を閲覧し、自動配信の設定

Yahoo!ニュースの記事個別ページに移動すると、記事および配信元リンクの下に、当機能の表示が確認できます。
（ただしその時点でfacebookにログインしている必要があります）

まず、利用開始ボタンをクリックし、facebookとの連携を行います。

facebookでアプリの設定をする

facebookに移動しアプリの承認を行う画面となります。（1の枠）
（なお、この時点でキャンセルを行えば何も設定されません）

facebookアプリを承認する場合はこの画面に記載された情報を良く読まなければなりません。
2の枠の位置に書かれた内容を見ることで、このアプリがfacebookで何ができるかを確認することが可能。
この場合は、あなたのfacebookに登録した情報のうち最も基本的なものへのアクセスとともに、あなたにかわって投稿する機能への承認確認です。
（前者はどのアプリでも表示されます。その他の情報をアプリが使用する場合は、この欄がずらずらと増えていきます）

自分の意図に反して自動的に投稿されるスパム系のアプリもありますが、必ずこの画面での承認を必要とします。スパムと言われたからスパムアプリだと決めつけるのではなく、何をするアプリで、何ができるのかを確認し、承認するか承認しないかを決めましょう。思考停止はよくありませんね。

Yahoo!ニュースのアプリの場合、自動投稿以上のことはできないようですので承認してすすむのですが、その前に、3の枠の箇所で、自動投稿されるニュースの閲覧履歴の公開範囲を指定できます。

このアプリの使い方を、自分の閲覧履歴としてのみ利用する場合は、ここを自分のみなどに変えると良いでしょう。
すべてのユーザーにすると、Yahoo!ニュースを閲覧するたびに、あなたのアクティビティとして表示されます。
図書館の貸し出し情報も、Yahoo!ニュースの閲覧履歴も個人情報ですから気をつけなくてはなりませんね（笑）

自動投稿の設定

Yahoo!ニュースの閲覧が自動投稿されるのにはもう1ステップあるようです。

ふたたび記事ページを表示し、開始リンクをクリックして開始されます。

facebook内での表示のされ方

その後Yahoo!ニュースの記事ページを閲覧するたびに、facebookへ自動投稿されるわけですが、facebook上ではどのように表示されるのでしょうか。
facebookの場合、自分の投稿がどう表示されているかは分かりづらいのですが、もっとも簡単に確認するのは、自分のページから、アクティビティを確認することでしょう。

タイムライン

アクティビティログ

他の人のウォールからも同様に確認できることと想像できます。
（まだ実際には確認できてないので分かりません）

自動投稿を中断する・履歴を削除する

自動投稿を中断するには、Yahoo!ニュースの記事ページより中断リンクをクリックすることで行えます。
また、個別に閲覧履歴の投稿を削除するのも、右上の×削除のリンクで行えます。（facebook上のアクティビティログからももちろん可能）

アプリの使用をやめる

アプリの使用自体をやめ、使用開始前の状態に戻すことも可能です。（なお一度投稿したものは、アクティビティログから削除する必要はあります）
プライバシー設定のアプリの設定から行えますので、facebookのヘッダーの右端の▼からプライバシー設定をクリックし表示されるページで、広告、アプリ、ウェブサイトの設定の編集リンクをクリックします。

こんな画面になりますので利用しているアプリの設定の編集から

アプリを指定し編集もしくは×リンクから連携の削除（使用の中止）ができます。

新機能についての所感

おおまかな使い方は以上です。あとは自動的に投稿されますので、個人情報のだだ漏れに気をつけつつ使っていきましょう。

さて、この新機能ですが。
いまいち理解しづらいのは、どのような利用シーンを想定しているかということ。

Yahoo! JAPANにとっての狙いは、facebook上に多くの記事を投稿してもらい、Yahoo!ニュースの閲覧数を高めること（および広告を多く見てもらうこと）ということになるでしょう。

しかし同様の機能を実装しているサイトをわたしはあまり聞いたことがありません。

ユーザーにとって閲覧履歴としての役割は果たすでしょうが、その場合自動投稿する必要性を感じません。

この機能を使うことにより、良い記事がシェアしやすくなるわけではないため、どうしてもサービス提供側がひとりよがりな機能を実装したという感が否めないのです。
もしfacebook上に多くの投稿を流すことが目的であれば、よりクリックしやすい、目立つシェアボタンを使用することのほうが効果があるような気がします。

アプリの使用を承諾させる上に、その後自動投稿のリンクをクリックさせるのは、ややSTEP数が多いですし。

スタートしたばかりでしょうから、意見を聞きつつ改善を図ろうという意図なのかも知れません。もしそうだとすると以前のYahoo! JAPANのやり方からの脱却であり歓迎するべきことですが。

この機能単体の評価は置いておくとして。
もし変わりつつあるというのであれば、今後も新しい機能が追加されていくということですから、今後の機能追加も注目したいところです。

タイトルで爆速とあるけどとくに爆速ではないという意見がありそうですが、まああまり意味は無いです。はい。

虚構新聞がまた誤報、もとい正報。おーぷん2ちゃんねるオープン

まずは虚構新聞のこちらの記事

転載自由の匿名掲示板「転載ちゃんねる」がオープン
匿名掲示板のコメントを抽出・編集した「まとめサイト」向けに、書き込みの著作権を放棄し「転載自由」をうたった新しい匿名掲示板「転載ちゃんねる」が５日オープンした。「村八分ＳＮＳ」などで知られる、管理人の「ひらゆき」氏は「昨日の２ちゃんねる騒動で『転載禁止』と名指しされたブログ管理人も気軽に利用してほしい」と話す。

先日突然大手2chまとめサイトが相次いで休止や方向転換を発表。
その裏には2ch運営者の側から名指しで転載禁止の通達を受けたという経緯があります。

そこで虚構新聞がそのことをネタにしているわけですね。
ただそこは、新聞記事に現実が追いつくことで有名な虚構新聞。
またまた単に他社よりちょっと早く記事がでただけという結果になってしまった模様。
（最近は日経新聞も頑張っていますね）

転載自由な2ch風掲示板が実際にオープンしたようです。

一見して2chと見紛うデザイン。
それどころか掲示板としての機能もほぼ同一です。

メインページには次のような記載が。

■open2chって？
open2chは転載自由な２ちゃんねる風掲示板ですよ。。。
すべての投稿はクリエイティブ・コモンズライセンスの元に
コピペブログ等で商用、非商用問わず自由に利用できます。
■2chに完全対応!
open2chはすべての2chの板に完全対応しています。。
2ch.netのドメインの前にopenを付けるだけで簡単に open2chにアクセスできます。

掲示板に投稿された記事は、自由に転載可能で、「コピペブログ等で商用、非商用問わず自由に利用でき」るとのこと。
これなら安心ですね！

それどころかドメインの前にopenをつけるだけでアクセスできるらしいです。
http://uni.2ch.net/newsplus/ （ニュース速報＋＠2ch掲示板）
の場合は
http://uni.open2ch.net/newsplus/
になる模様
分かりやすいですね。

open2ch.net 虚構新聞にすっぱ抜かれたけど 『オープン２ちゃんねる』はじめてみました。転載自由な２ちゃん風掲示板です。 #2ch
— satoru.netさん (@satorunet) 6月 6, 2012

作成したのは satoru.net さんでした。
どうりで素早いわけですね。

プレゼン資料の作成やサイト製作で使うアイコンを探せる「Open Clip Art Library」

いっつも自分で使うのを忘れてしまいがちだけど便利なサイトをご紹介します。

プレゼン資料などで写真やアイコンを使用したいときは多いと思います。
前者はGoogleの画像検索やFlickrなどで再使用OKな写真を探すことでかないますが、アイコンやイラストはなかなか使いたいものはありません。

そこでこの OpenClipArt です。

このサイトは、再使用可能なクリップアートが多数掲載されています。
主な特徴としては

• パブリックドメインで提供され再使用が可能（無料・修正可能）
• ベクター形式でも配布されているので加工が簡単
• オンラインで画像の加工が可能

という感じです。

使い方も簡単です。

画像をクリックすると下のような画面になり、View Imageボタンでsvg形式で表示（ダウンロード）、PNGボタンでpng形式で表示（ダウンロード）できます。

svgファイルは、Illustrator等で加工しても良いですが、凝ったことをしないのであれば、Edit Imageボタンで画像エディタを使えます。

また、たとえば iPhoneと検索 すると

このように80以上出てきました。

これらがすべてベクター画像で配布されているのです。

プレゼン資料やWebサイトのアクセントとして、ぜひ活用したいですね！

豊洲新市場についてのニュースサイト「豊洲新市場ニュース」を開設しました

株式会社ダイレクトサーチジャパンは、2015年3月までの開場をめざし計画が進んでいる「豊洲新市場（仮）」およびその周辺地域の情報をまとめたニュースサイトをリリースいたしました。

豊洲新市場ニュース

どうぞよろしくお願いします。