このブログでは何度も触れていますが、3月に フリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンしました。 このサイトは、WordPress というブログ向けの CMS（コンテンツ管理システム）を使って作りました。 このサービスを作った際の手順をケーススタディとして「PHPやWordPressを全く知らない方でも、WordPressでWebサービスを作り、それをたくさんの方に利用して頂ける方法を分かりやすく学べる記事を書こう」と思い書き始めたのがこの記事ですが、「PHPとは」から「WordPressサイトにおける内部SEO」「ソーシャルメディアマーケティング」まで網羅する特大記事になり、1記事として一度に掲載することが難しくなったので、全10回の連載としてお送りします。 WordPressやPHP初心者の方はぜひ1ページ目からソースコードを書き写しながら、既に

もしやこれはいつか来た道？ 各地で急速に広がる｢Facebook疲れ｣なる新現象！2011.06.16 12:30 そう言えば日本でも｢ミクシィ疲れ｣なんてあったような... いまをときめく急成長ぶりで世界に進出している｢Facebook｣ですけど、実は静かにFacebookから離れていくユーザー層の増加が目立ち始めてもいるようですよ。例えば、米国ではとうとう1か月で600万人近いユーザー数の減少を経験してしまいました。こんなに減っちゃったのは、ここ最近では例がないみたいですね。おまけに同じく5月にカナダでは150万人以上のユーザー数の減少が報告されており、他にも5月中にユーザー数が10万人以上減ってしまった国としては、イギリス、ノルウェー、ロシアが挙がっていますよ。 ただ世界全体では5月もFacebookユーザーはますます増加して、全世界で7億人の利用者数に迫りそうな勢いです。メキシコ、

「Facebookページを作ってみたものの、手探り状態・・・」という方も多いかと思います。 今回はそんな方の参考になればと思い、アメリカ有名小売企業9社のFacebookページを見て気付いた事を3つご紹介します。 良かったらご覧下さい！

最近スマートフォン対応やタブレット対応の案件が増えてきて、スワイプに対応させたいと言われる事が結構多いです。 知ってる人も居るかもしれませんが、スワイプが出来るようになるjQueryプラグインをまとめてみました。 画像ギャラリー専用のものから、ページ全体をスワイプで区切るものまで色々ありますよ。 参考になれば幸いです。 jQuery Touchwipe iPhone、iPad、Android用にスワイプでスライドショーを移動できます。 スワイプした時のイベントが簡単に取得できるので、画像切替意外にも色々使えそう。 PCの場合には、アンカーテキストで画像の切替ができます。 サイズも1kB程度なので、モバイル端末に優しいですね。 PhotoSwipe jQuery Mobile対応の全画面イメージギャラリー。 写真を大きく表示させて、ツールバーで操作するタイプです。 jquery.flicks

サーバサイドJavaScriptにはNode.js以前にもいくつかの実装がある。ちょっと前に注目されかけたものだと、現在はAppcelerater社に買収されたAptana社が出していたJaxerなどがあるが、きちんと調べるとRingoJsやnarwhalやv8cgiなど選択肢の一つとして数えられるサーバサイドJavaScript実装がいくつかある。ただ、これらはNode.jsのように注目を浴びているわけではない。 Node.jsとこれらの既存のサーバサイドJavaScriptの違いは、他のサーバサイドJSの動作モデルが既存のサーバサイドのものと変わらないのに対して、Node.jsの場合はそうではないから。具体的には、HTTPコネクションのハンドリング戦略が違っていて、既存の動作モデルが1コネクションに対して1プロセス/スレッド消費するのに対して、Node.jsの場合は非同期I/Oを用いて

ドットインストール代表のライフハックブログ

スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

新進気鋭のベンチャー、マインドバレット社が5月12日にローンチしたiPhone写真共有アプリ「Snapeee」の快進撃が止まらないようだ。プロモーションなし、ほぼオールクチコミにもかかわらず、国内のみならず、台湾や香港などでダウンロード数が急加速している。 Snapeeeは、iPhoneでとった写真に、キラキラなデコ装飾を加えられる写真共有アプリで、いわば持ち歩けるソーシャル・プリクラだ。 こんな感じで、iPhoneでとった写真にさまざまなデコレーション(スタンプやフレーム)をアレンジし、「すごい」「かわいい」「おもしろそう」「もっと」と4種類の感情アイコンやコメントを付与して投稿する。共有はInstagramのようなフォロー関係によるものだが、TwitterやFacebook、mixiのようなソーシャルメディア投稿も可能となっている。 最強のライバル、Instagramがプロっぽい写真加

ある程度プログラマーとして経験を積めば、ソースコードを読んだときに、そのソースコードの良し悪しというものは、嗅覚を使って直感的に嗅ぎ分けることができるものです。実際、そのように体の感覚を使ってこのコードは不吉だと感じるところは実際大いにあり、コードの臭い（code smell)として知られています。 コードの臭い - リファクタリングの必要性を示す兆候 これはファウラーの名著 リファクタリング―プログラムの体質改善テクニック (Object Technology Series) 作者: マーチンファウラー,Martin Fowler,児玉公信,平澤章,友野晶夫,梅沢真史出版社/メーカー: ピアソンエデュケーション発売日: 2000/05メディア: 単行本購入: 94人 クリック: 3,091回この商品を含むブログ (312件) を見るでも紹介されており、こういった不吉な部分を適切に嗅ぎ分け

2009 年に、Google は実験的な機能として、米国でソーシャル検索を初めて提供しました。この機能は、友人や知り合い等、ソーシャルサークルにいる人たちから提供された、関連性の高い情報を検索結果に表示する機能です。2009 年の提供以来、より多くの人を結びつけ、より関連性の高い検索結果を表示できるようにさまざまな改善を加えてきました。そのソーシャル検索が、日本でもお使いいただけるようになりました。 たとえば、今年の夏休みはキリマンジャロに行こう、と思い立って、[キリマンジャロ 登頂] と検索したとします。以前、キリマンジャロを踏破した様子を友人がブログで紹介していたとしたら、ソーシャル検索では、その記事は私にとって関連性の高い情報として検索結果に表示されるようになります。検索結果に表示されたブログ記事の下には、友人がプロフィール等で設定した名前と写真が表示されます。名前部分にマウスをあわ

日々の仕事や生活の中で、常にクリエイティブでありたいと考えていても、ダラダラと毎日同じような日常を送っているとどうしても思考も同じようなアイデアしか出てこなくなりがち。クリエイティブな思考を保つためには、生活の中で常に気をつけておかなければいけないことがいくつもあります。 そんな日常を「クリエイティブに過ごすための29の方法」を、洗練されたモーショングラフィックスで表現したムービーは以下から。モーショングラフィックス活用＆制作のためのアーカイブ by TO-FU 下のムービーが、モーショングラフィックスで表現された「クリエイティブに過ごすための29の方法」です。 29 WAYS TO STAY CREATIVE on Vimeo 1：リストを作る 2：ノートをどこにでも持ち歩く 3：アイデアを自由に書き出してみる 4：コンピューターをさけなさい 5：自分を傷つけるのをやめる 6：休息を取る

前回の更新日が見たくない程に時が流れている今日この頃・・・。 ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。 こんだけ更新が滞ってても、Twitterとかで時々ブログ読んでますって言ってもらえたり、最近なら「今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。」で、【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 を紹介してもらったりしてうれしい半面、更新して無いなーと、何とも言えない気持ちになったり。 なので、これからはちょろっとでもネタが有れば更新していきたいなーと。 何をモチベーションに更新するかはまだ見つかってないけど＞＜ さて、そんな訳で、今回はスマートフォン向けの新規でサイトを作るのに使えそうな感じの一式です。 【スマートフォン向け】新規でサイトを

アカウントは持っていたが、イマイチよくわかんないってことで放置していたFacebook。 しかし最近当ブログにはFacebook経由で来ていただく方が最も多くなっている。 正直これは知らないでは済まされないな、と思った。 しかもブログを書く人であればFacebookページを作成することはメリットしかないという声も聞こえてくる。 ってことでFacebookページを作ってみました。 ただね、いざFacebookページを作ろうと思ってもどうやっていいのかさっぱりわからない。 作る前はそもそも何がわからないのかもわからないので懸念していることを書き出してみた。 それが以下。 疑問点 〜時系列的に浮かんできた疑問点を載せてみる〜 そもそもFacebookページって何？どうやって作るの？ Facebookページと個人用ページの違いは？ 「いいね」と「シェア」の違いって？ ブログの更新をFacebook

My iPhone 11 is perfectly fine, but the new buttons on the iPhone 16 are compelling

ちょっと久々のJavaネタですが、 前から書き溜めていた、文字コードやエンコードについてのノウハウを書きます。 今回は、詳細な説明に入る前に、前提になる知識や用語について説明しておきます。 文字コードとエンコードって違うの？ 新人くん「では、HTMLの文字コードはUTF-8でお願いします」 先輩社員「文字コードじゃなくてエンコーディングでしょ？」 新人くん「えっ。あぁ、はい、それで」 文字コードとエンコード（エンコーディング）を混同して使ったりすると、 ちょっと原理主義的な人に怒られたりするんですけど、 大まかに言えば、「文字コード」は文字に割り当てられた「数字」のことで、 「エンコード」は文字と数字をマッピングする「方式」のことだと捉えていれば、大きくは外れません。 ただ、「文字コード」という言葉は、「数字」「方式」の両方で使われるほか、 文字一覧を示す「Charset」という意味で使わ

毎年恒例の診断前準備として開発者向けに、「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。他に追加した方が良い情報源があった場合はご指摘いただけると助かります。 上から重要な順。★がとりあえず読んどけ、の必須。必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているもの。 徳丸本を必須に入れるか迷ったけど、あの厚さは、万人は読めないので、上位ランクだけど必須からははずした。 ★Webサイト構築 安全なウェブサイトの作り方 改訂第5版 http://www.ipa.go.jp/security/vuln/websecurity.html 携帯ウェブサイトの実装方法を追加 セキュリティ実装 チェックリスト（Excel形式、33KB） 安全なSQLの呼び出し方（全40ページ、714KB） ★発注仕様 発注者のためのWebシステム／Webアプ