input タグで画像を選んだら即時にプレビューを表示する jQuery iPreview プラグインを公開しました。
input タグで画像を選んだら即時にプレビューを表示する jQuery iPreview プラグインを公開しました。 2013年12月17日 16:44JavaScript 最近のブラウザには File API というものが実装されていて JavaScript からファイルの情報を読み取ることができるので HTML の image[type=file] で画像を選んだときなんかに その場でプレビューを表示することもできますね。 これを使いたくてつついてたんだけど、 この処理を毎回書くのはめんどくさいので jQuery のプラグインにしました。 msng/jQuery.iPreview – GitHub JavaScript 書かない人も簡単に使えるようにしたつもりだし、 割と自由にカスタマイズできるようにもなってると思います。 jQuery iPreview でできること このボタンを押
“vagrant up” の逆が “vagrant down” ではない理由
開発環境を自由に作って壊して管理して配布できる Vagrant が 大いに注目されてますね。 「Vagrant」は仮想環境をプログラミングするツール。同一環境をどこにでも、いくつでもすぐに作成可能。Vagrant meetup 2013 － Publickey up の反対が down じゃない さてこの Vagrant で仮想環境を起動するコマンドは vagrant up なので 終了するときは down だろうと思ったんだけど、違うんですねこれが。 vagrant down としても 「そんなコマンドないよ」という意味でヘルプが出ます。 理由を聞いてみた 先日、Vagrant 作者の @mitchellh さんと話す機会があったので 「vagrant up の反対が vagrand down じゃないのはなぜ？」 と聞いてみたら、その答えは It was. でした。 以前はそうだった、
「世界で一番売れている」Storusのマネークリップが想像以上に便利だった
財布は財布で持ってるんだけど、 手ぶらで出かけたいときやお金だけさっと取り出したいときは マネークリップが便利。 薄くまとまるからポケットの中でもかさばらないしね。 ただ、お釣りでもらう小銭はポケットに入れればいいとして クレジットカードや電車の IC カードなんかを持ち歩くのに 結局別のケースが必要になる。 これらを裸のままポッケに入れておくと 他のもの出したときに落としてしまいそうでちょっぴり心配なので。 持ち物はできるだけ増やしたくない。 けどお札もカードもばらけないようにまとたい。 というわけで、マネークリップなのにカードも収納できるという Storus 社の Smart Money Clip を買ってみました。 届いたよ 届いたのがこれ。 何か立派な箱に入ってる。 空けてみると、100万ドル札が挟んでありました。 お札を抜くとこんな感じ。 クリップ状になってます。 マネークリップ
Facebookのメッセージは送信者を自由に偽装して送れることが判明
これちょっとマズいんじゃないかなあ。 Kampa! の人である佐田さんが見つけて教えてくれたんだけど、 Facebook のメッセージは割と簡単に他人になりすまして送れるみたい。 以下、すべて送信者と受信者の自発的な協力を得て試してみた結果です。 起きること Facebook ではユーザーに @facebook.com のメールアドレスが与えられています。 個人ページが www.facebook.com/namaewo の人なら namaewo@facebook.com という具合に。 そのアドレス宛にメールを送ると、 アドレスの所有者に Facebook 上のメッセージとして届きますね。 この時、そのメールの送信元メールアドレスが 別の Facebook ユーザーによって登録されているアドレスであった場合 Facebook では、そのユーザーから送られたメッセージとして扱われます。 電子
レーシック体験記と、受ける決意をするまでに考えたこと
レーシック手術を受けました。 1ヶ月検診を終えて経過も順調なので、ここまでの体験記と 受ける決意に至るまでにどんなことを考えたかを書いておきます。 結果 まず結果から言うと、 左右とも0.08だった視力が どちらも片目で1.5、両目だと2.0まで回復しました。 これまでは起きた後と寝る前は眼鏡、 活動中はコンタクトレンズを使ってたんだけど 今はまったく必要なし。裸眼でよく見えます。 決意に至るまでに考えたこと 前々から興味は持ちつつ、なかなか行動に移せないまま幾年月。 迷いを生じる原因のひとつに 「いずれもっといい技術が発明されるのではないか」 という考えがありました。 でも、いつ来るかわからないそれを待つほど人生は長くないな、と思うようになり 「やるなら早くした方がいい」という方に気持ちが動きました。 このタイミングになったのには 去年あった2つの出来事も関係していると思います。 コンタ
これは斬新！新しいパソコンの教わり方
人様にパソコンの使い方をお話しすることはよくあるんだけど これまでにない斬新な覚え方を見たので。 先日 @ayakokaneko に Mac のキーボードショートカットについて話していたときのこと。 アプリケーションやファイルやフォルダを開くとき アイコンをダブルクリックしなくても command + ↓ でもいいよ、という話をすると、 彼女はペンを取り出して 書いた。 え、書くの？直接書くの？ これまでいろんな人にお教えしてきたけど キーボードに直接書く人は初めてみた。 「でもこのペン消せるから」 いやそういうことじゃなくてね。 しかし考えてみれば、 ノートにメモするより遙かに効率のいいやり方だ。 思い出そうとしたら、すでに答えがそこにある。 その「消せるペン」がこれ。 ペンの後ろについたゴムでこするとインクが透明になるらしい。 パイロット フリクションボール05 8色セット LFB-1
ブログをWordPressにして真っ先にいれたプラグイン16本
さてこのブログを WordPress に移行したわけですが Movable TypeからWordPressへの移行に際してやったことまとめ – 頭ん中 WordPress と言えば多種多様なプラグインが魅力のひとつ。 というわけで真っ先に入れたプラグインのリストを書いておきます。 もう「プラグイン」→「新規追加」から直接入れられるから リンク先は配布ページじゃなくてもいいですよね。 プラグイン側で指定された作者のページへリンクしておきます。 並びはえらい順じゃなくて、アルファベット順です。 Akismet 強力なアンチスパムフィルタ。 最初から入ってるからインストールの必要はなし。ただし API キーがいるので、Akismet のサイトでサインアップする必要あり。 商用サイトだと有料アカウントが要るけど、個人ブログなら無料アカウントが使えますね。 All in One SEO Pack S
WindowsからMacに乗り換えた人に伝えたい、入れておくと幸せになれるかもしれないアプリケーション
WindowsからMacに乗り換えた人に伝えたい、入れておくと幸せになれるかもしれないアプリケーション 2010年11月04日 15:44Mac 追記 これは2010年に書いた記事なんですけど、今でも使っているものはここで挙げたものの半分以下になりました。 最近 Mac を使い始めてここに来た方、せっかくだからこっちを見ていってください。 Mac を使い始めたら真っ先に覚えてほしいキーボードショートカット10項目 « 頭ん中 MacBook Air の影響もあると思うんだけど 周りで Mac を始める人が増えてきたので 「これ入れとくと幸せになれるかも」 というMac のアプリケーションを挙げてみます。 いいものはいっぱいあるんだけど Mac らしいと思うものや、Windows から Mac に移行した人が困りそうな点を補ってくれるものを優先 ブラウザや Dropbox, Evernote
安価でコンパクトだけど絶大な威力の「ルルド マッサージクッション」を買った
電器屋さんに置いてあったマッサージクッションをちょっと試してみて、 帰宅してからもその心地よさを忘れることができずそのまま購入に至った。 届いた。ルルド マッサージクッション。 中身はこんな感じ。中身っていうか本体。 見た目は普通のクッションです。 ここを押すと電源が入る。どっかで見たことあるマーク。 まだ数日だけど、本当に買ってよかった。 今年の買って良かったランキングのトップを狙えるレベル。 最近周りの人にもよくこれの話をしてて 絶賛しすぎて胡散臭くなってるんじゃないかという気がしてきたんだけど ともかく何がそんなに素晴らしいのか書いてみます。 もみ心地がよい まあマッサージ器具だからこれが一番大事なんだけど こんなただのクッションみたいなものが とてもいい具合にマッサージをしてくれます。 まあともかくこちらをご覧なさい。 カバーをめくると中で揉み玉が動いてるのがわかる。 この揉み具合
いまさらですけど「OAuthなら安心」という誤解について
Twitter の BASIC 認証が廃止され OAuth が標準の認証方法になりましたね。 BASIC 認証と OAuth ものすごく簡単に言うと、 BASIC 認証というのは毎回 ID とパスワードを使う認証方法なので 外部のサービスを利用するには その運営者に ID とパスワードを預けることになる。 それに対して OAuth というのは Twitter から専用のアクセストークンというものが提供され アプリケーションはそのトークンを使って Twitter にアクセスするので 外部サービス運営者にパスワードを渡す必要がない。 そのサービスの利用をやめたい場合も サービス側に申請する必要はなく、 Twitter のサイト上で「許可を取り消す」というボタンを押すだけ。 これは安心。 安心じゃない 確かに、ID とパスワードを渡すということは 相手がその気になれば何でもできるということ。 ア
“OAuth”は何と読むか
“OAuth” は何と読むのか、が話題になることがある。 たしか最初は “oath” と同じ発音だった（これが「オース」）けど 今は “Oh Auth” と発音をするのだと書かれていたのを見た気がするので “oauth pronounce” で検索してみたらまさにそれが出てきた。 "OAuth" is pronounced "Oh Auth" and has two syllables "OAuth" is pronounced "Oh Auth" and has two syllables "OAuth" の発音は "Oh Auth" で、2音節だよ。 経緯についてはこう。 OAuth was originally called "OpenAuth" but then AOL took the name, so we renamed to "OAuth". We originally p
bit.lyで任意の文字列を使ってURLを作る方法
URL 短縮サービスの bit.ly で普通に短縮をしたら このように色気も素っ気もない URL になるんだけど http://bit.ly/12j2s7 このように任意の文字列を指定することもできる。 http://bit.ly/msng ただ、最初の頃はわかりやすかったのに 今は嫌がらせとしか思えないくらいわかりにくいところにあるので ちょっと書いときます。 その後わかりやすくなりました。 画像は差し替えてないけどわかると思うので勘弁してください。 まずは bit.ly に行く 当然ですね。 bit.ly, a simple url shortener 短縮したい URL を入れる 普通ですね。 “Share on Twitter”“Customize” をクリック 変なのはここ。Twitter 関係ないんだけど、なぜかここをクリックする。 “Customize” というボタンになりま
PHPで「Sign in with Twitter」を実装する方法
方法も何も、これさえできていれば PHPでTwitter APIのOAuthを使う方法まとめ – 頭ん中 一カ所書き換えるだけ。 事前の準備 アプリケーションを Sign in with Twitter に対応させときましょう。 https://twitter.com/apps に行く。 対象となるアプリケーションを選ぶ。（アプリケーション未登録の場合は上掲の記事に登録方法を書いているのでまずはそちらへ。） “Edit Application Settings” のボタンを押す。 一番下のあたりにある “Use Twitter for login” のところにチェックを入れて “Save” のボタンを押す。 はい完了。 Sign in with Twitter のやり方 OAuth でユーザーに承認してもらうとき、通常なら http://twitter.com/oauth/authoriz
PHPでTwitter APIのOAuthを使う方法まとめ
この記事以降 Twitter API の仕様が変わっており、このままでは正しく機能しない場合があると思います。近いうちに今のやり方を書くので、それまで参考程度にご覧ください。 Twitter API の OAuth でひととおりやってみた。 忘れないようにメモ。 大雑把な流れ Twitter にアプリケーションを登録する。 Consumer Key と Consumer secret を取得する。 リクエストトークンを取得する。 認証用 URL を取得する。 ユーザーから承認を受ける（bot の場合は自分でやる）。 アクセストークンを取得する。 API にアクセスする。 以下、やった作業の手順です。 事前準備 HTTP_OAuth を使えるようにする OAuth の通信部分そのものは PEAR の HTTP_OAuth を使うことにしたので これをインストールする。 一番めんどくさい部分を
Twitterのパスワードが強制的にリセットされた件
2009/11/27 5:32 付けで Twitter からこんなメールが来てた。 要するに Twitter のパスワードをリセットしたから再設定してねとのこと。 全文英語のメールだったし 何か長ったらしいリンクがついてるしで このメールをスルーしちゃってて 気づかずに困ってる人もいるかもしれないので、 まずは原文と日本語訳を載せておきます。 Hey there. Due to concern that your account may have been compromised in a phishing attack that took place off-Twitter, your password was reset. Please create a new password by opening this link in your browser: http://twitter.
ハロウィン版Googleロゴに施されたいたずら
※ この記事は2009年のものです。 本日10月31日はハロウィンということで Google のロゴもハロウィン仕様になっている。 ジャコランタンを模した飴の袋ですか。 これを何気なくクリックしてみたら 絵が変わった。ぜんぶお菓子で “Google” の文字。 面白いなあと思ったんだけど、それで終わりじゃなかった。 もう一度クリックすると 増えた。もうロゴの原型を留めてない。 さらにクリック。 食べとる。 これをクリックすると、 「ハロウィン」の検索結果ページに飛んだ。 Google はよくこういういたずらをしますね。 これぐらいの罪のないいたずらは大好き。 しかもこのロゴ画像のファイル名が “Trick or Treat” ならぬ “clickortreat” になっとる。こまかいなあ。
ユーザーからのお問い合わせメールでハッとさせられたこと
運営しているサービスを利用してくださっている方から お問い合わせのメールをいただくと、 たまにハッとさせられることがある。 その中から衝撃的だったのをひとつ。 そのサービスはログイン時に メールアドレスとパスワードを入力してもらうやつなんだけど、 それについてこういうお問い合わせが。 メールアドレスを2つ登録したいのですが メールアドレスによってユーザーを識別しているので メールアドレスを2つ登録しちゃったら それぞれが別ユーザーになっちゃいます。 もちろん1ユーザーに2つのメールアドレスを割り当てるよう システムを修正することも可能ではありますが いったい何のために2つ登録したいのか聞いてみると 会社のアドレスで登録してるんですが、家でも使いたいので なるほど！ メールアドレスというのはもともと識別子の集合に過ぎないし ウェブサービスのログインに使う場合にはもう 単なるユニーク文字列でし
言葉の順番がいかに重要かを示すひとつの例 « 頭ん中
さきほど @etekichi さん経由で目にしたこの名言。 Twitter / 閑歳 孝子 今日の名言「今大事なのは仕事 いつも大事なのはお前」 「仕事と私とどっちが大事なの」という 長年にわたって人類を悩ませ続けてきた難問への見事な解答だと思う。 ぜひとも覚えておきたいものですね。 それはそうと、この名言は 順番を変えるとだいぶ印象が違う。 今大事なのは仕事 いつも大事なのはお前 いつも大事なのはお前 今大事なのは仕事 オリジナルの方だと、後半を聞いて「えへっ」となるのに対して 後者のように順番を逆にすると言い訳にしか聞こえない。 このときも書いたんだけど 苦情メールに返信するとき意識すること – 頭ん中 おっしゃることはよくわかります。しかし実際はこうなのです。 実際はこうなのです。しかしおっしゃることはよくわかります。 相反する内容を並べて言うときは 後半が主題になることが多い。
Twitter用『笑っていいとも！』次回のゲストお知らせbotを作ったよ
Twitter用『笑っていいとも！』次回のゲストお知らせbotを作ったよ 2009年08月13日 14:34Twitter 以前たまたま『笑っていいとも！』を見てて 何気なしに Twitter で Twitter / マスナガ 明日の笑っていいともは瑛太 とつぶやいたら 「情報ありがとう」という声に加えて Twitter / 山田進太郎 @msng 毎日教えてくださいw というご注文もいただいたんだけど、 毎日見ないし 毎日見たとしても毎回投稿はしないだろうから 代わりにそれ用の bot を作ってみた。 このようなことをつぶやきます。 【笑っていいとも】８月１１日のゲストは高橋克実 毎回は見ないけど、興味ある人が出てるなら見るかも という人はよかったらどうぞ。 笑っていいとも次回のゲストお知らせbot (iitomorrow) on Twitter さて一番大事なことを言いますが、 この
「だから君は内定がもらえないんだ」跡地
ここにあった記事は削除しました。 自分の教え子を激励するための文章を書いて 自分のブログに掲載しただけなんだけど、 当然ながら他の方々の目にも触れて いろんな思いをされるようなので。 これまでの彼らとのつきあいや 彼らに伝えてきたことをご存じない方の目に触れると どうも文章の趣旨とは違ったものが連想されるみたいなので 別の、見ず知らずの方の目には触れないところに置いてます。 そこでは今まさに就職活動をしている教え子たちがそれを読んでくれて いろんな反応をしてくれています。 そのまま受け止めてくれたり、決意表明をしたり、 それをきっかけに現状の報告をしてくれたり。 当たり前ですが、全員が納得するわけはありません。 が、納得できないなら納得できないで 自分なりに何かを考えたり、意見を表明したりできる子たちです。 賛同してくださった方、 建設的な異論をくださった方、 ご自身の考えを記事にしてくだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
