JS CSV読み込みjQueryで表示 CSVを読み込み、jQueryで出力するサンプルです。 HTML5のFile APIを使ってローカルのCSVファイルを取り込み、加工できる状態にするスクリプトです。 下記のようなカンマ区切りのファイルをローカルに置き、... 2019-07-28 04:54:43
JS クリックでコピー ボタンをクリックするとテキストなどをコピーするJSのサンプルです。 jQueryのプラグイン「clipboard.js」を使うと、どこかをクリックすることで、クリップボードにコピーすることができます。 コピーが成功したらイベントを動か... 2019-08-03 12:30:15
CSS3 スクロールバーのスタイル スクロールバーを自分の好きなスタイルに変更するときのサンプルです。 最近、CSSでoverflow:scrollとしてスクロールバーを表示させる手法が手軽になりました。 しかし、スクロールバーのデザインはブラウザに依存していて、ページ... 2019-07-29 20:47:08
jQuery 要素のスライド 左右のボタンをクリック、タップすると要素が左へ移動します。スワイプにも対応しました。 複数のテキストや画像を並べて表示する場合、そのまま並べてしまうと画面が埋まってしまいます。 そんな時のサンプルです。 高さや幅を固定して、はみ出す... 2019-07-28 17:21:54
URLエンコード、デコードツール URLエンコードとデコードをしてくれるJavaScriptの便利ツールです。 URLの語尾(クエリー)に [[?search=http%3A%2F%2F]] のようなパーセントから始まる文字列を見かけることがあります。 これはページのプログラムに対... 2019-08-07 21:10:42
QRコード 生成ツール QR(二次元)コードは、ガラケー時代からURLの記入の補助としてスマホの時代になっても広く使われています。 文字列をQRコードに変換するツールをPHPで作成し... 2019-07-29 21:23:28
jQuery よく使うメソッド jQueryでコードを読むときや簡単なギミックを作るときなど、よく使われるメソッド(手法)をまとめてみました。 ここにない記述もたくさんありますが、独断で... 2019-07-28 15:19:17
JavaScript 値のチェック 値をチェックをする際のサンプルです。 入力値や引数で、数字や文字列だけあるいは指定の記号を扱いたいときがあります。 すぐにifで分岐を作れるよう例文を用... 2019-08-07 21:01:39
CSS3 数値を演算で演算して指定する widthやleftなど100%で書きたいもののそこから10ピクセル引いた値を使いたいときなど、意外とコーディングするときに発生します。 そんなときは以下のように指定することができます。 [[width : calc(100% - 10px) ;]] こう指定するとこで100%の幅から固定で10px差し引いた横幅になりま... 2019-08-07 20:59:19
jQuery iframeを後から読み込み youtubeなどをホームページに埋め込もうとするとiframeタグで貼ることが主流です。 iframeタグで貼ると非同期であるものの、imgタグと同様にそのsrc属性に... 2019-07-28 04:43:48