俺の最強ブログ システムが火を噴くぜ
ブログを「はてなダイアリー」から、自分のサーバーに移転しました。 せっかく移転するなら、2012 年の流行を取り入れた挑戦的なブログにしてみたい！と思い、構想から半年、ついにこの日を迎えることができました。 せっかくなので、凝ったところを自慢させてください。 これが俺史上最強のブログ システムだ ブログ システムとして Jekyll を採用 Jekyll のプラグインを自作 (はてな記法対応、英語ブログとの統合) 履歴管理は GitHub を利用、git push で自動でデプロイ コメント欄には DISQUS を採用、旧ブログへのコメントはインポート済み HTML5 マークアップ、CSS3、レスポンシブ Web デザインでのモバイル対応 盛りだくさんですね。 詳しく説明していきます。 ブログ システムとして Jekyll を採用 最近では WordPress を選ぶのが普通でしょう。Wo
twitter の console.log() エラーよけ - てっく煮ブログ
javascript, twitterFirebug が導入した console.log() は最近のブラウザで標準的に実装されつつあります。しかし、万が一、リリースコードに console.log が混じり込んでしまうと、古いブラウザや開発ツールが導入されていないブラウザで JavaScript エラーになってしまってとても悲しくなります。ということで、そういう場合にエラーを出さないようにするために、お手製の偽者 console オブジェクトを実装するテクニックがあります。ちょっと検索するといろいろ見つかります。 if (!window.console){ window.console = { log: function(){} }; } 確かに小さなプロジェクトでは、こういうおまじないを書いておくと安心だろうなー…と思っていたら、twitter のソースコードに次のようなコードを発見。
AS3 でメソッドチェーンしたくなる話 - てっく煮ブログ
asいろんな AS3 のサンプルが掲載されていて楽しい ActionSnippet | paste it in your timeline - or in your constructor で Functions Returning Functions が紹介されていた。シンプルで美しいのだけど、ソースに１箇所無駄があったので省いてみたものを紹介する。 // Functions Returning Functions (Revised) // original: http://actionsnippet.com/?p=2430 // - Removed line variable by using arguments.callee. package { import flash.display.Sprite; public class FlashTest extends Sprite {
フォント同士を交配させて新しいフォントを作る「genoTyp」が面白い - てっく煮ブログ
「この発想はなかった！」と驚いた。genoTyp はフォント同士を交配させて新しいフォントを生み出す実験サイトだ。早速、試しにやってみた。1. 第一世代の親を決めるgenoTyp を開いて左上の [Breed] タブをクリックすると「交配ページ」が表示される。[add original font] ボタンをクリックして、祖先となるフォントを２つ追加してみた。交配させるために２つのフォントをドラッグしてくっつけた。くっついた状態になれば交配の準備は完了だ。2. 交配させてみる中央の [cross] ボタンを押すと第一世代が誕生する。４人の子供が誕生した。父親似だったり、母親似だったり、子供によって雰囲気が異なっている。3. 第一世代でも交配別の [original font] を追加させて、第一世代の中から気に入ったものと交配させてみた。３人の子供が第二世代に誕生した。4. さらに交配！今度
ウニができるまで 〜 Context Free Art の遊び方 - てっく煮ブログ
前回に引き続き、Context Free Art を取り上げる。今回は、Context Free Art で変なウニ風の生き物を作っていく手順を紹介する。さぁ、準備はいいですか？1. 基本となる図形まずは基本となる図形を描画する。こんなやつ。ソースコードは次のようなもの。 startshape LINE // LINE というルールを描画しろ rule LINE { // ルール LINE の定義 CIRCLE { s 6 1 x 3 sat 1 b .3 hue 30} } １行目の startshepe LINE では、「LINE というルールを描画しろ」と指定してる。じゃあ、LINE ルールはどうなってるかというと３行目で定義している。LINE ルールでは CIRCLE を１つ描画する。CIRCLE は Context Free で定義されている円を描画するルールだ。ルールにいくつか
驚きの表現力のお絵かきプログラミング Context Free Art を試してみた - てっく煮ブログ
文脈自由文法でアートが楽しめる Context Free Art というのを試してみた。Windows, Mac, Linux などで利用できて、簡単なコードを書けくだけで複雑な幾何学アートを生成してくれる。サンプルから１つ起動後、メニューの Example からいくつかのサンプルを試してみた。たとえば、木を生成するサンプル「weighting_demo」のソースはこんなの。 startshape SEED1 rule SEED1 { SQUARE{} SEED1 {y 1.2 size 0.99 rotate 1.5 brightness 0.03} } rule SEED1 0.05 {SEED1 {flip 90}} rule SEED1 0.05 { SQUARE{} SEED1 {y 1.2 s 0.99 r 1.5 b -0.5 flip 90} SEED1 {y 1.2 x
On Lisp 続き 6章〜8章 - てっく煮ブログ
On Lisp を読みつつのメモだったり感想だったりの続き。いよいよマクロへ。6. 表現としての関数Lisp でネットワークを定義する。DSL だなぁ、すごい。7. マクロいよいよマクロ。逆クォート ,で打ち消し、,@で展開マクロ展開時に引数に置き換えてほしいものの前に , や ,@ をつけるイメージマクロ展開の確認 xyzzy には pprint がないので展開を確認できないテンプレートの使い方と展開形の確認 に対応方法が書いてあるけど、ここからは clisp で確認していくことにする構造化代入 よく分からないのでパスマクロのモデルdefmacro の簡易実装が書いてあるが、理解できない…。ひとまずパス。関数からマクロへ 単純に変換できない場合の対処法 + のマクロ版が (defmacro sum (&rest args) `(apply #'+ (list ,@args))) と定義さ
On Lisp 読書中 - てっく煮ブログ
On Lisp 邦訳 が Web 上で公開されていたので読んでみた。http://user.ecc.u-tokyo.ac.jp/~tt076524/onlispjhtml/On Lisp は ハッカーと画家 などの名著で有名な Paul Graham 氏の Lisp 本。ハッカーと画家 の中で Lisp が絶賛されていたので前から気になっていた。いちおう Lisp 経験者のための本なんだけど、初心者向けの変な説明がなくて初心者な自分にとっても逆にわかりやすかった。Lisp 自体の経験はないんだけど、Lisp の影響を大きく受けたとされる Ruby や JavaScript の知識はあるので、いまのところ置き換えながら読めてますよ。いきなり、関数、λ（無名関数）、高階関数（関数を引数）から説明しだすところがとても好感が持てる。On Lisp作者: ポールグレアム, 野田開, Paul Gra
Flex 3 リファレンスガイドの ZIP 版が公開 - てっく煮ブログ
as3via [Flex][AIR] Adobe Flex 3 リファレンスガイドがダウンロード出来るようになりました。 - いそっちノートZIP には HTML と PDF が全て入ってるので、AS3 や Flex 3 の開発する人は手元に置いておくとよいですね。ドキュメント一覧：http://www.adobe.com/support/documentation/jp/flex/ZIPへの直リンク：http://livedocs.adobe.com/flex/3_jp/flex3jp_documentation.zipHTML ヘルプ(chm) を作る方法は、ちょっと古いけど次のページが役に立つよ。flex3_htmlhelp.rb の目次を充実させた - てっく煮ブログflashhelp2chm-ja - Google Code
【YQL 速攻レビュー】米 Yahoo! が SQL っぽく色んなデータを取ってこれるAPIを出した - てっく煮ブログ
米 Yahoo! が Yahoo! Pipes みたいに自由度が高くて、またちょっと毛色が違うサービスが出てきた。題して、Yahoo! Query Language。YQL と呼ぶようだ。SQL 風の言語を REST で投げて、結果を XML や JSON で受け取ることができる。具体的にやってみないと分かりにくいので、とりあえず試してみた。RSS からデータ取得YQL を使って RSS から最新のタイトル10個を取ってきてみる。こんな YQL になるらしい。 select title from rss where url='http://d.hatena.ne.jp/nitoyon/rss' rss テーブルに対して select を発行している。実際にこの YQL を試すには YQL 用の console を利用するとよい。（※要ログイン）console の左上に YQL を入力して
ActionScript 3.0 用デバッグ支援ライブラリいろいろ - てっく煮ブログ
asXRayAS2 では定評のあったツール。AS3 にも対応している。サイトhttp://code.google.com/p/osflash-xray/対応バージョンActionScript 2.0, ActionScript 3.0 (Flash CS3, Flex 2)機能インスペクタ、コンソール出力 (専用ビューワ)参考"XRay" - ActionScript3 版の Firebug みたいなデバッグツール - てっく煮ブログ Alconインスペクタとコンソールのセット。パフォーマンス情報が見れたり、オブジェクトの詳細な情報をダンプできるようだ。ビューワは AIR 製。サイトhttp://blog.hexagonstar.com/alcon/対応バージョンActionScript 2.0, ActionScript 3.0 (Flash CS3, Flex 2)機能インスペクタ、コ
JavaScript から Flash を楽々操作できる FABridge [てっく煮]
JavaScript から Flash を操作できるツール、Flex-Ajax Bridge (FABridge) を試してみました。 名前に Flex や Ajax とついていますが、Flex や Ajax にしばったライブラリではなく、JavaScript から SWF を操作できる、と考えたほうがよい感じです。 必要なファイルは SWF に組み込む FABridge.as と HTML でインクルードする FABridge.js の２つです。ダウンロード方法はちょっとややこしいので最後で説明します。 SWFの準備 まずは、SWF 側の実装。bridge フォルダに FABridge.as を置きます。AS3.0 です。 // Test.as package { import flash.display.Sprite; import bridge.FABridge; public cl
asc_authoring.jar で遊んでみた - てっく煮ブログ
asid:amachang:20070130 のプレゼンで、asc_authoring.jar を使った開発が紹介されていたので早速ためしてみました。asc_authoring.jar の入手プレゼンにもあるように、まずは Flash 9 Alpha をインストールして asc_authoring.jar を入手します。バイトコードを作ってみるプレゼンをたよりに実験します。 // Test.as package { public class Test { public function Test() { trace("Test"); } } } という Test.as があったとして java -jar asc_authoring.jar \ -import global.abc \ -import playerglobal.abc \ Test.as とすれば、コンパイルは完了。バイトコ
text-hatena.js 公開 [tech.nitoyon.com]
本家 Text::Hatena で HTML::Parser を用いている部分は実装できていません。 URL の自動リンクや HTML のエスケープなどは実装できていません。 Cookie を利用するようなサイトに text-hatena.js を利用するのはお勧めできません。 ライセンスは Text::Hatena と同等とします。 技術的なアレコレ Perl と JavaScript って意外と似てるよね、というところから出発しました。特に、Text::Hatena のソースコードはそのまま JavaScript に置き換えられるぐらいに洗練されたコードです。例えば、Hatena.pm の一部に次のようなソースがあるのですが sub parse { my $self = shift; my $text = shift or return; $self->{context} = Text
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
xml2json.cgi - ドメインを超えてXMLを読みこむ [tech.nitoyon.com]