タグ

ブックマーク / www.buildinsider.net (8)

  • 既存の要素をコピーするには? ― cloneメソッド

    ← 前回 連載 INDEX 次回 → 既存要素の複製を作成するには、cloneメソッドを利用します。「ページ内の特定の要素をコピーして、他の箇所に挿入したい」という場合などに利用します。 例えば以下は、テーブルの行をクリックすると、これを複製して、テーブルの最終行に追加する例です。

  • AutoCompleteウィジェットでオートコンプリート機能付きのテキストボックスを生成するには?

    jQuery UIは、jQueryを拡張するライブラリ(プラグイン)の一種で、名前のとおり、ユーザー・インターフェイス(UI)に関わる機能を提供します。jQuery UIの導入方法や使い方、jQuery UIが提供する主要なコンポーネントについては、「jQuery UI逆引きリファレンス: jQuery UIを利用するには?」を参照してください。 AutoCompleteは、テキストボックスにオートコンプリート機能を追加するためのウィジェットです。最初の何文字かを入力することで、あらかじめ用意しておいた候補リストからマッチする単語を検索し、結果をリスト表示します。 例えば以下は、候補リストをJavaScriptの配列だけで実装する、最もシンプルなAutoCompleteウィジェットの利用例です。

  • 配列の内容を順番に処理するには?($.each)

    $.eachメソッドを使って、配列やオブジェクトの内容を順に処理する方法を解説。またJavaScriptのevery/someメソッドを、jQueryの$.eachで代替する方法も説明する。 ← 前回 連載 INDEX 次回 → 配列の内容を順に処理するのは、$.eachメソッドの役割です。標準のJavaScriptにも同等のメソッドとしてforEachがありますが、Internet Explorerではバージョン9以降での動作が前提です。Internet Explorer 8以前の環境を想定しなければならない状況がまだまだあることを考えると、現時点では、$.eachメソッドを利用するのが無難でしょう。 $.eachメソッドの基 まずは、基的な例を見ていきます。以下は、オブジェクト配列(メンバーリスト)を読み取り、<ul>/<li>リストとして出力する例です。ただし、age(年齢)プロ

    配列の内容を順番に処理するには?($.each)
  • Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能

    Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで(Macの場合はCommand+Option+Iキーで)手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro

    Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
  • 人気上昇中のJavaScriptライブラリを調べてみた【2016年版】

    新しいWeb開発フレームワークも登場! 2015年中に人気が急上昇してきており、「2016年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する。 ← 前回 連載 INDEX 2016年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて稿では、2015年中に人気が急上昇してきており、「2016年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する(※昨年の2015年版はこちら)。 なお、稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」(「すべての国」「過去 12 か月間」「コンピュータ、電化製品」「ウェブ検索」という条件で絞り込み)を使って、ライブラリの人気をジャンルごとに比較した(※ライブラリ名が一般的な英単語の場合、Web検索時に、

    人気上昇中のJavaScriptライブラリを調べてみた【2016年版】
  • DevOpsとは何か? そのツールと組織文化、アジャイルとの違い

    両氏はこのプレゼンテーションの中で、それぞれの役割の違いから対立することの多い開発者(以下、Dev)と運用者(以下、Ops)の対立構造を次のように示した。 Devの役割が“システムに新しい機能を追加する”である一方、Opsの役割は“システムの安定稼働”である。そのため、Devが新しい機能を追加したくても、Opsはシステムの安定稼働のために変更を加えたがらない、という対立構造が作られてしまっていた。 しかしDevとOpsのそれぞれのミッションは(DevOpsの概念と同じく)、どちらも「システムによってビジネスの価値をより高めるだけでなく、そのビジネスの価値をより確実かつ迅速にエンドユーザーに届け続ける」ことである。そのミッションを達成するための手段が、上記のとおりDevは“システムに新しい機能を追加する”であり、Opsは“システムの安定稼働”なのである。つまり、同じ「ミッション」を掲げている

    DevOpsとは何か? そのツールと組織文化、アジャイルとの違い
    Tomosugi
    Tomosugi 2016/05/10
  • 無料でダウンロードできるIT技術系電子書籍(EPUB/PDF)一覧【2016年版】

    Microsoft PressとApressを中心に、無償で入手・購入可能なコンピューターおよびIT技術系の電子書籍を50冊以上、集めてみた。ほとんど英語の書籍だが、日語書籍もいくつかあり。 ← 前回 連載 INDEX ※稿は、昨年の同時期に公開した記事を、2016年現時点の最新情報にアップデートした記事である。 や雑誌を電子書籍で読む機会が増えてきている。特に「紙の書籍よりも、電子書籍の方が大きく割安になっている場合は、電子書籍で買う」という人も多いのではないだろうか(特にIT業界の人は)。実際に自分もAndroidタブレットやiPhoneなどを使って電子書籍を読むことが増えてきた。また、Amazonプライム会員であればKindle端末上で月に1冊まで無料で読めるサービスがあり、その対象となる「コンピュータ・IT」系の電子書籍も徐々に増えてきている。電子書籍を読むための環境は年々

    無料でダウンロードできるIT技術系電子書籍(EPUB/PDF)一覧【2016年版】
    Tomosugi
    Tomosugi 2016/04/01
  • 人気上昇中のJavaScriptライブラリを調べてみた【2015年版】

    altJSの人気が混戦で面白い! 2014年中に人気が急上昇してきており、「2015年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表。 ← 前回 連載 INDEX 次回 → こちらのページで【2016年版】も発表! ■ 2015年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて稿では、2014年中に人気が急上昇してきており、「2015年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する(※昨年の2014年版はこちら)。 なお、稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」(「すべての国」「過去 12 か月間」「すべてのカテゴリ」「ウェブ検索」という条件で絞り込み)を使って、ライブラリの人気をジャンルごとに比較した(※ライブラリ名

    Tomosugi
    Tomosugi 2015/01/10
  • 1