郵便番号を入力すると住所を自動補完してくれるjQueryプラグイン・jquery.jpostal.js
郵便番号から住所を自動補完してくれるライブラリのご紹介。他にもいくつかありますけど使いやすかったので備忘録として。 よくあるやつ。メンテも不要との事なので助かります。 <script type='text/javascript' src='http://code.jquery.com/jquery-git2.js'></script> <script type="text/javascript" src="http://jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"></script>ライブラリはgooglecode.comにホストされているものを直接読み込みます。 $('#postcode1').jpostal({ postcode : [ '#postcode1', '#postcode2' ], address : { '#ad
デザインするレイヤーの話とUXDの話 : void chachaki::Blog::main()
最初に結論を書くと、デザインのレイヤーを揃えて話をしないといけないし、何でもかんでも「UXデザイン」と言ってしまうのは問題の矮小化が起こるからやめた方がいいと考えます。 セブンカフェのUI論について を読んで、「UIやオペレーションには確かに改善点はあるものの、ユーザーに対して新しいコンビニの価値提案ができたことは、とても素晴らしいことではないか」という結論には同意しつつも、デザインの失敗の烙印を押されているのは仕方がないことなのではないかと思っています。 そもそも、佐藤可士和さんは何のデザイナーかと言うと、wikipediaによれば肩書は「クリエイティブディレクター、アートディレクター、グラフィックデザイナー」で、プロダクトデザイナーではないと思います。いわゆるコンセプトワークと言われるような、企画に相当するところを仕事として、ビジネスをつくる仕事をしているように思えます。 このような佐
クソコードに対する怒りとコードレビューにおける人格攻撃について | おそらくはそれさえも平凡な日々
デキるプログラマだけが知っているコードレビュー7つの秘訣 7つの秘訣の1〜5は本当にそのとおりだと思います。 「怒り」って言葉を使っているところはなかなか画期的だと感じた。というのも僕は前から「人格攻撃に思われて」しまうような、コードで人を殴るようなことをしてしまう人が出てきてしまうのは何故かということを考えた時に、そこには「コードに対する怒り」があるからだろうなと思っていたからである。怒りがあるからこそ強く指摘しすぎてしまうことが起こりうる。 「怒り」というのはつまり「感情」である。であれば、「その『怒り』はコードに向けられたものであり、書いた人に対してのものではないので、その人に対しての攻撃ではない」というのは、理屈ではかろうじて通るかもしれないが、書いた人の「感情」的には通らないこともあることは理解したほうが良いと思う。 じゃあ怒らなければ良い、という話にはしたくなくて、どうしても怒
東急ハンズとのコラボ商品「キングジム×ハンズ トラベル・オレッタ」発売 | 2014年ニュースアーカイブ | ファイルとテプラのキングジム
Twitterの日常会話から企画が実現！ 書類を折りたたんでコンパクトに持ち運べるホルダー「オレッタ」を、東急ハンズとコラボレーション！ 「キングジム×ハンズ トラベル・オレッタ」発売 株式会社キングジム(本社：東京都千代田区、社長：宮本 彰)と、株式会社東急ハンズ(本社：東京都渋谷区、社長：榊 真二)は、両社の公式ツイッターの会話をきっかけにコラボレーションした、A4サイズの書類を三つ折りにして持ち運べる「キングジム×ハンズ トラベル・オレッタ」を東急ハンズで発売いたしました。販売数量は1,000冊限定です。 「キングジム×ハンズ トラベル・オレッタ」は、昨年11月、両社のツイッター公式アカウント(キングジム：@kingjim、ハンズネット：@HandsNet)の日常会話をきっかけに生まれた商品です。両社のツイッター上の会話に、熱心なファンから商品化を望む応援メッセージが多数寄せられ、コ
[CSS]パララックスのエフェクトをスクリプト無し、CSSで実装するチュートリアル
ページ上のコンテンツを複数のレイヤーで構成し、それぞれを異なるタイミングでスクロールさせるパララックスのエフェクトをスクリプト無し、CSSで実装するチュートリアルを紹介します。 デモページをスクロールしたとこ パララックスの構造の可視化は、左上の「Debug」をチェックします。 パララックスの実装 Step 1: HTML divなどで各レイヤーを配置します。 <div class="parallax"> <div class="parallax__group"> <div class="parallax__layer parallax__layer--back"> ... </div> <div class="parallax__layer parallax__layer--base"> ... </div> </div> <div class="parallax__group"> ..
![[CSS]パララックスのエフェクトをスクリプト無し、CSSで実装するチュートリアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/9a7f8ebcbac962aaeb8aafa79af88e7fa1ccc7c0/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014082002.gif)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
