あと味

たくさん情報を食べて、たくさん発信すると、あとになって味わい深い。

2010-01-01から1年間の記事一覧

激しくガイシュツだけど、JavaScriptでiPad(iPhone)用にソース表示ブックマークレットを作った

iPadでプレゼンする時に、ソースが表示できないと不便だという話だったので、散々ガイシュツだけど、iPadでソース表示するためのブックマークレットを作りました。利用技術はJavaScriptオンリーで、シンタックスハイライトは、Google Code Prettifyを使いま…

WordPressのビジュアルエディタに表作成機能を追加する

よくありそうなカスタマイズなので、備忘録代わりに投稿しておきます。WordPressのビジュアルエディタは、TinyMCEを使っているみたいです。だけど、すべての機能を使えるわけではなく、厳選したプラグインと独自のプラグインしか入っていないようで、表の作…

関西開発合宿でnode.jsとsocket.ioを使った「そう簡単には読ませてあげませんったー」っていうTwitterアプリ作った

タイトルなげぇよ。はい。昨日から、明日の昼まで、関西開発合宿に参加しています。頭ん中さんの、関西で開発合宿へ行ってきたよ - 頭ん中っていうエントリーが前回の様子とのことです。開発合宿初めてだったので、何を作ろうか漠然としながら、とりあえず、…

Let's jQuery - ひとりでできるもん

先週土曜日に、WCAFのイベントでセッションを担当しました。ターゲットはWebデザイナーとマークアップエンジニアなので、比較的簡単な内容です。セッション内容をそのまま加筆して記事にすることにします。では、以下、その内容。 jQueryの流行 jQueryは2005…

node.jsでスクレイピングしてみた

node.jsの記事を最近チラホラ見かけるので、入門してみました。node.jsはサーバー書いてこそって感じなんだろうと思いますが、ネットワークプログラミングの経験がないので、まずは他の言語で簡単にできることをnode.jsで書いてみようという趣旨です。 node.…

JSerが比較コードを書きながらPerlのデータ構造を学ぶ

厳密に言うと間違ってるかもしれないことを感覚的に書いているので、あまり間に受けない方がいいかもしれません。JavaScriptは、自分が触ったことがある言語の中では、最も仕様を理解している言語になると思います。そろそろ真面目にサーバーサイドの言語も…

WCAFセミナーでスピーカーします

お久しぶりです。更新さぼってましたが、元気に生きてます。連名で代表になっているWCAFというコミュニティでスピーカーするので、セミナーの告知を。 WCAFとは? WCAF(Web Creators Association Fukui)は、福井でウエブ制作に携わっている人はもちろん、企…

JavaScriptでclearfixみたいなものを実装する実験

clearfixの記述を見てて、contentプロパティで内容追加して、blockにして、高さを消すとかやってるので、JavaScriptでもできるんじゃね?と思ったら、実際できたので、実用性は抜きにしてメモとして投稿しておきます。 CSSでのclearfixの記述 いろいろあるみ…

映画「インセプション」の結末についての自分なりの解釈(ネタバレ)

ネタバレなのでこれから見る人は見ない方がいいです!映画のレビューなんて初めてなんですが、短期間で2回同じ映画を見ることも初めてなので、記念にエントリーに起こそうかと思いまして。この映画は始めの方は世界観のチュートリアルで時間消費しちゃうので…

MovableTypeのプラグインを書いてみた

必要に迫られて、今までぼんやりとしか把握していなかったMovableTypeを触りはじめました。Flickrの写真をサイトの中に埋め込みたかったんですが、せっかくなのでスクラッチでプラグインを書いてみようということで、「Flickr photos List」というプラグイン…

配列内包表記

最近、エキスパートPythonプログラミングをぼちぼち読み進めてます。自分には難しい内容で読み応えがあります。Pythonのリスト内包表記っていうのがありますが、これコードを簡潔にしようと思うと、割と自然に使い始める代物で、Firefox限定でPythonからJava…

jstudyで「JavaScriptとLisp」ってタイトルのLTしました

昨日、jstudyの第一回目のイベントがめでたく開催されました。Twitterで見かけて、速攻で申し込んだんですが、せっかくだからLTしたいなと思い、稚拙ながら「JavaScriptとLisp」というタイトルでLTをさせていただくことができました。発表するまで、ネタとし…

Gmailでショートカットキーを使いこなせるようになるためのシンプルなチュートリアル

Gmail使ってる人多いと思います。でも、意外とショートカットキーを使いこなせている人は少ないのではないでしょうか?そんな方のためにGmailでショートカットキーを使いこなせるようになるためのシンプルなチュートリアルをエントリーに起こしたいと思いま…

規約で稼げるようになったら勝ち組

Twitterの規約変更が物議を醸し出しています。 Twitter APIを利用するいかなるサービスにおいても、Twitter独自のPromoted Tweets広告以外のあらゆるサードパーティーの有料広告をツイートとしてタイムラインに挿入することを認めない 「長期的ユーザー体験…

俺達には土曜日しかない(訳: 無職になりました)

ちょっと報告が遅くなってしまったんですが、先日、無職になりました。これからどうしようかというところなんですけど、書類何件か送ってみて「jdg、アウトー」だったので、福井に帰ってちょこっと休養しつつ(1〜2週間)、どうするか考えます。今後も東京で…

Google Font API でWebサイトのCopyrightを書く

という記事を読んで、copyrightくらいだったら画像用意しなくても別に良い気がしたし、最近発表されたGoogle Font APIで少し見た目を整えるだけで十分実用的かなと思ったのでエントリーに起こしてみました。 Google Font APIとは? 19日のGoogleI/Oにて発表…

Gmailとはてなブックマークプラスで超手軽にお手製の記憶検索エンジンを作る方法

同じような手法が検索しても出てこなかったので、エントリーに起こすことにします。はてなブックマークした記事を後から読み返したい時、検索で取り出そうとしても検索対象が、タグと記事タイトルだけでは記憶を辿って検索するのが困難だったりします。そも…

applyとcallの使い方を丁寧に説明してみる

JavaScriptに、applyとcallというメソッドが用意されていますが、自分なりにapplyとcallの丁寧に説明をしてみようと思ってこのエントリーを書くなどをしてみます。applyとcallは非常に似たメソッドなので、まずはcallから説明します。 callメソッドとは? ca…

File APIとJavaScriptを使って、テキストファイルを加工する便利ツールを作った

昨日、たまたま仕事で、CSV形式の名簿を加工する必要があって、最近はこういう時、JavaScriptを使って加工することがあります。昨日の話で言うと、具体的には以下のようなCSVファイルを、 ほげ株式会社,jdg,jdg@example.com 株式会社ふが,taiju,taiju@exampl…

partial関数は引数の最後に関数を指定できるとネストした時に見やすい

letみたいなものをJavaScriptに実装しようと思っていろいろやってた時に感じたことなんですけど、Pythonとか、Python志向なMochikitなどに導入されているpartial関数は、引数の最後に関数を指定できると、ネストした時にが見やすいと思いました。好みはある…

JavaScriptでLispのような再帰的なリストを作るlist関数を作ってみた

Lispの勉強をする際に、まだLisp慣れを全然してないので、JavaScriptで書くとどうだろう?ということを考えることが多々あります。その勉強方法の良し悪しは置いといて、JavaScriptでLispのサンプルプログラムを書いてみようと思った場合、一番ネックなのが…

Pythonのrange関数をJavaScriptで再帰を使って実装してみたものをGaucheに移植してみた

今朝投稿した、Pythonのrange関数をJavaScriptで再帰を使って実装してみた - あと味の続き。JavaScript版は基本的な関数で実装したので、おそらくGauche(Scheme)にも簡単に移植できると思って取り組んでみたものの、正直、慣れてなさすぎて超大変でした。…

Pythonのrange関数をJavaScriptで再帰を使って実装してみた

Pythonにrange関数という数列を作る関数があるんですが、JavaScriptにもrange関数みたいなのがあると便利かもしれないと思って実装してみました。関数型言語慣れするために再帰で書いたので、あまり長い数列は作れません。 Pythonのfor文 Pythonでは1から10…

CSSのanimationプロパティで簡易スライドショーを作ってみた

CSS

先日の土曜日に、Sugamo.cssに参加しました。いろんなことが勉強できたんですけど、CSSアニメーションが結構面白いなーと思ったのでデモを作ってみました。animationプロパティは、一応モジュールの中にあるので、うまくいけばすべてのブラウザで使えるよう…

メソッドチェーンの作り方

メソッドチェーンはわかりやすくて便利です。jQueryなどではメソッドチェーンが効果的に使えるように設計されているので、jQueryでメソッドチェーン使用している人も多いと思います。このメソッドチェーンですが、作り方を解説するページがあまりない気がす…

ページズーム機能がないブラウザで、画像の拡大を含めたエラスティックレイアウトを実現するサンプルを作った

文字数で幅を指定できるエラスティックレイアウトが好きです。CSSでレイアウトする時、各ブラウザがページズーム機能を導入した今はほとんど必要ないことかもしれませんが、一行あたりの文字数は読みやすい数というものがきっとあると思っています。エラステ…

createElementメソッドが微妙なので汎用的な関数にする

JavaScriptでDOMを生成するとき、document.createElementというメソッドを使いますが、属性の設定とかstyleの設定をしようとすると、縦にひたすら代入文を書き続ける感じになってあんまり好きじゃありません。各種JSライブラリを導入すれば解決できる話です…

最近のJSの発育の良さは異常

最近のJSはすごいね。JavaScriptが第一級のプログラミング言語へ、分散バージョン管理にも注目が集まる - Publickeyわんぱくでもいい、たくましく育って欲しい。 Inspired by 最近のJSの発育の良さは異常 - スチーム速報 VIP

別のページにすでにある用語集を使って、用語にマウスポインタ合わせると用語集にある用語の説明をツールチップで表示するJSサンプル作った

タイトルなげー。APIもDBもない時にこういうことしようと思ったらどうやって実現しようかなーと思ってサンプルを作ってみました。IE、バージョンの古いブラウザは未対応。 前提 こういう用語集のページがすでにあると過程。 grossary.html <html> <head> <meta charset="utf-8"> <title>用語集</title> </head> <body> <dl> <dt class="term">イ</dt></dl></body></html>…

経営者がTwitterに価値を見出すと世の中がダイナミックに動くという仮説

今日、ソフトバンクの決算発表がTwitter上で盛り上がってたみたいですね。で、ちょっと考えることがありました。具体的には、経営者がTwitterに価値を見出すと世の中がダイナミックに動くという仮説です。今日の決算発表でこんなやりとりがあったようです。 …