OGPの事例について〜coobooの場合〜 - VTuberになったプログラマーの魂の残滓
こんにちは！こんにちは！ さて、ものすごいブクマ数を稼いでいるid:amachangのこの記事ですが、非常に分かりやすいですね。 せっかくなのでcoobooにおけるOGPの事例というのを簡単に紹介してみたいと思います。 作品詳細ページにOGPと「いいね！」ボタンを設置 例として下記のページを見てみましょう サイトウサンTシャツ（積分） 女性Mサイズ | 洋服（洋装） | かえる このページのソースコードを見ると下記のようになっています <meta property="og:site_name" content="cooboo [こーぼー] :: 手作りの作品を披露する・売る・買う ハンドメイドコミュニティ" /> <meta property="og:title" content="サイトウサンTシャツ（積分） 女性Mサイズ | ファッション・アクセサリー > 洋服（洋装） :: c
mixiはやっぱり素晴らしかった - VTuberになったプログラマーの魂の残滓
さて、昨今のフェイスブックブームの中でふと思ったのが最近mixiをあまり触っていないということだった。 自分の中の用途としてツイッターの登場によってmixiにおけるコミュニケーションが希薄になっていたのだけれど久しぶりにmixiをちゃんと使ってみるといろいろな機能が実装されている。 フェイスブックやツイッターユーザにもわかるように機能について書いてみる。 mixiチェック いいね！のようにチェックしたものがmixiチェックに表示される。外部サイトにもmixiチェックを気軽に設置できる mixiボイス Twitterのように今何してる？を投稿できる mixiアプリ mixi内でソーシャルゲームなどのアプリケーションを楽しむことができる mixi同級生 卒業した学校を登録することでmixiに登録している同級生を探すことができる これらのようにmixiにはつながりを広げるための機能がたくさん用意
フェイスブックでオフ会を開催して感じていること - VTuberになったプログラマーの魂の残滓
Facebook焼肉会を開催してきた 最近ちまたで話題のフェイスブック上でオフ会を開催してきた きっかけはamachangが焼肉食べたい！といったひとことなんだけど、これがすごくいいきっかけになって自分も久しぶりにいろんな人と話ができたし、フェイスブックで人を集めたということもあってフェイスブックについていろいろな話をすることができた。 フェイスブックはコミュニケーションを加速させる フェイスブックをやっていて必ず出てくるのが「速い」ということ。 これは単純に動作が速いというだけでなく、よりリアルタイムにやりとりが行われていると感じやすい作りになっている。 フェイスブック上のイベント機能 これもなかなかよくできている。 いわゆるATNDとかTweetviteのようなものなのだけれどもイベントの参加や掲示板への書き込みが上記のように友達のイベント参加状況がほぼリアルタイムで通知される。 id
YAPC::Asia 2009 前夜祭 - VTuberになったプログラマーの魂の残滓
id:amachangがHTML5の発表をするというのできてみた。 以下メモ書き みんなHTML5やろうよ！ アジェンダ 自己紹介 HTML5 もう1つの木構造 仕様を読もう HTML5 新しいHTMLの仕様 HTML5の概要 独自仕様の再定義 新しい要素、属性、意味の定義 APIの定義 独自仕様の再定義 document.write apple の canvas contentEditable などなど 新しい要素、属性 nav, aside, article, section canvas date keygen... API html4.0.1 -> ドキュメントの仕様 html5 -> ドキュメント＋API=アプリケーションの仕様 みたいな？ APIありきな要素、属性 canvas Microdata contentEditable DEMO contentEditor使ってYah
モダンJavaScriptとは何か - VTuberになったプログラマーの魂の残滓
JavaScriptは悪くない - 0xFF この辺の記事を読みながら改めてモダンJavaScriptについて再考する時期なのかなー、と思い考えてみました。 考えられる要素 Ajax XMLHttpRequest クロスブラウザ DOM Event パフォーマンスチューニング 高速化 ファイルサイズ テスト Firebug IE オブジェクト指向 プロトタイプベース ユーザビリティ JavaScriptオフ HTML+CSS+JavaScript 今風の書き方 オブジェクト 関数 スコープ クロージャ 定番ライブラリ jQuery prototype.js Yahoo UI Library Ext.JS とりあえずは 上記のカテゴリの中で細かい部分についてはエントリにおこしてみたいなー、と考えてます。 突っ込み大歓迎！っていうスタンスで改めてノウハウの蓄積ができたらいいなー、と。 Java
はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓
JavaScriptの部分は というわけでid:amachangに任せましょう。 というわけでそれ以外の部分でいったいどこが重いのか 何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。 ちなみに上記ソフトのダウンロードにはIBMアカウント（無料）が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果 こんな感じのグラフが出てきます。 では、詳細を見てみましょう。 このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。 内訳としては 濃い
えがちゃんのいいところ悪いところ - VTuberになったプログラマーの魂の残滓
少しでも成長が見えるまではブログで言及しまいと思ったんだけど、amachangも言及するまでになったので。 とりあえず夜も遅いので箇条書きで。 いいところ 常に高いところでモチベーションを保ち続けサービスをリリースし続けるところ リリースの間隔が早い（サービスのアイデアを考えるスピードが早い） 使って貰いたいというリリースに対する姿勢 たとえその動機が売名や広告収入であろうとも使って貰えるためのサービスを考えようとしている 悪いところ 一度指摘されたことを次回にまったくいかせていない（XSSの指摘など） 指摘されたその場では対応しているが、次のサービスに全く反映されていない XSSの危険性について正しく理解していないがゆえの怠慢 30歳以下の女性のみのプロフィールをぶっこぬいて羅列しただけのページに「ストーカー」という一文を添えたことについての正式な謝罪をしていない（いつの間にか「ストーカ
Roppongi.JS第1回の日程 - VTuberになったプログラマーの魂の残滓
とりあえず日程だけ 2月23日（土）にします！ 詳しい実施方法なんかは考え中です。 他のイベント（？）と区別をつけるためにjQueryのコードリーディングなんてどうでしょうか？ JavaScriptのコアな部分に詳しい人が1名ぐらい参加してくれると心強いなぁ。id:amachangとか（オンラインイベントを構想してるから休日だと厳しいかなぁｗ） 追記： よく考えたら1000speakersと被ってるから一週間先伸ばしにするかもー。 どうもすみません。
UNIXに触り初めて一応7年・・・だけど・・・。 - VTuberになったプログラマーの魂の残滓
amachangのエントリを読んで 僕が初めて cd コマンドや ls コマンド (もっとも簡単なコマンド) を打ったのが 2005 年。そして、 JavaScript を始めたのも 2005 年末。 http://d.hatena.ne.jp/amachang/20071106/1194316804 ってところで改めてamachangの学習能力の高さというかどん欲さってすごいなぁ、と感じた。 ちょっと自分について 自分はどうだったんだろう？と学生時代から振り返ってみます。 学生時代 僕は2000年に某高専に入学し、1年の時からUNIX上でのC言語プログラミングを学んできました。 高専に入ってからは成績も悪く、プログラミングに興味も持てない生活が5年続いてなんとか卒業できたレベルで、某大手ベンチャーに就職しました。 就職 そして就職してからはとても厳しい日が続きました。 5年間プログラミン
onerrorでエラーを検出 - VTuberになったプログラマーの魂の残滓
@nitoyon IE 6 エラーになる？やべー、手元に Windows がないー。ちょっと別のマシン起動してきます。 http://twitter.com/amachang/statuses/191685642 ってのがあったのでonerrorを使ったエラーの検出方法について書いてみたいと思います。 いきなりソースコード var err = function(a,b,c){ var img = new Image(); img.src = 'http://example.com/error.gif?a=' + escape(a) + '&b=' + escape(b) + '&c=' + escape(c); return true; } window.onerror = err; 用意するもの 上のスクリプトをできるだけページの上部に設置 アクセスログを閲覧できる場所に1x1のerro
JavaScript勉強会でYahoo UI Libraryについてしゃべりました。 - VTuberになったプログラマーの魂の残滓
とりあえず資料を公開します。 資料 JavaScript ONでご覧ください。 最初のリンクをクリックするとプレゼンモードで閲覧できます。 プレゼンモードは若干大きい画面が必要になります。 基本喋りがメインなので資料だけではわかりづらい＆抜けがあるかと思いますが、ご了承ください。 まぁYUIを使うメリットって クロスブラウザ対応がメインだよね。 あとYUIって結構パフォーマンスいいよ。 みんなもっとYUI使えばいいのに！！ というわけで 参加されたみなさん（っていうか現在進行中だけど）お疲れ様でした＞＜ 勉強会全体のまとめはUKStudioがきっと書いてくれると思います＞＜ 最後に 会議室を貸してくださった上鍵さんをはじめとしたノッキングオンの皆様ありがとうございました！ 会議室を利用したいかたは「ノッキングオンの会議室使いたい!」までこんにちは！こんにちはしましょう！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーランスになりました - VTuberになったプログラマーの魂の残滓
Roppongi.JSの構想 - VTuberになったプログラマーの魂の残滓