ＩＴキヲスク

最近ではHTML5 + CSS3の話題も良く見かけますが、実際はまだまだブラウザ間の差分が多いし、現状ではHTML4系 + CSS2でも十分。ただし、常に100％varidなHTMLを書かなきゃいけない訳では無いけど、100％varidなHTMLを「書けるけど書かないのか、ただ書けないのか」はかなり違うし、余りにアレなHTMLだとJavaScriptを使った時とかに挙動がおかしくなったりするので、「正しいHTML」は書けるようになっといて損は無いです。

んで、正しいHTMLを書くには、firefoxのアドオン「Html Validator」や、W3Cのチェックサービス「Markup Validation Service」を使って間違いを正すように心がけていけば、そんなに難しくも無いと思います。

CSSに関しても、各種ブラウザでしっかり確認しながら作業するようにして、問題が生じたら面倒くさがらずgoogle先生にお伺いを立てれば、きっと先人が答えを導き出してくれてるはず。

あとはもう「書き慣れ」に限ります！最初は自分用のホームページとかを題材にしたり、なんならフリーのテンプレートpsdファイルをHTML+CSSに書き換えてみたりして、いろんなコードを書いては構文チェックして、ってのが結果的には近道だったりします。

結局のところ、よく使うタグなんて限られてるし、よく使うレイアウトも限られてるし、よく遭遇するIEのCSSレンダリングバグも限られてるし。

それを身に染み込ませる最良の方法は、とにかく書くべし！書くべし！

Photoshop

第一線級の写真加工が出来るとか、超ハイクオリティーな合成画像が作れるとか、そういった飛び抜けた何かを持っている必要は無くて、むしろ大抵のコトがまんべんなく及第点で出来るって感じの方がwebサービスの作成には向いていると思います。

webサービスを作る際に必要となってくるデザインスキルとしては、ボタンやロゴをはじめとした各種デザインパーツの作成や、全体的なページレイアウトと配色設計、各コンテンツの枠線や背景デザインなどが主軸ですので、どちらかといえばIllustratorよりもPhotoshopの方が重要かなと。

自分の場合、Illustratorは文字の加工（例えばロゴとか）が必要な場合くらいでしか使わず、ほとんどPhotoshopかCSSでデザインしちゃいます。

もちろんwebサービスのジャンルや想定ターゲット次第では、Illustratorを駆使してデザインにかける労力を大幅に増やすべきケースもあるので一概に「Photoshopだけで良い！」とは言えませんが、一人でwebサービスを作る場合、デザインだけにリソースを割く訳にはいかないので、力を抜いても何とか格好が付くようなトコは敢えて深入りしないようにして、よりスピーディに完成形まで持って行くコトを心がけた方が良いと思います。

どこかで線引きしとかないと、「透明度を31％にするか33％にするか」「#fcfcfcにするか#fafafaにするか」みたいなトコを延々と行ったり来たりし始めちゃって、継続のモチベーションやリリースのタイミングを逸しちゃうので。

そーゆーのはちゃんと全部作りきった後だったり、運用を始めてからでも遅くないと言い聞かせて、前に進む勇気も大事。

jQuery(JavaScript)

非同期な画面遷移や動きのあるエフェクトなど、最近のwebサービスにおいてJavaScriptは「必須」といっても良いんじゃないでしょーか。

そして、webサービスでJavaScriptが必要となる場合、その大概のコトは「jQuery」で出来ます。

非同期な画面遷移なら .load() や .ajax() なんかで、動きのあるエフェクトなら各種プラグインを駆使するなど、使い方に関しては様々なチュートリアルや使用例がweb上のアチコチにありますので、調べてみて実際に手を動かして、使ってみるのが一番しっくり来ると思います。

PHP

絶対に PHP じゃなきゃダメってコトでは無いんですが、webサービスに限定するのであれば、サーバサイド言語は PHP か Perl か Ruby が良いと思います。

これらはどれもweb上での情報が豊富なので、どの言語を選ぶかはホントに人それぞれですが、もし初めてプログラミングを学ぶなら「近くに教えてくれる人がいる言語」を選ぶのが最良です！

そーゆーのに詳しい友人が少ないとか、そもそも友人が少ないってゆー私みたいな方は、使ってみたいCMSで使われてる言語だったり、良く読んでるブログで取り扱われている言語を選んでも良いかと。

んで、その言語の基本的な構文や関数の使い方などのお作法を学び終えたら、そっから先は作りたいWEBサービスに必要なモノをつまみ食いしていくのが良いのかな、と。

一つ気をつけなきゃいけないのは、おおよそ全てのwebサービスでは、何かしらの「ユーザーからの入力を受け付けるフォーム」が必要になってくると思うので、そこでのセキュリティ施策はしっかり身に付けておくこと。

悪意あるユーザーにイタズラされないように、「入力値をそのまま出力しない」「数値入力欄に文字を入力されるコト（またはその逆）を考慮する」「バリデートをJavaScriptだけに頼らない」などといった対処をしっかり施さないと、せっかく使ってくれる善良なユーザーにまで迷惑をかけてしまいます。

この辺は「PHP と Web アプリケーションのセキュリティについてのメモ」とか「ockeghem(徳丸浩)の日記」などを熟読して身に付けましょー。

MySQL

こちらも特に MySQL である必要はありませんが、十中八九 MySQL か PostgreSQL の２択になるかと。

んで、恐らくサーバサイド言語とほとんど同時進行で学んでいくコトになると思うので、サーバサイドプログラミングの永字八法とも言われる「BBS（掲示板）」を作ってみるのが激しくオススメ。

一般的な掲示板の機能を実現するためには「入力フォーム → 入力値のバリデート → データベースに保存 or 更新」「データベースから取得 → 整形 → 出力」「データベースからデータ削除」という、アプリケーションの基本形であるCRUD（Create[作成], Read[読み込み], Update[更新], Delete[削除]）は必須になるし、ページネーション機能や画像アップロード機能を搭載させたりしちゃえば、かなり総合的・実践的に学べます。

４つの知識

一人で作る以上、どれだけ有効にリソースを裂くかが要になってきます。

下記の知識は、これらを知っているコトで、より効果的な宣伝や効率的な作業を行うことが出来るというモノです。

各種ライセンス

画像やイラストはもちろん、スニペットやモジュールやプラグインやライブラリなど、世の中にはたくさんのフリー素材が溢れていますが、中には「著作者名の表記が絶対に必要」とか「商用利用はダメ」みたいな感じで、素材の使用条件を課したモノもあります。

そーゆーライセンス周りを把握して、自分のwebサービスがどのライセンスであれば問題なく使えるか、ちゃんと理解してから使用しないと、あとでアクシデントに繋がる可能性があります。

とはいえライセンス周り（特にGPLに関して）は複雑で、しかも法律が関係する専門的な分野なので、自己判断・自己責任をお願いしたいトコですが、いちおー以前「GPLやMITやCCなど主要ライセンスの内容と意味のまとめ」という記事を書いていますので、そちらをご参考にしていただければ。

ちなみに私の場合、「GPL系とCC系はハナっから使わない！」とゆー大雑把な方針です。

フリー素材の見つけ方

もし具現化する技術と潤沢な時間があるなら、自分のイメージどおりの画像を自力で作成していく方がいいのかもですが、使えるようならフリー素材を使った方が圧倒的に早くて効率的です。

とはいえ、どんなトコに行けば欲しいモノが見つかるかを知らないと、素材探し自体に時間がかかってしょーがない。

ここで大サービス！参考までに私の企業秘密、厳選秘蔵コレクションをば。

どはー、ちかれた☆

jQueryプラグインの見つけ方

こちらも前述の通り、使い回せそうなら使っちゃった方が早いし正確だったりします。

この手の話題を多く取り扱っているブログ、例えばcolissさんやphpspot開発日誌さん、かちびと.netさん、海外でもDevSnippetsやtripwire magazine、DesignFloatなどの記事をRSS購読しといて、気になるプラグインが紹介されてたら、すかさずブックマーク！自分なりのカテゴリに分けて保管しとけば、いざって時にそれを見返して使えます。

ちなみに私のjQueryブックマークフォルダには、総計17カテゴリー270記事が火を噴いておりますｗ

使えそうなwebサービス

最近ではクチコミ用にtwitterやfacebookといった外部webサービスに即時投稿できるような施策はほぼ必須ですが、その他にも、公開前にプレスリリースを送ったりするならValuePress!なんかを使ってみるのもいいし、サイトデザインに自信があるなら各種ウェブデザインギャラリー系のサイトに投稿してみるのも一興。

無事サービスを公開したらツクログに投稿したり、キャンペーンページやランディングページの用意があるならランディングページ集めました。などに登録申請を出してみたり。

そーゆーのを上手に利用させてもらうことで、認知度の向上や外部リンクの獲得といった嬉しい効果が期待できます。

もし良いバナーが出来たら、バナーデザインギャラリーにも、ぜひｗ

こうやって箇条書きにすると覚えるコトが多すぎるような気がしちゃいますが、基本「広く浅く」でいいんです！

実際、私が一番最初に公開したwebサービス「RSSまとめ＆タブ化ジェネレーター」では、データベースの知識やイラレの技術は全く必要なかったし、PHPに関しても基本構文の他には htmlspecialchars 関数と explode/implode 関数くらいしか使ってません。

もちろん今ならもっとスマート且つエレガント且つスピーディに、当時以上のクオリティで作ることが出来ますが、大事なのは「それでもwebサービスは作れた」という事実。

作っていくうちに必ず不明点や壁にぶち当たりますし、それを乗り越えていく過程で半自動的に、新たな知識を得るコトが出来ます。

まずは動かなきゃ始まらない！

2011年12/25～2012年1/7の週間ブックマーク

smkn — Sat, 07 Jan 2012 22:36:53 +0000

この記事の所要時間：約 9分14秒

CSS Tips

CSS3のみでフルスクリーンの背景画像を実装する方法まとめ3つ – W3Q

jQuery Tips

jQueryのanimateで自由にアニメーションできるようになろう | webOpixel

jQuery プラグイン

pointer.js – クリックに楽しみを – nejimaki-box

[JS]ページ上のコンテンツを指定エリア内でレイアウト変更可能にするスクリプト | コリス

PHP Tips

PHP の error_log() がメール送信できて便利 | ウェブル

WordPress Tips

ゴーゴーウェブマーケット技術ＢＬＯＧ | WordPressの外部からポストできる関数wp_insert_post（）

WordPress プラグイン

カスタム投稿タイプのパーマリンクをカスタム設定できるWordPressプラグイン・Custom Post Type Permalinks – かちびと. net

Photoshop Tips

結構簡単！Photoshopの背景消しゴムツールで髪の毛を切抜く方法 | WebDesign Memo

昨年のまとめ・本年の抱負

ブログでメシが食えるか、Publickeyの2011年－ Publickey

Doubles World | 2011年を振り返る

2012年に向けて – jkondo's blog

2011年・個人的に参考になったWeb制作向けの国内記事リスト – かちびと. net

2011年国産コンテンツファームまとめ、各社の次期戦略は？【徳永達磨】 : TechWave

2011年ビジコン等でバイラルを起こしたWEBサービス(国内外問わず)100選 – NAVER まとめ

2011年ヒットアプリを生み出した5つのキーポイント | サンフランシスコのWebコンサルティング会社 -ビートラックス- スタッフブログ

各種まとめエントリー情報

社内向けWebサービス開発のススメ – kotas.tech

Windows7 搭載マシンを買ってきてやったことまとめ – IT戦記

WEB屋の“メンドクサイ”は多事多難！今年遭遇したメンドクサイの数々、そして対処法色々！ | バンクーバーのWEB屋

Twitterとブログを連動させる方法いろいろ – ただてとてとと歩きだす

ビジネス関連情報

業績不振による方向転換から驚愕のハイスピード急成長！『Fab.com』の2011年がすごい | IDEA*IDEA

リーンスタートアップ方法論は早くも時代遅れ, 製品は最初から完成度が高くないとだめ

ベータテスターを自分で集めるのが難しいスタートアップにそれを代行するサービスBetaBait

次にブレイクする13サービス企業–VC、インキュベーターが選出 – CNET Japan

マーケティング関連情報

ヴァイラル–その８つの戦術

アイディア発想法

ビジネスアイディア-起業家情報の館-

アイデアを大量生産できる最強のフレームワーク「オズボーンのチェックリスト」 | お土産屋さんブログ

＜小説ランキング＞小説のおすすめ by 小説家志望 -おすすめの小説をあらすじ、感想と共に紹介-: 優れた起業アイデアの共通点

フリー素材情報

Freebie: Free Vector Web Icons (91 Icons) – Smashing Magazine

デザインギャラリー

65+ Awesome Fullscreen WordPress Theme Collection – January 2012 update – tripwire magazine

Top 50 Free Premium WordPress Themes 2011

Photoshop VIP ☞ 【保存版】デザイン、機能性を重視したWordPress用プレミアムテーマ50個まとめ

40 Examples of Music Logo Design – DesignModo

25 Beautiful Ecommerce Websites | Vandelay Design Blog

20 Beautiful Examples of Church Website Design – DesignModo

気になったウェブサービス

Ampps Applications

whotwi – グラフィカルTwitter分析

気になったデスクトップアプリケーション

Dropbox にファイルを置くと自動で色々な処理を実行してくれる Dropbox Automator | WWW WATCH

窓の杜 – 【REVIEW】WindowsのデスクトップをAndroid風に操作できるようにする「Blacksmith」

気になったサイト

こつこつスタートアップ企業まとめ

nejimaki-box

jQuery Clip – jQueryのプラグインをまとめました。

ネタ的ななにか

【ゲーム】ダビスタ96始めたんだがｗｗｗｗｗｗ : えっ!?またここのサイト?

新年初の投稿は週間ブックマークから。今年からは箇条書きスタイルでいこうかと思います。

本年も何卒よろしくお願いしますですっ！

summary of 2011

smkn — Thu, 29 Dec 2011 20:38:37 +0000

この記事の所要時間：約 12分6秒

「卯の尾から辰の角向け願掛けて」。

思い返すまでも無く、いろんなコトがあった2011年もあと数日ですので、年末恒例、今年１年を棚卸し♪

「今年の成果」「今年のお蔵入り」「今年の雑感」「来年の抱負」の豪華４本立てでお送り致します。

うんがくっく。

今年の成果

まずは2011年に制作・公開した個人的プロダクトを一挙まとめてみました。

バナーデザインギャラリー

３月初頭に公開した「デザイン性に優れたバナーを集めたギャラリーサイト」です。

年末辺りから仕事の合間を縫って制作を進めてたんですが、その甲斐もあってオープン直後から上々の評価を頂くコトができました。

後日かちびと.netさんにご紹介頂いた時は、めちゃめちゃ嬉しかったなー♪

公開からしばらくして、同種のバナーギャラリーサイトが続々と現れてびっくりすると共に、「やっぱ需要はあったんだなー」とか「こーゆーUIにした方が良かったかなー」とか「どーやってこんなにバナー集めてんだろか」とか、様々な思いに駆られたり。

制作動機の「アフィバナーの羅列じゃない、バナー専門の使いやすいギャラリーサイトが欲しいっ！」って欲求は、それこそ同種サイトが生まれたコトで想定以上に満たされたので、今後はのんびりと余生を過ごさせようかなと思ってますｗ

東北地方太平洋沖地震募金呼びかけ用バナー

震災直後、何か出来るコトはないかと考え、14日に著作権を全て放棄した上で公開・配布したバナー画像とpsdファイル群です。

まだ現在の「東日本大震災」という名称が確立する以前の段階、日本赤十字の公式受付すら始まる前でしたので、赤十字マークの使用（後に修正しました）や配布ファイルの度重なる差し替えなど諸々と不手際もありましたが、とても多くの方から暖かい言葉を頂きました。

kiki verb

一身上の都合により、3月15日をもって当時勤めていた会社を退職しました。

退職自体は１月末には決まっていて、諸々の事情で求職活動は４～５月くらいから本格的に、、、と思っていた矢先に、件の震災。

とりあえず今は求職どころじゃない。とはいえ世間が冷静さを取り戻すまで、何もしないってワケにもいかない。

いろいろと考えた結果、フリーランスになるという選択をして、余震や計画停電の最中に「kiki verb」のホームページを立ち上げたのが4月15日。

先日がっつりとリニューアルしたので、現在は二代目デザインとなっちょります。

WP A8 Manager

当ブログにも貼り付けているA8.netのバナー広告ですが、掲載期限が切れた後に代用されるA8.net自体のバナーが大変カッコワルイのです。

結構前からそれらの管理には手を焼いていたので、思い切って勉強がてらに作ってみたプラグインです。

このプラグイン独自のデータベースを生成する構造なので、いろんな応用が効きそうな知識も得られたし、何より管理が超ラクになりました☆

vibe U

旧知の友人と雑談している際に降って湧いたアイディアを元に、約１ヶ月で作った「中級者以上にターゲットを絞ったバンドメンバー募集サイト」です。

このサービスのPRの一環として、初めて「ランディングページ」なるものを作ってみたのですが、なんとソレが「ランディングページ集めました。」様に掲載される快挙！

しかしながらサービス自体は驚異的に鳴かず飛ばずｗｗｗ

競合が多い上、代表的サイトがポジションをしっかり確立してしまっているゾーンでの勝負は、相当に難しいモノですねー。

そこまで予算や時間を突っ込む余裕も理由も見当たらないので、恐らく次のドメイン更新までのサービスになるかと思います。。。

フリーランサーズパーク

フリーランスになって約半年、ふと振り返ってみれば思いっきり出不精になり、チカラもナイ・お金もナイ・仕事もナイ・友達もイナイ・ナイナイばっかでキリがナイ、現状はそんなで～♪という思いを断ち切るために作ったｗ、ご近所のフリーランサーを見つけるwebサービスです。

メンバー登録の際に記入された郵便番号をもとにして、Google Maps APIを使って地図上にユーザー情報を掲載するというシンプルなUIで、まだなんぼか改善の余地がありそうなんだけど、どこをどうしたらユーザーエクスペリエンスを向上させられるか、良い案が思い付かないまま手付かずになっちゃってます。

なんか良いアイディアをお持ちの方、是非ご教示を！

今年のお蔵入り

次に、なんやかんやとボツにしてしまった、愛すべきネタ達を。

Feedy

いつの頃だったか、web制作系ブログ界隈で「お気に入りのブログのRSSリーダー」みたいなコンテンツを自分のブログ内に設置する風潮を感じたので、エバンジェぶって作り始めたネタです。

「初期ファイルはたった１つだけで、それが必要なファイルやデータを生成する」という、いわばビッグバン的な仕組みを導入しようとした結果、すげーめんどくさかったのと、何より「そもそも『RSSリーダーを配置する』って風潮自体、とんだ勘違いだった」という理由により、晴れてボツに。

SRSS -Social RSS-

アイディア自体は結構前から持ってて、要は「このRSS Feedを購読してる人は、他にこんなのも読んでるよ！」ってゆーレコメンド機能と、ちょっとしたSNS機能を持ったRSS管理サービスなんですが。

ちょうど当時「ドリコムRSS」ってサービスが終了するって話を聞き、んじゃーこのタイミングで作って、あわよくばドリコムのユーザーを頂戴しちゃいますかグヘヘ、と意気込んではみたものの、以前から抱えていたアイディア達をどうしても忘れるコトが出来ず、どんどんと欲しい機能が膨れていって、結果的にタイミングを逃す → 晴れてボツに。

myLab

「自分のアイディアを公開して、それに対する意見や批評やマジレスが欲しい！」と思って膨らませたネタ。

が、イマイチ活発なやりとりが交わされる様子が想像できないまま、前述の「vibe U」のアイディアが降って湧いたので、vibe U ＞ myLab ＝晴れてボツに。

今年の雑感

届け、この熱い想いッッ！！！

「泡沫の淡き夢路は夏花火弾け光りてゆるゆると消え」

談：三田灯（家政婦・♀）

「退職して、フリーランスでやってみようと決めてから、屋号を決め、ホームページを作り、名刺やハンコを作りました。」

「そして、フリーランスや独立に関するいろいろなブログ記事を見て回りました。」

「ブログ記事を読むうちに、夢は広がっていきました。自分にも出来る、やれば出来ると思いました。」

「そしてしばらくして、知人の繋がりから初めての仕事を受注しました。とてもやりがいのある案件でしたが、全ての知識と経験を注ぎ込んで制作しました。」

「それから数週間後、同じお客様から別案件を承りました。再びご依頼頂けた事を嬉しく思い、一生懸命に制作しました。」

「こんな感じで仕事をして、少しずつ依頼が増え、収入が増えていくのだろうと、初夏の日差しを浴びながら、その時思いました。」

「夏も暮れる頃、仕事はありませんでした。」

「仕事が無い間に、webサービスを作ったり既存サイトにテコ入れをしたりして、広告収入や受注機会の向上を図りました。」

「秋も暮れる頃、仕事はありませんでした。」

「仕事が無い間に、泥臭い売り込みやコンペ系サービスにも挑みました。営業力やコネクションの重要性に圧倒されました。」

「冬に差し掛かり、ほんの少しずつ状況は変わってきましたが、モノを作るよりモノを売る方が重心が変わっていく自分に違和感を覚え始めました。」

「冬も深まる今、いくつの草鞋を履くべきか、どんな草鞋を履くべきか。」

「それは、誰かに決めてもらうことではありません。」

「それは、私が決めることです。」

※この物語は（限りなくノンフィクションに近い）フィクションです。

設備投資による環境改善 → 作業効率が小幅上昇。

上の物語の後じゃ一抹の侘しさも禁じ得ませんがｗ、とりあえずそれまでの座椅子式 → しっかりしたテーブル＆椅子に変えたところ、かなり腰の負担が軽減されました。

さらにエアコン・空気清浄機・加湿器といった文明の利器を導入し、仕事場となる自室内の環境を改善。

さらにさらに、余ってたモニターを活用するためグラフィックボードを購入して、デュアルディスプレイ化にも成功。

ホントはかなり効率が上がる予定だったのですが、残念な副作用というか、モニターをデュアル化したところPCへの負担が予想以上に増したようで、とても挙動が不安定に。

というコトで、実際には差し引きちょいプラスの「小幅な」上昇に留まっております。

「一人である」というメリットとデメリットをひしひしと実感。

例えばwebサービスの制作ひとつとっても、企画から運営まで全部一人で担うので、あちこちの要望を取り入れちゃって当初の意図から外れる、といったコトが無い代わりに、基本誰ともディスカッションする場がありません。

例えば受託案件ひとつとっても、自分のタイミングで好きな作業から進められるような自由度がありますが、その成果物を同僚達と詰めたり揉んだりできません。

楽しさや喜びや収入を独り占めできますが、苦しみや不安や経費を背負うのも自分ひとりです。

また、制作に関するスキル以外にも必要になってくる様々なモノ、それこそ営業力やコネクションといったところから、経理財務的な知識、自己ブランディング、時間管理能力、メンタルコンディショニングなど、本当に多岐に渡って身につまされます。

「作るひと」と「売るひと」に必要なスキルは、同じようで全然違います。今まで「売るひと」の側に立った経験が少ないと、ひょんなトコから状況や気持ちがほころんでくる場合も。

来年の抱負

ぼくのかんがえたさいきょうのみらいよそうず。

自己ブランディングの確立！

当ブログの投稿内容からして、統一感が無いというか、雑多というか、デザイナーなのかプログラマーなのか、はたまたライフハックなんか、いまいちフワフワしてますからねー。

自分自身、何かひとつに絞るのではなく、なるべく広い見識と技術が欲しいと思っているので、ブログを「自分の得たモノを残すログ」とするならばソレ自体は間違ってないのかもですが、自分を売り込むという観点からしてみると、少し分が悪いなーという感じはします。

やっぱり「○○のコトならアイツに聞け！」ってくらいの、認知度を伴う専門性みたいのがあると強いなーと。もしくは文章の合間からキャラクターが垣間見られるような感じが持てるといいなーと。

というコトで来年は「smkn ＝ ○○」みたいなモノを意識して動いていきたいなと思います☆

オフラインとの繋がりや接点を持つような、UXに富むwebサービスを作る！

コレは多分に個人的見解なのですが、今後webサービスは今以上に「現実との連携」を機軸に発展していくんじゃなかろーかと考えています。

そんな中でも特に気になってるアイディアが下記３点。もし興味を惹かれたり、同じようなアイディア考えてた！とか、一緒にワイワイ言い合いながら作ってみたい♪とか、そんなんありましたら@smkn (on twitter)までご一報ください☆

ファッションセンスや、文章の雰囲気や、作るネタの方向性や、そーゆー「個人(や、その才覚)」にチェックインするようなサービス。

コレが今んとこ一番興味と期待を寄せてるんですが、対象となる人物だったり、その人物の生み出すモノだったりに対して、金銭や支援、はたまた単純な「いいね！」のようなカタチか、具体案はまだありませんが、要は「存在自体をコンテンツ化する」みたいな。

もしくは少し目線を変えて、「自分はそういうコンテンツに興味がある人間です」って自己表現できるようなサービスってのも面白そう。

例えるなら、よく読んでるブログのサブページに「よく読んでるブログ」みたいのがあったりして、ソレを見て「へぇー、この人こんなブログも読んでるんだー、意外と趣味合うなー。」みたいな感覚。

はたまたmixiで知り合いのページに行って、ソイツが入ってるコミュニティを見て人間性を知るような、そんな感覚。

そーゆーエクスペリエンスを与えられるようなサービスを作りたいと画策中でございます☆

使うことで間接的・結果的に、環境問題や社会問題に対してポジティブなアクションとなるようなサービス。

今年話題になったPIRIKA（ピリカ）なんかは、基本的には写真共有サービスですが、「拾ったゴミの写真をアップする」というコンセプトによって、ユーザーが投稿する＝サービスを楽しむコトが結果として環境問題へのポジティブなアクションになっています。

ゲーミフィケーションとも似たアプローチで、極論すれば「面白きこともなき世を面白く」ですね。

自分の作ったwebサービスが、環境や社会に対してほんの少しでも良い影響を与えることが出来る、これってホント素敵やん！

物品のみならず、知識や経験なども含めた、物々交換系サービス。

例えば私の場合、PhotoshopやHTML/CSS、PHPといったweb制作系の知識がありますが、その他にもドラム・和太鼓のスキルや、それなりに結果が出るバンド活動法みたいな知識を持っています。

逆に、一歩進んだJavaScriptの知識とか、英語力とか、ラクに痩せる方法とかｗ、そーゆーのを得られたらいいなと思っています。

その辺を上手くマッチングして、「オレはコレを教えるから、代わりにソレを教えてくださいっ！」みたいな、いわば「知識の物々交換」の仕組みが作れたら、対価が金銭じゃないあたり面白そうだなーと。

スキルアップ！ステップアップ！

なんにせよ技術や知識の向上は常ですが、現状維持は即ち後退、常なればこそ忘れる事無く邁進したいと思います。

個人的にも世間的にも、激動の１年だったと思います。

月並みですが、そんな中で得られたモノをしっかりと活かしていくことが大事なのでしょう。

「未来は僕らの手の中」。

来年もよろしくお願い致しますっ！

2011年12/18～12/24の週間ブックマーク

smkn — Sun, 25 Dec 2011 04:03:56 +0000

この記事の所要時間：約 5分43秒

MySQL Tips
MySQLを高速化したいときのチューニング方法
WordPress Tips
WordPress をとにかく速くする (WordPress Advent Calendar 2011 20日目) : dogmap.jp
WordPress使ってても巨人の肩に乗れ | 高橋文樹.com
IT関連ニュース
Webアプリをマネタイズする「Google In-App Payments」が国内でもスタート。手数料わずか5％－ Publickey
個人間で知識やスキルを売買できるサービス「Abilie」2月から – CNET Japan
各種まとめエントリー情報
2011年位置情報サービス総まとめ、チェックインの次の新潮流は？【鈴木まなみ】 : TechWave
モバイルアプリのローンチを成功させるための15のヒント | Startup Dating [スタートアップ・デイティング]
個人の力と想いが社会とつながり新しいアクションを生む、６つのクラウドソーシングサービス | 汗と涙のソーシャルコマース全開ブログ
どうなる？ソーシャル＆サービス☆2012年トレンド予測 – NAVER まとめ
ソーシャル関連情報
よし！ソーシャルボタンとかつけるぞ！というとき便利なサイトまとめ – NAVER まとめ
ビジネス関連情報
Getting Real by 37signals
フリー素材情報
Exclusive Freebie: 50 Crisp Web UI Icons | Webdesigntuts+
デザイン関連情報
メガ・サービスがスタートした日のデザイン: Google、YouTube、Facebook、Twitterなど
デザインギャラリー
35 Best White Web Designs
30 Top Inspirational Websites For Designers – SloDive
25 Outstanding Minimalist Website Designs | Vandelay Design Blog
25 Most Attractive CSS Web Designs
20+ Examples of Perfect Landing Page Design – DesignModo
2011年、UXに感動したサービス7選 | ソーシャルウェブが拓く未来
気になったウェブサービス
Webサービスの埋め込み用HTMLを手軽に取得するためのWebAPI『QuoteIt』を作りました – みずぴー日記
気になったサイト
汗と涙のソーシャルコマース全開ブログ
ネタ的ななにか
画像を一切使わずCSSで描かれた「けいおん！」の澪がマジですごい！ – 裏技shop DD

MySQL Tips

MySQLを高速化したいときのチューニング方法

まず手始めにはココいじれ！みたいな記事です。

WordPress Tips

WordPress をとにかく速くする (WordPress Advent Calendar 2011 20日目) : dogmap.jp

高速化に関する様々なTipsがまとめられてます。

WordPress使ってても巨人の肩に乗れ | 高橋文樹.com

WordPressにTwitterやFacebookでログインできるようにするプラグイン。

外部投稿を受け付けるようなサービスを作る際など、活躍しそう。

IT関連ニュース

Webアプリをマネタイズする「Google In-App Payments」が国内でもスタート。手数料わずか5％－ Publickey

コレは今後に期待大っ！

個人間で知識やスキルを売買できるサービス「Abilie」2月から – CNET Japan

来年はこーゆーテイストのサービスが出回ると予想してます。

ソーシャル関連情報

よし！ソーシャルボタンとかつけるぞ！というとき便利なサイトまとめ – NAVER まとめ

ビジネス関連情報

Getting Real by 37signals

めちゃめちゃ勉強になる、ビジネス全体からデザイン・プログラミングに至るまでの心構えと具体的な施策法。

最近良く聞く「リーン・スタートアップ」にかなり似てる、というかコレが基なのかな？

フリー素材情報

Exclusive Freebie: 50 Crisp Web UI Icons | Webdesigntuts+

ピクトグラムなアイコン。

デザイン関連情報

メガ・サービスがスタートした日のデザイン: Google、YouTube、Facebook、Twitterなど

やる気が出ますｗｗｗ

気になったウェブサービス

Webサービスの埋め込み用HTMLを手軽に取得するためのWebAPI『QuoteIt』を作りました – みずぴー日記

もっと対応サービスが増えてったら、かなり便利そうです。

気になったサイト

汗と涙のソーシャルコマース全開ブログ

ネタ的ななにか

画像を一切使わずCSSで描かれた「けいおん！」の澪がマジですごい！ – 裏技shop DD

ちょｗｗｗスキル無駄使いｗｗｗｗｗ

遂に年末も極まってきましたっ！

メリクリー！

ＩＴキヲスク

文字化け解読ツール「もじばけらった」公開しますっ☆

文字化け解読ツール「もじばけらった」

「もじばけらった」とは

「もじばけらった」の使い方

機能の実装などについて

使用に関する諸注意

オリジナルの自作画像でGoogle+1ボタンを実装する方法

オリジナルの自作画像で各SNSのシェア系ボタンを実装する方法

Google+の場合

twitterの場合

facebookの場合

はてなブックマークの場合

2012年1/29～2/4の週間ブックマーク

HTML5 Tips

jQuery プラグイン

PHP ライブラリ

各種まとめエントリー情報

スタートアップ関連情報

ゲーミフィケーション関連情報

デザインギャラリー

気になったツール

気になったサイト

ネタ的ななにか

2012年1/22～1/28の週間ブックマーク

WordPress Tips

Thunderbird Tips

IT関連ニュース

各種まとめエントリー情報

フリー素材情報

デザインギャラリー

気になったウェブサービス

ネタ的ななにか

2012年1/15～1/21の週間ブックマーク

HTML Tips

jQuery プラグイン

WordPress Tips

各種まとめエントリー情報

ビジネス関連情報

ゲーミフィケーション関連情報

フリー素材情報

デザインギャラリー

気になったサイト

ネタ的ななにか

2012年1/8～1/14の週間ブックマーク

jQuery プラグイン

各種まとめエントリー情報

ソーシャル関連情報

ビジネス関連情報

デザインギャラリー

気になったウェブサービス

ネタ的ななにか

たった一人でwebサービスを作るための、６つの技術と４つの知識

webサービスを作るための技術と知識

６つの技術

HTML / CSS

Photoshop

jQuery(JavaScript)

PHP

MySQL

４つの知識

各種ライセンス

フリー素材の見つけ方

logo design

web design gallery

web design inspiration

web parts design

free pictures

free model pictures

free icons

jQueryプラグインの見つけ方

使えそうなwebサービス

2011年12/25～2012年1/7の週間ブックマーク

CSS Tips

jQuery Tips

jQuery プラグイン

PHP Tips

WordPress Tips

WordPress プラグイン

Photoshop Tips