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 でできること このボタンを押
「エスカレーターでは片側を開けず、並んで立つ」を少しずつ浸透させたい
「エスカレーターでは片側を開けず、並んで立つ」を少しずつ浸透させたい 2013年10月22日 11:39未分類 「並んで立つ」について表現が不十分だったようなので、文末に追記をしています。 以前こんなことを書いたことがあります。 エスカレーターの右か左を空けておけ、という主張について – 頭ん中 エスカレーターの右か左かを空けておくべし、という主張に対して そのときは、このような思いは持ちつつも それに倣わない人に対して不満を表明するのはお門違いで、 「そんなローカルルール知るか！」と言われたら至極ごもっとも。 実際にはこのようにふるまうことが多かったんだけど 個人的にも、空いている方を歩いて上がることも多いし 歩かないときも、できるだけ 空ける「ことになっている」方を空けて立つようにしている。 最近少し考えが変わりました。 エスカレーターの上を歩くべきではない 何かを「すべきである」とか
WordPressへの不正アクセスログを記録して見せてくれるプラグイン Crazy Bone
WordPressへの不正アクセスログを記録して見せてくれるプラグイン Crazy Bone 2013年05月11日 17:54WordPress 実際つかってみたら、面白いくらい大量に釣れた。 WordPress を狙ったブルートフォースアタック 最近、WordPress の admin ユーザーを狙った ブルートフォースアタック（総当たり攻撃）がよく話題になりますね。 WordPress へのブルートフォースアタック対策: パスワード強化 – ja.naoko.cc 要するに、ID とパスワードの組み合わせを 片っ端から総当たり式に試してみるという攻撃。 特に WordPress 3.0より前は デフォルトの管理ユーザー名が admin だったので、 admin という名前のユーザーがいると想定して それに対して大量の総当たり攻撃を仕掛けている輩がいるようです。 Crazy Bone
初期費用4,980円で「本物の」本が出版できる驚愕のサービス
これまで自費出版といえば 最低でも百万円単位の初期費用が必要だったと思います。 もちろん自分で書いた原稿を印刷して製本して手売りするだけなら それより安く上げられるだろうし 電子書籍なら印刷代も製本代も流通コストも不要ですね。 でも ISBN コードのついた紙の本を、 つまり書店で売ったり図書館に置いてもらったりできる本を作るには かなりのコストがかかります。 かかっていました。MyISBN が登場するまでは。 MyISBN とは 個人が手軽に、極めてローコストで自分の書籍を出版できるサービスです。 ちゃんと ISBN のついた本を出せるので、 図書館に置いてもらうこともできます。 国会図書館について言えば 日本国内で出版されたすべての出版物を保存することになっているので 必ず置かれることになります。 国会図書館がなくならない限り、未来永劫。 どれくらい安いか 初期費用は4,980円と格安
広島県でデーモン閣下がガン検診の啓発キャラクターに起用されている件
広島県がん検診啓発キャラクターに、 とんでもないお方が起用されてました。 悪魔。 「がん検診へ行こうよ」じゃないですよ。 「行くがよい！」ですよ。 ちゃんと紹介文も載ってます。 デーモン閣下さん（悪魔）。 閣下、いまは「デーモン小暮閣下」じゃなくて「デーモン閣下」なんですね。 デーモン閣下 – Wikipedia 正式な芸名は、2010年初頭頃から「デーモン閣下」（それまでは「デーモン小暮閣下」） デーモン閣下さん（悪魔）は、チラシの裏面でも 熱いお言葉をくださってました。 日本人の2人に1人が「がん」になり、3人に1人が「がん」でなくなっておる！ 「がん検診」は自覚症状のない健康な諸君が対象なのだ！ これは検診に行かなければ。 ちゃんと「行くがよい」推進会議のサイトにもご登場なさってます。 「おしい！広島県」以降、 なんか吹っ切れた感じがしますね広島県。
スマートフォンアプリの納得いかないレビュー
スマートフォン用アプリケーションのレビューを見ていると、 たとえ自分が作ったものではないにしても どうにもこうにも納得のいかないものがあります。 たとえばこういうの。 ★☆☆☆☆ 英語版しかない。日本語対応してください！ たぶんですけど作った人は日本語わからないと思うので、 あなた自身が英語対応することも検討してください。 ★★★☆☆ すごく気に入ってます。 今後への期待の意味を込めて星を減らしておきます。 その愛情の表し方はきっと伝わりません。 期待するなら星を増やしてあげてください。 ★☆☆☆☆ LINEはxxxxxです。絡んでくれる女の子募集！ そこは絡んでくれる女の子を募集するための場所ではありませんし、 それでもあえてその場所をそのような目的で使うのであれば 低い評価をつけて投稿するのはより一層まちがってると思います。 正当な評価は自分のため レビューというのはそのアプリケーショ
Windowsで作られたZIPファイルを文字化けせずにMacで解凍してくれるアプリケーション The Unarchiver
Windowsで作られたZIPファイルを文字化けせずにMacで解凍してくれるアプリケーション The Unarchiver 2013年01月23日 15:51Mac Windows と Mac の間でファイルをやりとりすると ファイル名の文字化けが起きることがよくありますね。 Mac で ZIP ファイルを作って Windows に渡すときは これをやっておけばこの問題は回避できると思います。 MacからWindowsにファイルを渡すとき最低限やっておきたいこと – 頭ん中 逆に、Windows からもらった ZIPを Mac で解凍したら ファイル名が文字化けするということもよく起きます。 Windows 側で ZIP するときに何かできるのかもしれないけど 受け取った Mac 側でもこれを使えば解決できました。 Mac App Store – The Unarchiver The Un
Mac で iPhone シミュレータを直接起動する方法（と、そもそものインストール方法）
Mac で iPhone シミュレータを直接起動する方法（と、そもそものインストール方法） 2012年12月14日 16:54Mac Mac に Xcode を入れると iPhone (iOS) シミュレータをインストールできますね。 Xcode で iOS アプリケーションの開発をしているときなら プロジェクトから起動できます。 でもちょっと iPhone の Safari でウェブサイトを表示したいぐらいの時に いちいちそんなことやってたら日が暮れてしまうので iOS シミュレータを直接開けるようにしといた方がいいかもしれません。 公開されてるサイトならまだ実機で見られるけど シミュレータのブラウザなら開発機の localhost にもアクセスできるし。 けどこのシミュレータがどこにあるか ちょっとわかりにくいのでメモしておきます。 シミュレータのありか シミュレータは Xcode の
逆転の発想「ヒマの共有」で気になるあの娘を気軽に誘えるサービス “Belle”
時間を調整するのに使えるサービスは世にたくさんあるけど その多くは「予定の共有」がベースになってると思う。 ところがこの Belle は逆。 予定を共有するんじゃなくて、ヒマな時間を共有するようになってる。 しばらくベータ版を使ってみてた Belle が このたび正式リリースするとのことなのであらためて。 「予定の共有」ではわからないこと Facebook イベントにしても Google カレンダーにしても 公開されていれば、その人に「いつどこでどんな予定があるか」はわかる。 こういうものが簡単に公開できるというのは確かに便利な話で、 「おおそれは面白そうだ。自分も行こう」と思った人は一緒に参加できるし 「それなら焼肉いくのは他の日がいいね」と調整することもできる。 でもこれらは 「金曜日ヒマなんだけど誰かー」という状況を前提としていない。 「予定がある」ことは共有できても 「予定がない」
数千万のLINEユーザーにウェブページの情報を伝える魔法のボタン「LINEで送る」の作り方
数千万のLINEユーザーにウェブページの情報を伝える魔法のボタン「LINEで送る」の作り方 2012年10月12日 11:18ブログ 作り方というか、サービス公開のお知らせというか。 それは何 このブログにスマートフォン等でアクセスすると、 記事の下にこういうボタンが出るようになってます。 これをタップすると、こんなページに飛んで そこに何をすればいいのか書いてあります。 要するに上のボタンを押すだけ。 LINE がインストールされているスマートフォンで開けば 勝手に LINE のアプリが立ち上がるので、 あとは友達リストから相手を選ぶと ページの情報が勝手に挿入されるので その記事について知らせることができます。 「Facebook でシェア」ならぬ「LINE でシェア」ボタンです。 増大し続ける LINE の影響力 これを書いている時点でLINE の登録ユーザーは 世界6,500万人・
PHP で「Login with Facebook」を実装する基本的な方法まとめ
Facebook は Login with Facebook という機能を提供してくれてて 手元のウェブサービスに Facebook を使ってログインすることができますね。 日本語表示だと「Facebook でログイン」というやつ。 本家から便利なツールも提供されていて かなり簡単に使えるようになってるんだけど、 最初は少し戸惑うかもしれないので使い方をまとめておきます。 やり方もできることもいっぱいあると思いますが 簡単だと思われるやり方と、最も基本的な機能を中心に。 やりたいこと ウェブサービスのページ上にこういうボタンか 専用のボタンまたはリンクが表示されていて ユーザーがこれをクリックするといったん Facebook に飛び そこで承認ボタンを押したら元のページに帰ってきて その時点でウェブサービスがユーザーの ID や名前などを取得できるというの。 以下、手順です。 Facebo
小学生が写真を撮るのに使うのはケータイではなく、まさかのあれだった
小学生が写真を撮るのに使うのはケータイではなく、まさかのあれだった 2012年09月18日 12:21未分類 先日 水族館へ行ったとき おもしろいことに気がついた。 週末だったので親子連れも多くて大賑わい。 昔と違うな、と思うのは ちびっ子たちが手持ちの機器で写真を撮っていることだった。 いまどきの子だからケータイかな、と思ったら違った。 誇張ではなく、写真を撮ってる子の過半数が使ってたのが ニンテンドーDS。 正確に言うと、カメラがついてるのは ニンテンドーDSiとニンテンドー3DSですけども。 見たところ、大人の場合は 多い順にスマートフォン、コンパクトカメラ、一眼だったけど 子供は圧倒的にニンテンドーDS。 確かに、カメラもケータイも持ってなくても ゲーム機なら持っている子は多そう。 考えてみれば、電車やバスで移動していると 車内でゲームをして遊んでいる子は確かによく見る。 おそらく
ゆるい天気予報 iOS アプリ『あめふる』が強烈に便利
天気予報を知らせてくれるアプリケーションはいっぱいあって iOS 端末でもいろんなのを試してみてたんだけど、 『あめふる』を使うようになってからは もうこれだけで生きていける気がしてきた。 シンプルな最適解 『あめふる』はそれはそれはゆるい天気予報アプリで、 こちらから積極的に操作することはほとんどないし 特に高度な機能もない。 やってくれることはただ一つ、 雨が降りそうな日の朝に歌を歌って知らせるだけ。 曲は映画『雨に唄えば』のテーマ曲『雨に唄えば』。 曲と一緒に表示される通知はこんな感じ。 傘を持って出かけよう。 設定した時刻に勝手に知らせてくれるだけなので何もしなくていい。 勝手に知らせてくれるから開かなくても使えるんだけど、 開いてみたらこんな表示。ゆるい。 設定項目も、場所と通知時刻の2点だけ。 これで十分 考えてみれば、天気予報を見るのは 「今日は傘を持って出かけるべきか」とか
Facebookのメッセージは送信者を自由に偽装して送れることが判明
これちょっとマズいんじゃないかなあ。 Kampa! の人である佐田さんが見つけて教えてくれたんだけど、 Facebook のメッセージは割と簡単に他人になりすまして送れるみたい。 以下、すべて送信者と受信者の自発的な協力を得て試してみた結果です。 起きること Facebook ではユーザーに @facebook.com のメールアドレスが与えられています。 個人ページが www.facebook.com/namaewo の人なら namaewo@facebook.com という具合に。 そのアドレス宛にメールを送ると、 アドレスの所有者に Facebook 上のメッセージとして届きますね。 この時、そのメールの送信元メールアドレスが 別の Facebook ユーザーによって登録されているアドレスであった場合 Facebook では、そのユーザーから送られたメッセージとして扱われます。 電子
【追記あり】日経新聞の記事はクレジット表記なしで自由に転載していいことが判明しました - 頭ん中
としか解釈のしようがないんですけど、 もし間違っていたらいけないので 他の考え方もできるよという方がいらっしゃったら教えてください。 判断の内容 日経新聞ウェブ版の記事は、スクリーンショットを自由に転載していい 情報源は「ある新聞」と書けばよい 元記事へのリンクは必要ない その際、許可を取る必要はない 判断の根拠 こちらの記事に 機種変更で「１人負けドコモ」の必死さに触れました ：日本経済新聞 当ブログの記事のスクリーンショットが掲載されていますが、 「あるブログ」とだけ表記されておりますし 情報元へのリンクもされていませんし そのことについて事前にも事後にもご連絡はいただいておりませんので 上記のような方針で運営されているものと判断しました。 誤っていれば速やかに訂正します もし上記の判断が何らかの誤りを含む場合は速やかに訂正いたしますので 何かご存じの方がいらっしゃったら ご連絡をい
「ドコモ一人負け」の状況はもはやこのレベルなのか
通信キャリアの契約状況に関連して 最近「ドコモ一人負け」という言葉を聞くことがあります。 要するに NTT ドコモを離れて他社と契約する人が多いため 他のキャリアは契約数が伸びているのに ドコモだけが減っている（あるいは増えていない）ということでいいですか。 話には聞いていたけど、ここまで来ていたとは。 ドコモショップが堂々と言ってしまっている・・・。 ところで、マジレスすると これ訴え方が違う気がします。 「新規値下げします」ということは いまドコモを使ってない人への訴えだと思いますけど ドコモが一人負けだろうがなんだろうが au やソフトバンクやイーモバイルのユーザーの知ったこっちゃない。 助けて差し上げる理由はありません。 ドコモの懐具合が悪くなって困るのは それに伴うサービス低下の影響を受けるドコモユーザーなので 「助けてください」と訴えるなら その相手はドコモユーザーじゃないかな
人前でプレゼンをするときに気をつけたい8つのことがら
プレゼンテーションに関するイベントで「人前で発表をするときに気をつけたい8つのことがら」という発表をしてきました。その概要をメモしておきます。 ここで挙げたのはこの8つ。 準備 自己紹介 スライド 時間 話し方 コミュニケーション ツール しめくくり ではそれぞれの中身を。 1. 準備 最悪の事態に備える 行った先で、すべてが期待どおりに動くことはまずないと思ってます。「ネットが繋がると思うな」「自分のPCが使えると思うな」「Mac (Windows) があると思うな」ぐらいでちょうどいい。 現地ではうまくネットに接続できないかもしれないから、ファイルは事前にダウンロードしておく、ウェブサイトの画面はスクリーンショットを撮っておく、デモはローカル環境で動くものを用意する。 接続がうまくいかなかったり急に動かなくなったりで自分が持って行ったパソコンが使えないかもしれないから、スライドのファイ
隠れた場所に秘密のメッセージを埋め込むサービス spacer.in を公開します
以前こういうことをやってみたんだけど GitHub に spacer.gif をコミットした – 頭ん中 実はここでコミットした spacer.gif には秘密があって このファイルをバイナリエディタで見ると このブログの URL が埋め込んであります。 GIF というのは終端コードが 0x3B (ASCIIの ; にあたる）で これがあったらデータ終了と見なすので この後に何を書いても無視されますね。 サービスにしてみた ついでに、ここに自由な文字列を埋め込めるサービスを作りました。 その名は spacer.in spacer.in 閉鎖しました 入力欄に好きな文字列を入れて 下の Download spacer.gif というボタンを押せば その文字列が埋め込まれた spacer.gif をダウンロードすることができます。 3つの安心 秘密のメッセージを書いても 画像に埋め込んであるの
Google Drive (旧 Google ドキュメント) でフォームの投稿に確認メールを自動返信する方法
Google Drive (旧 Google ドキュメント) でフォームの投稿に確認メールを自動返信する方法 2012年04月23日 11:50Google 方法っていうかスクリプト。 Google Drive (旧 Google ドキュメント) のフォーム機能は便利ですね。 簡単な申し込みフォームぐらいならすぐ作れる。 ただひとつ悩ましいのは、 申し込みをした人に送信内容の控えを送る機能がないところ。 なので「申し込んだかどうか忘れた」とか 「日時や場所がわからなくなった」とかいうこともよく起こります。 またフォームの管理者に「投稿があった」ことを通知する機能はあるけど 具体的な投稿内容はその都度スプレッドシートを開かないとわからない。 （一応書いておくとこれは「ツール」→「通知ルール」から設定） ただ Google Drive では Google Apps Script というのが使え
ウェブサイトに円記号を書くときは、どうかこれでお願いします
わかってる人にはもう「何を今さら」という話かもしれませんけど、悲しい思いをすることが多いのでここであらためてお願いします。 ウェブサイトに金額を書くとき、円記号 (¥) を使う際には HTML に ¥ ではなくて ¥ と書いていただきたいのですお願いします。 日本語環境の Windows 端末から入力した円記号は、日本語環境の Windows で見ると円記号になってますけど、その他の多くの環境であれはバックスラッシュになります。 日本語版の Windows でこう表示されていても その他の環境ではこうなります。 HTML 内に \ ではなく ¥ と書けば基本的にはどの環境でも ¥ が表示されるはずなので、円で金額を書く時にはぜひ ¥ にしていただきたいのですお願いします。 こいうことが起きている事情はこのあたりで。 日本語用文字コードにおける円記号 – Wikipe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
