タグ

ブックマーク / www.msng.info (8)

  • 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 でできること このボタンを押

    input タグで画像を選んだら即時にプレビューを表示する jQuery iPreview プラグインを公開しました。
  • Vagrant 1.3.0 からは2回目以降の起動時にプロビジョニングが自動で走らないので注意

    Vagrant 1.3.0 からは2回目以降の起動時にプロビジョニングが自動で走らないので注意 2013年09月08日 15:18未分類 2回目から自動で走らないというか、 デフォルトでは初回のみ走るというか。 Vagrant 1.3.1 にした しばらく Vagrant のバージョン 1.2.7 を使ってたんだけど 1.3.1 が出てたので手元の環境もアップデートしてみました。 すると vagrant up や vagrant reload したときの挙動が違う。 なぜかプロビジョニングが走りません。 Chef やらシェルスクリプトやら Puppet やらを使って 環境を設定してくれるやつね。 仕様が変わってた これはどうしたことかと思って Changelog を見たら プロビジョニングに関する仕様が変わってました。 vagrant/CHANGELOG.md at master · mi

    Vagrant 1.3.0 からは2回目以降の起動時にプロビジョニングが自動で走らないので注意
  • HTML の br タグを CSS だけで消す方法

    HTML に br という要素がありますね。 4.6 Text-level semantics — HTML5 The br element represents a line break. ということで、改行を表すということになってます。 以前は <br /> が不要なら <br /> を入れなきゃいいじゃない というだけの話だったんだけど、 最近これを有効にしたり無効にしたりと切り替えたくなることがあります。 例えばいわゆるレスポンシブデザインでサイトを組むときに 大きな画面なら表示範囲にゆとりがあるから改行を入れて広く使ってもいいけど スマートフォンなどの画面でそれをやると一目に入る情報量が減っちゃうから そのときだけ br をなかったことにしたいという具合に。 考えたこともやったこともなかったんだけど、 これ実に簡単な話でした。 display: none; にする 要するに br

    HTML の br タグを CSS だけで消す方法
  • 温泉の注意書きに学ぶ「伝わる」メッセージのために覚えておきたいこと

    その注意書きは、確かに読んでいた。 書かれた言葉の意味も理解していた。 それでも、そのメッセージは伝わらなかった。 露天風呂のメッセージ 初めて行った露天風呂の壁に こんな貼り紙がされていた。 一段目の下は低くなっています。お気をつけください。 一段目があって、下の段もあるんだな。 下の方の段は、低くなっているんだな。 だから気をつけないといけないんだな。 そして、風呂に入った。 少しびっくりした。 深い。この風呂、深いよ。 確かに書かれていた 確かに、そのことは書かれていた。 よくある露天風呂のように、岩場が段になっていて 一段目は出入りのための階段と腰掛けを兼ねた部分。 その下の段が、風呂の底。 確かに、一般的な浴槽と比べて、下の段が低い。 言葉の意味は理解していたのに 実際の感覚と結びついていなかった。 だから、入って少しびっくりした。 どこですれ違ったか 営業時間外の浴槽は空なんじ

    温泉の注意書きに学ぶ「伝わる」メッセージのために覚えておきたいこと
  • 英語を学ぶすべての日本人に薦めたいNHKの学習番組『トラッドジャパン』

    英語を学ぶおおよそすべての日人にお勧めしたいのが NHK の語学番組『トラッドジャパン』です。 NHK語学番組 | トラッド ジャパン | 必ず身につけたい知識 英語を学ぶ目的は人それぞれだと思うけど、 「何らかのコミュニケーションのため」という点においては ほぼ共通してるんじゃないかな。 いわゆる異文化間コミュニケーションでは そこで使われる言語の能力ももちろん重要だけど お互いの文化、社会的背景や両者の違いを理解することも同様に大切ですね。 だからといってアメリカ歴史やらイギリスの風習やら 英語圏の文化や社会について知識をつけろとかそういうことではなくて、 まず自分の、例えば日人なら日のことを知る方が大切じゃないかと思ってます。 自分が背景に持つ文化について何も知らないで 何が異文化間コミュニケーションですか。 日文化に関する知識と理解が不足していると実感したのが 『トラッ

    英語を学ぶすべての日本人に薦めたいNHKの学習番組『トラッドジャパン』
  • Git でファイル名やディレクトリ名の大文字/小文字を変更する方法

    Git で管理しているプロジェクトで フォルダ名の大文字小文字を変更しようとしたら うまくいかなくて悩んだのでメモ。 素直にこうやると % git mv yebisu/ Yebisu/ 何かおこられた。 fatal: renaming 'yebisu' failed: Invalid argument ディレクトリじゃなくてファイルでやるとわかりやすい。 fatal: destination exists, source=duvel.jpg, destination=Duvel.jpg 「移動先にはファイルが存在するよ」ということでおこられます。 Mac のファイルシステムでは、 大文字小文字の違いがあっても同じものと見なされるんですよね。 Linux なら問題ないと思うんだけど。 ファイルの場合 -f オプションで解決。 % git mv --help OPTIONS -f, --for

    Git でファイル名やディレクトリ名の大文字/小文字を変更する方法
  • Windows XPでメイリオを使う方法まとめ

    Microsoft のダウンロードセンターから フォント「メイリオ」をダウンロードできるようになった。 もともと Vista 用のこのフォントも 2007年12月から Visual Studio 2008 Express Edition をインストールすることで XP に入れられるようにはなっていたが、 Visual Studio を使わない人にはちょっとハードルが高い感じだった。 今回はメイリオ単体でダウンロードできるようになったということね。 ただ、メイリオをダウンロードして XP に入れるだけでは 綺麗な縁で表示されない。 そのやりかたまとめ。

    Windows XPでメイリオを使う方法まとめ
  • 苦情メールに返信するとき意識すること - 頭ん中

    ウェブのサービスを運営してると ご立腹の方からメールをいただくこともある。 そういうメールにご返事をする場合に これを意識しておいた方がいいな、 と思っていることをいくつか。 もちろん事情はその都度違うので いつも同じ対応をするということではないけど、 基的な考え方として。 たとえ正当な訴えでなかったり 単なる誤解に基づくものであったりしても ちょっとの配慮で穏便に済むならその方がいいですね。 できるだけ早く返信する 時間が経てば経つほど 「無視された感」が高まって 余計によろしくないことになってしまうから。 すぐにご返事できないときは 「すぐにご返事できないのであらためて」と すぐにご返事する。 できることとできないことを明確にする 何らかの対応を求められていて その要求が正当なものである場合、 できることがあるなら 何ができるかを明確に伝える。 ただし、どう考えても正当な訴えではなか

    苦情メールに返信するとき意識すること - 頭ん中
  • 1