無料で商用にも使える日本の郵便番号APIをリリースしました
jp-postal-code-api https://github.com/ttskch/jp-postal-code-api 日本の郵便番号から住所のデータを取得できるWeb APIです。 GitHub Pagesを使用して静的なJSONファイルとして配信している ため、可用性が高いのが特徴です。また、オープンソースなのでクライアントワークでも安心してご使用いただけます。もしリポジトリの永続性や GitHub Pagesの利用制限 が心配な場合は、ご自由にフォークしてご利用ください。 日本郵便によって公開されているデータ を元に住所データのJSONファイルを生成して配信しています。JSONファイルには日本語表記・カナ表記・英語表記の住所データが含まれています。ただし、以下の注意事項があります。 大口事業所個別番号の住所データは以下のように出力されます（元データ の内容がそうであるため）
JavaScriptの小技集 - Qiita
はじめに 初投稿です。 知ってたら便利になる小技が無かったのでまとめました。 「小技が知りたい...だけど検索しても出てこない...！」 そういう時に役立ちます。 比較的古いバージョンのJSでは一部の小技が使えないかもしれません。 随時追加予定です。他に小技をご存じの方はコメント欄にGO。 おことわり この記事は、あくまで"こんなやり方もあるよ"と紹介しているだけなので、何でもかんでもこれらの小技を使うと、かえってコードの可読性を下げる可能性があります。コードサイズと可読性を天秤にかけてどちらが良いかを都度確認しましょう。 記事内の間違った部分の指摘等はこの記事のコメントや編集リクエストでして下さい。 当方コードゴルファーなので、バイト数短縮小技も入れていることをご了承ください（一応該当する節には＊をつけています）。 配列 配列の重複した値を削除1 const meta = ["foo",
Did You Know the Ordered List Element Has Start and Reversed Attributes? | CSS-Tricks
And the start attribute can be added to begin the list at a number other than one, like this: <ol start="2"> <li>Apple</li> <li>Banana</li> <li>Pear</li> </ol> I’m not sure how I never knew about these properties! I guess I can see how they might come in handy in the future. There are plenty of times when we need to break up ordered lists here on CSS-Tricks with things like code blocks and having
フォームのinput要素に電話番号・日付・時間・金額など、数字のフォーマットを定義できるスクリプト -Cleave.js
クレジットカード番号・電話番号・日付・時間・金額などを入力するフォームのinput要素に、数字を区切ったり、記号文字を加えたり、入力する数字のフォーマットを簡単に定義できる軽量スクリプトを紹介します。 単体のスクリプトとしてだけでなく、Reactコンポーネント、AngularJSディレクティブでも利用できます。 Cleave.js -GitHub Cleave.jsの特徴 Cleave.jsのデモ Cleave.jsの使い方 Cleave.jsの特徴 Cleave.jsは、フォームのinput要素に入力する数字のフォーマットを簡単に定義できます。 クレジットカード番号のフォーマット 電話番号のフォーマット 日付・時間のフォーマット 数値のフォーマット 区切り文字、プレフィックス、ブロックパターン
JavaScript Array.forEachとjQuery.eachの違い - Qiita
var a=[1,2,3,4,5] //jQuery $.each(a,function(){ console.log(this); //1,2,3,4,5が、Numberクラスに変換されて表示される }); //forEach a.forEach(function(val){ console.log(this); //undefinedが表示されるか、windowオブジェクトが表示される }); var b = [5,6,7,8,9] a.forEach(function(val,index){ console.log(this[index]); //5,6,7,8,9が表示される },b);
[CSS]順序付きリスト、ol要素を丸数字で実装するスタイルシートのテクニック -spanや①は無し
Webで調べると、ol要素を丸数字で実装する時はspanとか①②③とかを使うしかないように思えますが、クリーンなHTMLで数値文字参照を使わずに、丸数字を実装するスタイルシートのテクニックを紹介します。 対応ブラウザはすべてのモダンブラウザで、IEは8+です。
![[CSS]順序付きリスト、ol要素を丸数字で実装するスタイルシートのテクニック -spanや①は無し](https://cdn-ak-scissors.b.st-hatena.com/image/square/a7ef0650ca2366040c7e9131e9a9453ac3ae7dcc/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201604%2F2016120601.png)
input要素の入力をサポートする非依存スクリプト・「Cleave.js」
Cleave.jsはフォームでのinput要素の入力をサポートするスクリプトです。jQuery等のライブラリに依存せず、単体で動作してくれます。上記の動作サンプルのように、クレカの自動認識、右寄せ入力、電話番号入力のサポート、任意のプレフィクス、任意のキーワードを区切り文字にする、これらを組み合わせる、などが主な特徴になります。尚、電話番号に関しては国別に別スクリプトが用意されています(日本ならcleave-phone.jp.js)。結構使いやすくて応用もききやすい印象でした。ライセンスはApache 2.0。 Cleave.js
Windowsで使用されているポートを調べる方法
Windowsで使用されているポートを調べる方法を紹介します。 １．問題点 WindowsでPostgreSQLを起動しようとしたのですが、別のアプリケーションがポート5432を使用しているためか、起動NGになりました。 が、どのアプリケーションがポート5432を使用しているのか分かりません。 ということで、Windowsで使用されているポートを確認する方法を紹介します。 ２．ポートを確認する ポートを確認するには、netstatコマンドを利用します。 （クリックで拡大、以下同様） netstatはTCPコネクションを表示するコマンドです。 オプションの意味は次のとおりです。 a：LISTENING状態のTCPポートを表示 n：IPアドレスやポート番号を数値で表示 o：プロセスIDを表示 これで「ローカルアドレス」のポート（":"の後方）が分かるので、一番右側にあるPID（ここでは1102
番号付きリスト（ol/li）の途中で番号を変更する方法
番号付きリスト（ol/li）の途中で番号を変更する方法を紹介します。 １．問題点 番号付きリスト（ol/li）でol要素にstart属性を与えることで、開始番号を決めることができます。 <ol start="5"> <li>あああ</li> <li>いいい</li> <li>ううう</li> </ol> 実行結果 あああ いいい ううう そうではなく、リストの途中で番号を変更したいのですが、変更する方法が分かりません。 たとえば次のリストで、「えええ」から10を振りたいような場合です。 <ol> <li>あああ</li> <li>いいい</li> <li>ううう</li> <li>えええ</li> <li>おおお</li> </ol> ２．番号付きのリストの途中で番号を変更する 途中で番号を変更するには番号を変えたいli要素にvalue属性を追加し、変更する番号を属性値に設定します。 <o
Toscani: Payment Info Experiment
Inspired by Square Wallet Download .zip Download .tar.gz View on GitHub Notes Right now, the two-digit year only allows for 12-29. Which is fine, but there's no support for automatically updating this when the year changes. We would have to update the mask manually. Might be better to leave it alone and allow server/client validation to handle this case in production. Auto-focus only works on the
ol要素の入れ子で親の番号を子に割り当てる方法
ol要素の入れ子で親の番号を子に割り当てる方法を紹介します。 HTMLマークアップ <ol class="list"> <li>タイトル1 <ol> <li>タイトルA <ol> <li>タイトルA-1</li> <li>タイトルA-2</li> </ol> </li> <li>タイトルB <ol> <li>タイトルA-1</li> <li>タイトルA-2</li> </ol> </li> </ol> </li> <li>タイトル2 <ol> <li>タイトルC</li> <li>タイトルD</li> </ol> </li> </ol> 完成イメージ 完成イメージでお分かりのとおり、子リストに親リストの番号が引き継がれています。 参考：デフォルトの表示 １．CSSの設定 親の番号を子に割り当てるには、次のCSSを適用します。 ol { counter-reset: section; } l
インタラクティブなクレジットカード入力フォームを実装するjQueryプラグイン・Card
インタラクティブなクレカ情報入力フォームを実装するスクリプトのご紹介。以前も似たようなものを紹介しましたが、こちらの方が良さそうだったので備忘録。 以前、Skeuocardというスクリプトをご紹介しましたが、こちらも同じ目的で作られたものです。 カード番号を入力すると、頭4桁を解析してカードの種類が表示されます。このスタイルもCSSのみで作っているようです。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js'></script> <script src="card.js"></script>本体とプラグインを読み込みます。 $('form').card({ container: $('.foobar')})で、セッティングするだけ。 Webで
指定した桁数ごとに自動で区切るスクリプト -Politespace | コリス
デモページ デモでは、さまざまな区切りができます。 3桁ずつ区切るなどの同数の区切り 料金など 4桁ずつ区切るなどの同数の区切り クレジットカードなど 3桁、4桁など異なる数の区切り 郵便番号など 指定数の区切りの後、残りはフリー 米の電話番号など 日本の電話番号のように最初の桁が2桁か4桁、というのは扱えないのがちょっと残念。 Politespaceの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="js/jquery.js"></script> <script src="js/politespace.js"></script> </head> Step 2: JavaScript jQueryのセレクタで適用を指定し、スクリプトを実行します。 <script> jQuery( func
PowerPointで2スライド目のページ番号を「1」にする方法
PowerPointで2スライド目のページ番号を「1」にする方法を紹介します。 ここではPowerPoint 2010を使って説明します。 １．ページ番号を挿入する まず、PowerPointでページ番号を挿入する方法です。 メニューバーから「挿入」タブをクリック。 「スライド番号」のアイコンをクリック。 ウィンドウ幅を狭くしているとアイコンが小さくなっているので注意してください。 「ヘッダーとフッター」画面が開くので、「スライド」タブの「スライド番号」をチェックして「すべてに適用」をクリック。 これで全スライドの右下にページ番号が表示されます。 （クリックで拡大） ２．タイトルにページ番号をつけない タイトルスライド（=1ページ目）にページ番号をつけたくない場合、さきほどの画面で「タイトルスライドに表示しない」をチェックして「すべてに適用」をクリック。 これで1スライド目のページ番号は非
jQueryでa番目からb番目まで範囲指定セレクタ - Web学び
2013年 2月 5日 a番目からb番目までの範囲を指定したいときに使うjQueryセレクタです。:lt()や:gt()を組み合わせます。CSSには存在しないセレクタですね。 :lt() 指定した数字より前に存在する同じ要素 :gt() 指定した数字より後に存在する同じ要素 (:lt(),:gt()内の数字は0から数えます) 以下、全て(1から数えて)3番目と8番目の間の要素を指定します。 例えばp要素内にあるそれぞれ1,2,3,4,5,6,7,8,9と書いたspan要素のうち4,5,6,7に該当します。 $('p').find('span:lt(7):gt(2)').css('color','red'); $('p').find('span:gt(2):lt(4)').css('color','red'); :not()を使うとこういう冗長な書き方も $('p').find('span:
nthmaster.com - このウェブサイトは販売用です！ - nthmaster リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Wordで途中のページからページ番号を開始する方法
Wordで途中のページからページ番号を開始する方法を紹介します。 １．概要 Wordで文書をつくるとき、1ページ目を表紙にして、2ページ目に目次、3ページ目から本文というレイアウトにするとき、2ページまたは3ページ目を「1ページ」で開始したいことがあると思います。 ということで、本エントリーではWordで文書を作るときにページの途中から1ページにする方法を紹介します。ここでは3ページ目にページ番号「1」を設定する手順で説明します。 なお、ページの途中から1ページにするには、大きく分けて次の3つの作業があります。 セクションを区切る ページ番号の挿入 ページ番号の修正 Word2007で解説しています。 ２．セクションを区切る 1ページにしたいページ（3ページ目）の先頭にカーソルを移動し、「ページレイアウト」を選択。 「区切り」→「現在の位置から開始」を選択。ウィンドウの横幅が狭いと「区切り
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
12 CSS Lists Styling - csshint - A designer hub
Creditly.js