ブログを書くまでがHTML5 Conference 2013

2013/11/30にHTML5 Conference 2013が行われました。 運営の方々、スピーカーの方々お疲れ様でした。当日は風邪を引いてしまい、参加できなかったのですが、YouTubeでリアルタイムに見みることができて非常にありがたかったです。 で、ブログを書くまでがHTM…

HTML文字列に含まれるscriptを実行する

HTMLの文字列をXHRで動的に取得してきて、それをdocument.bodyなんかに突っ込む場合があると思います。 その時に文字列中にscriptタグが含まれる場合、elm.innerHTML = html;ってしてもscriptは実行されません。 jQuery.fn.loadはそのへんが考慮されていてsc…

GalaxyS4のWebViewで要素を削除しても表示が残るバグ

GalaxyS4のWebViewである要素をremoveChildしても画面に表示が残り続けるバグを踏みました。 removeChildした後に当該要素をquerySelectorしてみてもnullになるので、DOMツリー上からは消えてるみたい。 で、その要素がposition:absoluteだったのでおそらく…

Webフロントエンドのパフォーマンスチューニングについて

社内の勉強会でWebフロントエンドのパフォーマンスチューニングについて発表してきました。 Webフロントエンドパフォーマンスチューニング // Speaker Deck JavaScript、Chrome DevTools、チューニングのステップ、ボトルネック、ポイントなんかについて触れ…

QCompleterを部分一致補完させる

最近「NavyJS & NavyCreator」というモバイルWebフレームワークとそれ専用の開発環境(簡易IDE)を作ってます。 そのNavyCreatorはC++/Qtを使って実装していて、Qt便利ですごくありがたいなーと思ってます。 QCompleter NavyCreatorでコンボボックス(ファイル…

Sencha Animatorで作るCSSアニメーションがすごく良い感じ

最近Android, iOS上のWebブラウザでのアニメーションについてちょっと調べています。 有名所だと、こんな感じのがあります。 CreateJS LWF AdobeEdge ただ、どれもJSをゴリゴリ使ってタイムラインの制御と各フレームでのオブジェクトの状態を計算しています…

JavaScriptでクラスを実現する「nClass.js」

JavaScriptでクラスを実現するためにnClass.jsというものを作ってみました。 nClass https://github.com/h13i32maru/nclass MITライセンス クラスの生成 (new演算子と共につかう関数) コンストラクタ関数 (インスタンス生成時に自動実行される関数) クラスの…

なぜBTreeがIndexに使われているのか

※この内容は個人的な考察なので、間違っている箇所もあると思います。そういう部分を見つけた際はぜひ教えて下さい。 RDBMSの検索を早くするためにIndexって使いますよね。例えばこんなテーブル CREATE TABLE user ( id INT UNSIGNED NOT NULL, name VARCHAR…

Webサーバの性能測定

先月にWebサーバの性能測定、負荷試験、パフォーマンスチューニングというようなことをやっていました。初めてのことで周りの人に色々アドバイスをもらいながら取り組み、結構面白かったです。で、その内容をまとめてみようと思いながらも1ヶ月以上がたって…

Sphinxを使ってプログラムドキュメントを楽しく書こう

今日はソフトウェアのドキュメントツールの紹介です。 ソフトウェアってプログラムだけじゃなくて、「テスト」と「ドキュメント」も大事だなと最近思うようになってきました。 僕は今までプログラムは書いてきたけど、テストもドキュメントもさっぱりでした…

Google Closure Compilerを使ってみた

最近JavaScriptでちょっとしたフレームワークを作ろうと思ってちょこちょこコードを書いています。で、そこで困ったことは「機能的に複数のファイルに分割した*.jsをどうやってまとめるか」です。単にcatで結合するだけでもできるかもしれないですが、何か良…

はてなダイアリーからGitHub Pagesに引っ越しました

先週あたりからごそごとと準備をしていたんですが、今日ようやく移行作業が終わって晴れて新しいブログに引越しが完了しました。 なぜ引っ越したか はてなにロックインされたくなかったから はてな重すぎるから MarkdownもしくはreSTで書きたいから JavaScri…

引っ越しました

以下のURLに引っ越しました。http://blog.h13i32maru.jp

リクエスト単位で独立したコンテキストをtornadoで使用する

今の案件ではtornadoを使ってるですが、リクエスト単位でまとまったログを出したいなと思って、色々調べてみました。 (と言っても数時間かけてtornadoのソースとにらめっこして何となくできたコードを元に@methaneさんに色々教えてもらった。python知らない…

JavaScriptプロトタイプマップ

最近JavaScriptを触ることが多いのですが、JavaScriptのプロトタイプについて調べてもすぐに忘れてしまうので、ちょっとまとめてみました。 プロトタイプベース プロトタイプベースってそもそも何だろうと。僕の理解ではこんな感じです。 オブジェクトの振る…

CoffeeScript言語リファレンスを日本語訳しました

最近CoffeeScriptというものを知って少し調べてみたら、本家の言語リファレンスがそんなに多くなかったので日本語訳に挑戦してみました。 http://coffeescript.org/ CoffeeScriptとはJavaScriptにコンパイル可能なシンプルな言語です。クラスベースのオブジ…

KLabに入社して一年が経ちました。

2010年9月1日にKLabに入社してから一年(と1ヶ月半)が経ちました。 毎日刺激的で、とても楽しく自由にやっています。 今日は入社してから特に影響を受けた3人の話を出会った順に少ししたいと思います。 1人目 まずは@warumakanさん 入社して初めてのプロジェ…

一日の摂取カロリーを記録するアプリ「32Calorie」をリリースしました!

詳細はこちら。 https://market.android.com/details?id=jp.h13i32maru.calorie

MacBookAir13インチ(2011)買いました!

MacBookAir13インチを2週間使ってみての感想とか設定とか。 左がMBP2010、右がMBA2011 感想 今までMacBookPro13インチ(2010)を使っていたんですが、それとの違いを中心に。 激的に軽い!ACアダプタも小さくていい! ただ、最薄部は凶器になるw USBポートが…

Androidアプリをリリースしました「32Cart」&「32Task」

最近Androidアプリを2つリリースしました。32Cartという買物メモアプリと32Taskという起動中のタスク管理アプリです。マーケットを探せば高機能なものはいくつも出てくるのですが、僕はシンプルですっきりした物が好きなので好みに合うものがなかなかありま…

C2DMアプリ「Chrome to Phone」を改造しました。

C2DMってご存知ですか?C2DMはAndroidアプリに外部からデータをプッシュ配信できる仕組みです。 そのC2DMを使ったアプリでGoogleが開発している「Chrome to Phone」というのがあります。このChrome to Phoneを使うと、AndroidへGoogleChromeからURLを送信で…

FireMobileSimulatorにホストごとに端末設定できる機能を作りました

僕の会社(KLab)では携帯電話やスマホコンテンツを作ってるので、結構みんなFireMobileSimulator(FMS)を使っています。 で、先日同僚がこんなこと言ってました。 接続先のホストごとに端末の設定変えれたら良いのに よし、じゃあその機能作りましょう!という…

ListViewの簡単な使い方

アプリで良く見かけるListViewのサンプルです。 文字だけを表示するListViewを作るのはAndroid組み込みのレイアウトを使うため凄く簡単です。layout <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" >…</linearlayout>

豆腐ぶっかけ丼サイトを作りました

豆腐ぶっかけ丼があまりにも好きすぎて、豆腐ぶっかけ丼の写真共有サイトを作りましたw 豆腐ぶっかけ丼 ユーザ登録すると自分の豆腐ぶっかけ丼写真を投稿できるようになります。 (写真をみるだけならユーザ登録不要です)

Android端末にインストールされているアプリ一覧の取得

Androidの端末にインストールされているアプリ一覧を取得するサンプルプログラムです。 ポイントはこの2点。 探したいアプリの条件をIntentに設定する PackageManagerで条件(Intent)にあうアプリの一覧を取得 import java.util.List; import android.app.Act…

プログラマが資料を作るために行ったブレスト2日間のまとめ

業務である資料(提案資料に近いもの)を作るようにと指示があり、担当者二人で資料を作成しました。半日くらいで完成したので、上司二人に見せたところ盛大なダメだし。 二人でちょっとへこみつつ資料を作り直すことに。そこで今度はがっつり二日半使ってブレ…

デジタル一眼レフ買いました

前々からちょっと興味を持っていた、デジタル一眼レフを買ってしまいました(・∀・) 購入したのはCanon Kiss X3という機種です。最近X5が出たらしいので2世代前ということでかなりのお値打ち(55%オフ)でした。 主に食べ物の写真を撮ってるんですが、すごく綺…

画像を使わずCSSだけで星形のチェックボックスを作る

CSSだけを使って星形のチェックボックスを作ってみました。ただしWebKitだけ。AndroidのChromeLiteでもOKです。 input[type="checkbox"]{ -webkit-appearance:none; line-height:5em; width:5em; height:5em; border:solid 1px #ddd; background:-webkit-gra…

井の頭自然文化園に行って来ました。

吉祥寺には井の頭自然文化園という公園と動物園を足して2で割ったようなところがあります。 井の頭自然文化園公式サイト - 東京ズーネット 動物園はものすごーく久々で、記憶が正しければ小学校低学年以来かなーと。なので15年以上ぶりです。 動物も癒される…

初めまして、ペンギンとサイです。

平民新聞さんのところのようにキャラクタも一緒に撮ってみました。ダンボールでできたペンギンとサイです。 青椒肉絲 椎茸と人参の煮物 茄子と人参の味噌炒め タマネギとウィンナーのケチャップ炒め 茹でブロッコリー もやしとニラのナムル さつま芋の甘煮 …