アウトプットの品質を下げておくと気軽に書けるようになる - hitode909の日記
12月であるし、アドベントカレンダーが回っていたりして、よくできた興味深いブログの記事を目にすることが多い。 よくできた記事ばかり見ていると、自分もちゃんとしたものを出さなければ、となってしまうことがありそう。しかしちょっと待ってほしい。 ブログ記事、といっても、プロの編集の手が入ったお金のかかった記事、一人で頑張って書いた大作、チョロっと書いて出てきた日記まで様々なものがある。 100文字くらいで終わっているものもあれば10万文字くらい書かれているものもあるので、文量に1000倍の差がある。 映像の世界で1000倍の差を出そうとすると、2時間すなわち7000秒の映画と、スマホで撮った7秒の動画、くらいの差がある。 2時間で観れるすばらしい映画がなにかあるとして、 Amazon.co.jp: フォレスト・ガンプ／一期一会 (字幕版)を観る | Prime Video これの1000分の1の
一人でやってると個人開発と同じクオリティになる問題 - hitode909の日記
たまに、今のこの状況は組織パターンに載ってたこのパターンだ、と思い出すことがある。数年前に読んでまだ役立ってる本のうちのひとつ。 今は「常に誰かが進捗させる」というプラクティスをやっている。それ自体はいいのだけど、問題なのは、チーム内チームのエンジニア二人チームでやっているので、一人が進捗させる、もう一人が差し込み対応する、という最小の形になっていること。 奥さんが家でやってる生け花教室のホームページを作る夫、みたいなものをイメージすると、奥さんが生花を教えることで進捗させて、夫がホームページ更新など雑務を巻き取るという構造をイメージできる。百人以上の人間がいる会社であっても、夫婦の生け花教室と同じ数の人のアサインでことを進めているのだとしたら、推進力では同じくらいしか出せないはず。実際には百人いる会社には経理の人がいたり総務の人が居たり、資本が潤沢にあったら良いパソコンを使えるとか、いろ
はてなブログのAMP対応で学ぶウェブサービスのAMP対応 - hitode909の日記
プレゼンモード 再生 ← / →で移動 fでフルスクリーン escでおわる こんにちは，id:hitode909です．このあと14時から品川のマイクロソフト様のオフィスでおこなわれている，YAP(PはパチモンのP)Cで発表します． この記事では，発表資料を公開いたします．現地の方は今すぐCルームに来てください．そうでないかたは懇親会でお会いしましょう． はてなブログのトピックもあるようです． トピック「YAPC」 #yapc8ojic のツイート はてなブログのAMP対応で学ぶウェブサービスのAMP対応 2016/07/03 YAP(achimon)C::Asia Hachioji 2016 mid in Shinagawa hitode909 自己紹介 id:hitode909 @hitode909 京都から来ました はてなではてなブログを作っている 自己紹介 YAPC 2015でベスト
はてなブログ編集画面JSのページャ見どころ紹介 #pagernight - hitode909の日記
昨日，ページャNightという勉強会で，はてなブログのJSの見どころを紹介するLTをした．(昨日の日記)． 資料公開しようかと思ったのだけど，発表資料そのまま公開しても意味不明なので，エントリに書き直すことにした． たとえば，このLGTM画像は発表資料の1枚目で，もし発表資料をそのまま公開したら，こういう謎の画像を解説もないまま見ることになっていたはず． JSのページャいっぱいある はてなブログの編集画面には編集サイドバーというのがあって，写真とかAmazon検索とかTwitterとかinstagramとかあれこれ貼れるようになってる． Amazon検索しても画面遷移するわけじゃなくて，ウェブ2.0という感じで，XHRでJSONを取ってきて，HTMLを組み立てて表示，クリックすると選択，貼り付けを押すとエディタに挿入される，という仕組み． 編集サイドバーから貼れるサービスは10種類くらいあ
背景を止められない不自由なインターネット - hitode909の日記
きのうの日記、背景が動いて見てられないっていう感想が大半だった。これは悲しいことで、昔なら、さらっと背景を止めるUserScriptでも書いて、背景止めてから落ち着いて読めてた。 最近は、iPhoneのtwitterクライアント内蔵ブラウザなど、ユーザーが手を入れられないブラウザが増えている。PCのブラウザも手を入れにくくなっていて、Firefoxだと右クリックでGreasemonkey書けたりしていたのが、Google ChromeではUserScript書きにくい。 これは寂しいことで、インターネットは皆の物だから、自分のブログを好きな見た目にするのも、他人のブログを好きな見た目で読むのも、勝手にできていいはずだと思う。俺たちのインターネットを取り戻したい。 photo by dalbera 追記 嫌がらせで背景を動かしたり、背景止めないと読めないと思ってやってるわけではなくて、背景が
プレゼンテーション - hitode909の日記
プレゼン自分ではすべったことないから得意だと思ってるのでいつも気をつけてることをシェアします。これさえ守ればすべらないのだから楽。 目次 目次 最初にめちゃくちゃおもしろい話をする 箇条書きせず一行ずつページを分ける 絵をでかくする 新しいページ作ったらデフォルトのパーツを全部消す 先に言う 意見や疑問を述べる スターウォーズエピソード4を見る 最初にめちゃくちゃおもしろい話をする 聴衆は懇親会のことしか考えてないので、とりあえず最初におもしろい話をして、注意を引きつけるとよい。つかみはこれでオッケーだって言えればよいくらいの面白い話をしましょう。よくある技術ブログとか、技術雑誌だと、こんにちは、最近温泉に行って心身共にリフレッシュしました、ヒトデです、とか書いてあるけど、そんなの読んで喜ぶ人が本人と家族と親類以外にこの世にいたらおかしいから、そういうのじゃないとよい。 箇条書きせず一行ず
大承認作った - hitode909の日記
インターネットで人に褒められるとうれしいので，人に褒められた思い出をまとめられるウェブサービスを作りました．元気がないときに見ると自分がひたすら褒められてて寿寿寿ってなってて大承認とか書いてあってめでたい，みたいな感じです． 承認プラットフォーム 大承認 詳しくはこちらの告知エントリをご覧ください． 新サービス「承認プラットフォーム 大承認」をはてラボにリリースしました - Hatelabo Developer Blog はてラボ4年間くらいなにもリリースがなかったので，こういう感じでめでたくリリースできたのはめでたいと思う．ご利用ください．
UI変更批判バトルと複数のバージョンのウェブサービスを同時に配信することについて - hitode909の日記
ウェブサービス，UI変えると，改悪とか，元に戻してとか，そういう意見が出る． サービス提供する側の立場では，新しいUIのほうが使いやすかったり，機能が増えたり，収益が増えたりするので，新しい方を多くの人に提供することに価値がある．使いやすいかとか，儲かるかとかは，リリースまでに調べておく必要があり，リリースの結果使いにくくなったり収益減ったりしたら，失敗ということになる． 一方で，ユーザーの立場からすると，前の方がずっと使ってて愛着があったとか，新しい方を覚えるのは手間とか，確かにという感じはする．また，ウェブサービスは最終的にユーザーの手元のブラウザで表示されて動くので，映画の結末が気に入らないから変えたいといった要望よりは，受け入れやすい．データ構造についての，サーバー側の処理についてのユーザーからの要望というのはあまりなくて，このボタンがどうみたいな，UIの要望が多いと思う． 全部置
高速にドッグフードを食べる方法 - hitode909の日記
はてなエンジニアブロガー祭りで「高速にドッグフードを食べる方法」という題で発表してきた． 箸でドッグフード食べるパフォーマンスの話ではなくて，もとはマイクロソフト用語である，Eat your own dog food，自社製品を使ってより良くしよう，みたいなほうの話．はてなブログ開発しながら毎日使うとか，思い付きで作ってるわけではなくて，事実や根拠にもとづいて作ってるとか，安全に作るための仕組みとか，そういう話． 普段の勉強会では僕は主に3分くらいのLTをしていて，20分も話したことなかった．資料ぜんぜんできなくて，Keynote見るだけで疲弊してた．急に長くていい話できるはずないと思って，LT5連発という形にして，ドッグフードにまつわる話を5個するという形にしたところ，なんとかなった． 東京では情報が氾濫してるから，京都でこんなのやってますとか言っても，東京では常識みたいな冷たい反応をさ
動画をアニメーションGIFに変換するウェブアプリケーション作った - hitode909の日記
rokugaっていうウェブアプリケーションを作った．ブラウザ上で動画をアニメーションGIFに変換できる．Google Chromeでもちょっと動くけどSafariで見るのが良い． http://rokuga.herokuapp.com/ 使い方 こんな感じで，動画をドロップしてくださいとか言ってる． 1コマずつ出てきて，このコマとこのコマ，この速さ，みたいな指定ができる． 完成したアニメーションGIFは名前を付けて保存しましょう． 特徴 ブラウザで再生できる動画なら何でも変換できる Macなら動画はQuickTime Playerで撮れるので気軽に使える リアルタイムにプレビューしながら仕上がりを確認できる コマ送りは逆再生，行ったり来たり，シャッフルに対応 Herokuで動かしたらCPUが遅くて動画の変換にす時間かかる git cloneしてローカルで動かすとちょっと速い ソースコード→
画面をチカチカさせる活動の振り返りとノウハウの共有 - hitode909の日記
ぼくはライフワークとして画面をチカチカさせる活動をしてるのだけど，周りの人にあまり理解してもらえなくて，まぶしいとか，そんな低俗なことをやって，みたいな反応をされる． けど，画面をチカチカさせるだけでも，いろいろと工夫できることとかある．今日はこれまでの活動の振り返りと，それで得たノウハウを共有しようと思います． 過去の活動 これまでに，いろいろ画面をチカチカさせるやつ作っているので，順に紹介します． コード残ってるのは2010年からだけど，一番古いのは中学生のときにRPGツクールで作った画面がチカチカするゲームで，途中まではRPGとして遊べるけどストーリーが進むと画面が高速で点滅し始めてそれ以降何もできなくなるというゲームでした． 古くはポケモンショックというイベントもあったけど，ぼくは関西に住んでて見れなかった． ウェブページをチカチカさせる このbookmarkletを起動するとウェ
■ - hitode909の日記
こういうiPhoneアプリがほしいと言ってる人がいて，本当にほしいなら自分で作るから心の底ではほしくないに違いない，みたいなことを主張する人がいて，乱暴だと思った． ソフトウェア，作ったことない人が，いきなり勉強して作るの，不可能に近いと思う． ウェブデザイナーだけど二ヶ月でiPhoneアプリを作りましたみたいなやつ，明治の偉人みたいなやつに並べてもいいと思う． 僕はしょぼい大学の情報系の学部にいるけど，何か作れる人，ほとんどいない． 4年かそれくらい通って，Cでソートを書けたらすごいみたいになってる． 何かできる人は勝手にやってる． どうでもいいけど，大学で，iPhoneアプリを作る会をしようとか言ってたから行ってみたら，Appleファンみたいなやつが集まっていて，iPad発表会を見ながらustしようみたいなイベントをやる会になっていて，ひどかった． できる人をつかまえてやってもらったほ
■ - hitode909の日記
ブログの記事の順番，上が新しいと，普通に読むと書いたときと逆順に読んでいくことになって，変だと思っていた． 順番を書いた順にしたり，下に電子書籍リーダーみたいなのUIを出して，過去の記事もすぐ見れるようにしたりしてみた． まだ動き悪いけど眠いから今日はこれでいいことにする． CoffeeScriptで400行くらい書いて，昼前からずっとやってたから，14時間くらいかかった． CSS @import "http://dl.dropbox.com/u/8270034/hatenablog/nikki2.css"; サイドバー <script src="http://dl.dropbox.com/u/8270034/hatenablog/nikki2.js"></script> https://gist.github.com/1699286
■ - hitode909の日記
いらない要素取っていったら右カラムが読者になるボタンだけになってしまったから1カラムにした． まず記事のタイトルつけないから取ったりして，日記書いただけで怒られたらいやだと思ってコメント消したりしてた． こうなると読者になって新しい順に読んでスターつけていくことしかできない． 新しい順に読むと書いた順とちがうから不気味だと思う，読んでるうちにだんだん昔になるみたいになる，ブログだとそう読むしかないからそう読むけど，ノートに書かれた日記を逆向きに読むとかしてる人いたらどうかしてる思う．発表会の結果がどうだったとかいう話の次に明日の発表会緊張するみたいな話が出てくることになる．読んでるうちにだんだん若返っていく．若返っていっておもしろいという以外にどういう感動があるのか分からない． 書いた順に読めると日記らしくなると思う．最初のページには最初に書いた日記が出てきて，最新のページにも一瞬で行ける
非常に短いコードから音楽を生成して再生するやつ - hitode909の日記
非常に短いコードから音楽を生成するのがおもしろかったので，理解を深めようと思って，プレイヤーを作った． 勉強用に作っただけで，既存のプレイヤーと比べて，何か機能が増えたりしているわけではない． http://hitode909.appspot.com/one-liner-music/ Web Audioを使っている．Google Chromeで動く． 参考 countercomplex: Algorithmic symphonies from one line of code -- how and why? 1行のコードからアルゴリズム交響曲 - どのように、そしてなぜ？ - 閉村観光 ビキビキ…たった1行のC言語だけで鳴らされる異常に格好良い電子ノイズの数々 : matsu & take Music from very short programs - the 3rd iteration
簡単におっさん画像を入手する方法 - hitode909の日記
部長とか専務とか，おっさんがやってそうな役職でイメージ検索すると，おっさんの画像がたくさんヒットする． 校長だとこんな感じ．いろいろ試したけど，校長と名誉会長がいい感じだった． google:image:部長 google:image:課長 google:image:係長 google:image:専務 google:image:校長 google:image:会長 google:image:取締役 google:image:名誉会長 google:image:料理長 よかったですね． 追記 代表取締役も良いそうです． "代表取締役"で検索するとより効率的に探せる。 URL 2011-06-20 12:00:56 via web google:image:代表取締役 追記2 釣果もいいです よりシチュエーションに特化したいいおっさん検索のキーワードないかな URL 2011-06-20 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleフォト貼れるようになったので機械が作ったGIFを貼る - hitode909の日記
文字をなめらかにした - hitode909の日記
アニメーションGIFシャッフルするやつ - hitode909の日記
高速に動くアニメーションGIFを作るときに知るべきたった一つの真実 - hitode909の日記
