Bootstrapを使用するための準備 | 基本 | Bootstrap3の使い方
Home 基本 準備 Bootstrapを使用するための準備 Bootstrapを使用する方法はCDNを利用する方法とサイトからダウンロードして利用する2種類の方法があります。 どちらも共通で最低限cssとjavascriptの2種類の指定が必要になります。 ご自分の用途に合わせて選択してください。 CDNを利用する方法 ダウンロードして利用する方法 CDNを利用する方法 CDNを利用し、アドレスを指定するだけで利用することが可能です。 ※CDN（Content Delivery Network）は、サーバに置かれているデータを読み込むことで利用するのでネットの繋がっていないローカル作業では利用できないので注意してください。 下記リンクのBootstrap CDNサイトに掲載のアドレスを利用することでBootstrapを利用できます。 Bootstrap CDN サイトに訪れると下記画像の
PDF.jsを設置する - Qiita
PDF.jsはJavaScriptで作られたPDFビューアです。(厳密にはPDF読み込みを行うパーサ、描画を行うレンダラ、画面UIのビューアがセットになっているもので、ライセンスはApache License 2.0です) Mozilla Foundationが開発していてFirefoxのPDFビューアとして採用されているため品質が高い JavaScriptでPDFを読み込んでCanvasで描画しているためiPhoneやAndroidなどスマートフォンでも表示できる ビューアがHTMLファイルのため<iframe>でPDFを埋め込み表示できる のような特長があり、PDFを直接表示できない環境での代替として使用することがよくあります。 この文書では、PDF.jsの基本的な設置方法を説明します。 1. 配布サイトからファイルをダウンロードする まず https://mozilla.github
jQueryでテーブル（table）を操作する小回り系コード5種
Posted: 2011.08.31 / Category: javascript / Tag: jQuery テーブルを操作するのに大掛かりなことはプラグインがいろいろありますのでそちらを使うとして。 ここでは、わりと細かいことをjQueryでやってみます。 html 始めに操作するべきテーブルを用意します。 ごくごく普通のテーブルですね。 html <table class="table01"> <tr> <th>商品名</th> <th>入荷日</th> <th>価格</th> </tr> <tr> <td>椅子</td> <td>2011-08-01</td> <td>¥ 2,800</td> </tr> <tr> <td>机</td> <td>2011-08-08</td> <td>¥ 6,800</td> </tr> <tr> <td>本棚</td> <td>2
【javascript,jQuery】イテレーションまとめ - Qiita
※あまり整理できてないのでこんなのあるよってあれば教えてほしい。 jQueryのループ $(”セレクタ”).each(callback) 各オブジェクトに対して処理を行う。 jQueryオブジェクトに対してはこれがおすすめ。 コールバック関数が false を戻すと、ループ処理を停止する。 コールバック関数が true を戻すと、以降の処理をスキップし、次のループを実行する。 パラメータ callback(index,dom) 各オブジェクトに対する処理を記述する。 index：0始まりのインデックス dom：対象のdom。コンテキスト内のthisと同じ。jQueryオブジェクトではないので、$()することでjQueryオブジェクトとして扱える。 例 $("li").each(function(index, dom){ $(dom).toggleClass("example").text(
jQuery でセレクトボックスのプルダウン項目（option 要素）を追加／削除する方法
フォームオブジェクトの中でも、セレクトボックスの操作は少し特殊です。記述方法を覚えてしまえば問題ないのですが、同じようなミスをして調べる機会が多いのもセレクトボックスの特徴ではないでしょうか。 jQuery を使えば、様々な需要に合った操作ができるようになります。ここではプルダウン項目の追加・削除について触れますが、基本となるセレクトボックス操作の知識は必要不可欠なので、ぜひ次の記事も一緒に確認していただければと思います。
vim-javascript から tigris.nvim に乗り換えたら快適だった - 丁寧に手を抜く
最近neovimに乗り換えてから、javascriptの編集中にたまに固まる現象が発生して困っていた。 再現条件をいろいろ試したらどうやらvim-javascriptのインデント処理で無限ループしている様子。 という訳でvimの設定を見直してみることにした。 要件としては、インデントはPrettierでやるので、シンタックスハイライトだけ綺麗にやってくれればいい。 調べたら tigris.nvimというプラグインを見つけた。 これはnodeベースのプラグインで、Babylonを使って構文解析をしてハイライトを実現している。 Babylonはbabelプロジェクトの一部で、JSX, Flow, Typescriptを標準でサポートしている。 だからvim-javascriptのようにvimコミュニティが必死で新たな構文のサポートを追いかける必要がない。 ソースコードを覗いたらシンプルな実装だ
JSDoc で JavaScript のコメントを書こう | スターフィールド株式会社
複数の人で開発を進める場合や、プログラムの規模が大きくなってきた場合に、 コメントの記述が、開発の大きな助けとなります。 さらにそのコメントが、標準化された方法で記述されていると、さらに可読性が高まり、 生産性の向上が期待できます。 私はこれまで、特にそういったことを気にせずにコメントを書いたり書かなかったりしてきましたが、 規模の大きな開発に関わるときに、このことが障害になってしまうことを感じ、 コメントの記述を見直そうと思い調べてみました。 今回紹介するのは、現在、最もポピュラーと思われる JSDoc コメントというコメントの記述方法です。 JSDoc コメントは、Google の JavaScript スタイルガイド でも推奨されているコメントの方法で、 AngularJS、CreateJS、jQuery（部分的に） など、メジャーなライブラリで利用されています。 JSDoc のメリ
JavaScript/フォーム/自動計算フォームAタイプ（消費税なし） - TAG index
<html> <head> <title>TAG index Webサイト</title> <script type="text/javascript"> <!-- function keisan(){ // 設定開始 // 商品1 var price1 = document.form1.goods1.selectedIndex * 500; // 単価を設定 document.form1.field1.value = price1; // 小計を表示 // 商品2 var price2 = document.form1.goods2.selectedIndex * 1000; // 単価を設定 document.form1.field2.value = price2; // 小計を表示 // 商品3 var price3 = document.form1.goods3.selectedI
| BIGLOBE会員サポート
「BIGLOBE」提供のサービスをご利用の方に、よくある質問をご案内するページです。 【質問】
innerHTML内では改行は禁止？ - JavaScript 解決済み| 【OKWAVE】
基本的なことかもしれませんが、JavaScript初心者なので質問させてください。 innerHTML内で改行を入れると実行されないのでしょうか？ たとえば、これ↓はうまく行くのですが、 <script type="text/javascript"> function change1() { document.getElementById('change1').innerHTML='<p>ハケには毛が多い</p><p>ハゲには毛がない</p><input type="button" value="失礼しました m(_ _)m" />' } </script> <div id="change1"> <p>カラスは黒い</p> <p>ガラスは透明</p> <input type="button" value="ここを押すと文章が変わります" onClick="change1();"> </di
CSS でテーブルに行番号を振る - Qiita
リスト要素に対して番号を振りたければ list-style-type: decimal を使えば良いんですが、テーブルだとそうもいかないです。しかし行番号を振るためだけに JavaScript は使いたくない。 そういうときは CSS Counters を使います。 <table> <thead> <tr> <th></th> <th>column1</th> <th>column2</th> </tr> </thead> <tbody> <tr> <td></td> <td>foo</td> <td></td> </tr> <tr> <td></td> <td>bar</td> <td></td> </tr> <tr> <td></td> <td>baz</td> <td></td> </tr> </tbody> </table>
Javascriptでtableタグに行、列の追加や削除を行う | ScrapEngineer
Javascriptで行うテーブル操作を一通りまとめました。 行列の操作やセルの取得方法などなど、サンプルコードもあります。 テーブルの要素を取得 // IDからテーブルを取得 var table = document.getElementById("table_id"); こちらはテーブルの要素を取得できればいいので自分の好みidから取得してます。 行数取得 var table = document.getElementById("table_id"); var rows = table.rows.length; // 行数 行追加 var table = document.getElementById("table_id"); // -1で末尾に追加。インデックスで指定の位置に追加も可能 var rows = table.insertRow(-1); ※行の追加だけ行うとtrタグのみの
Excelライクなグリッド表示（スプレッドシート、表計算）を簡単に作れるJavaScriptライブラリ「SpreadJS」の機能概要［PR］
Web上でもExcel形式の表計算型のデータ入力やデータ表示を実現したい？！ それならJavaScript UIウィジットの「SpreadJS」が利用できる。そのSpreadJSの特徴と機能概要をまとめる。 連載 INDEX 次回 → Excelは、毎日、業務で使っているから慣れている。日本の一般的な企業の社員であれば、実際にこういう人が多いだろう。そのため、Web系業務アプリでも「ExcelライクなスプレッドシートUI（ユーザーインターフェイス）を提供してほしい」という要望や、「利用者が難なく使えるように、Excel風の操作性を実現したい」という要件が上がってくることは、よくあることではないだろうか。 単純なHTMLの<table>タグで実現できるレベルなら苦労はしないが、“Excelライク”となると通常のWeb開発では実現が難しい。もちろん「不可能」とは言わないが、その開発にそれほど時
Sublime TextでJavaScriptを実行する | MONSTER DIVE
ちょっとしたエディタに最適なSublime Text 今更Sublime Textの紹介はしませんが、ちょっとしたメモやjson、XMLなどの確認には軽いしお手軽、多機能と本当に最適なエディタだと思います。 もちろんがっつり開発にも使えるスペックだと思いますし、使っている方も多いと思います。 JavaScriptの実行確認 IDEを立ち上げるまでもないJavaScriptのメモや、ちょっとしたテストなど、今まではブラウザのコンソールやnodeコマンドから実行していたりしていたのですが、JavaScriptが一行しか書けなかったり、保存してコマンドを叩いて確認して、、など面倒。 そこでせっかくローカルにJSがあるんだし、Sublime TextからJavaScriptで実行出来るように設定してみました。 Sublime TextでJavaScriptを実行する準備 Sublime Textを
スクラッチパッド - 開発ツール | MDN
Firefox 47 より、ツールボックス の内部にスクラッチパッドを開くことができます。始めに、オプション ページで "標準の Firefox 開発ツール" の "スクラッチパッド" にチェックを入れなければなりません。 以上でスクラッチパッドが、ページインスペクターや Web コンソールなど他のツールと並んで、ツールボックス内で使用できます。これは、コンソールの常時表示 で特に役立ちます。スクラッチパッドを持続的なマルチランエディターとして、またコンソールをページと対話するツールとして使用できます。 スクラッチパッドのウィンドウは以下のような外見です (macOS では画面上部にメニューバーが表示されます): ファイルメニューでは JavaScript コードの保存や読み込みを行うことができますので、後でコードを再利用することができます。 コード補完 スクラッチパッドに tern コー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
".on()"での"hover"の記述でつまずいたので - SEEDS Creator's Blog
javascript - Serialize inputs and select option - Stack Overflow
ESLint fixer isn't working · Issue #635 · w0rp/ale · GitHub
jQuery plugin: Tablesorter 2.0
anopara
