CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下

昨年の医療費が11万円でした。「医療費控除」でいくら還付されますか？　大した額ではないなら手間もかかるし確定申告したくないのですが。

2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック

現在このサイトは休止中となっています

Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基本的な使い方については「JavaScript入門」を参照されてください。

運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

こんにちは、太田です。今回はChrome拡張の開発時のノウハウとして、開発ツールの解説をお送りします。Google ChromeにはWebKit由来のWeb Inspectorというデバッグツールが搭載されています。以前にも少しだけ紹介しましたが、今回は具体的な使い方まで掘り下げて解説します。なお、今回のWeb Inspectorの解説はChrome拡張だけでなく、JavaScriptを使ったウェブアプリケーションの開発に一般的に役立つノウハウとなっています。 WebKitのWeb Inspector Chrome拡張の開発の必需品であるWeb Inspectorですが、こちらは元々WebKit（Safari）で開発されたもので、Google Chrome（Chromium）に搭載されているものはさらに機能が追加されています。FirefoxにはFirebugという定番ツールがありますが、そ

第3回Command Line APIとその活用、各タブからのデバッグ方法 堀邦明 2008-05-21

Internet Explorer 8 開発者ツールには、Internet Explorer で実行される Microsoft JScript コードのプロファイリングが可能な組み込みスクリプト プロファイラーが用意されています。 このドキュメントでは、スクリプト プロファイラーの高度な機能の概要を説明しています。 他の機能の概要および Internet Explorer 8 開発者ツールの詳細なコマンド リファレンスの一覧については、「Internet Explorer 開発者ツールを理解する」 (英語の可能性あり) および「開発者ツールのユーザー インターフェイス リファレンス」 (英語の可能性あり) を参照してください。 概要 プロファイリングの開始および停止 プロファイル レポートの表示 プロファイル データのエクスポート 複数のプロファイル セッションの使用 注釈 関連トピック

このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 メモ : このドキュメントは暫定版であり、変更されることがあります。 Internet Explorer 8 の開発者ツール機能には、軽量で組み込み型の Microsoft JScript デバッガーがあります。開発者はこのデバッガーを使用してブレークポイントを設定し、ブラウザーを終了することなくクライアント側の JScript コードを実行することができます。このドキュメントでは、JScript デバッガーの高レベルな機能について説明します。Internet Explorer 8 開発者ツールのその他の機能については、「Internet Explorer 8 の開発者ツールの概要」を参照してください。また、

メモ : このドキュメントは暫定版であり、変更されることがあります。 Internet Explorer 8 の拡張された開発者ツールは、HTML、CSS (Cascading Style Sheet)、JavaScript に関係する問題の調査と解決に役立ちます。この記事では、HTML と CSS の開発者ツールについて説明します。 はじめに 開発者ツールの開始と終了 各種モードでの Web ページのテスト Web ページ上のオブジェクトのアウトライン Web ページ上のオブジェクトの選択 HTML ツールの使用 スタイル/スタイル追跡ツールの使用 レイアウト ツールの使用 CSS ツールの使用 変更の保存 まとめ 関連トピック はじめに Internet Explorer 8 の開発者ツール機能を使用すると、ブラウザーの観点から Web ページの内部表現を確認できます。個々の属性の表示

GLatLngBounds([sw[, ne]]) GLatLngBounds.getSouthWest() GLatLngBounds.getNorthEast() GLatLngBounds.getCenter() GLatLngBounds.toSpan() 地図の南西（左下）と北東（右上）の2つの頂点から成る矩形領域を設定するには、GLatLngBoundsクラスを使用します。 GLatLngBoundsコンストラクタは、GLatLngBoundsクラスのインタンスを生成します。 オプションの第1引数swには、南西の地理座標を指定します。 オプションの第2引数neには、北東の地理座標を指定します。 GLatLngBoundsクラスのgetSouthWest()メソッドは、矩形領域の南西（左下）の頂点の地理座標を返します。 GLatLngBoundsクラスのgetNorthEast(

Select/Optionオブジェクト一覧 選択された値を取得（select-oneの場合） 〔selectedIndexプロパティ〕 選択された値を取得（select-multipleの場合） 〔selectedIndexプロパティ〕 プルダウンをクリア〔selectedIndexプロパティ〕 プルダウンのアイテムリストを配列として取得〔options[]〕 プルダウンを無効化・有効化〔disabledプロパティ〕 プルダウンのアイテム数を取得〔lengthプロパティ〕 アイテムのアイテム選択形式を切替〔multipleプロパティ〕 プルダウンのサイズを変更〔sizeプロパティ〕 プルダウンのアイテム選択形式を取得〔typeプロパティ〕 プルダウンにアイテム追加／プルダウンからアイテム削除〔new Option/addメソッド/removeメソッド〕 2つのプルダウン間でアイテム移動 プ

フォーム送信時のチェック処理方法〔ボタンの種類でイベント・メソッドを使い分け〕 action/methodを指定してフォーム送信〔action/methodプロパティ指定〕 target先を指定してフォーム送信〔targetプロパティ指定〕 フォームデータのエンコード形式を取得・設定〔enctypeプロパティ〕 ラジオボタンの選択肢により送信先変更 送信時にフォームのエレメントを有効化する 〔disabled〕 フォームをリセット（入力値をクリア）する〔resetメソッド〕 送信ボタン・クリアボタンを画像ボタンにする〔イメージボタン使用/スタイルシート使用の2サンプル〕 フォーム名を取得〔nameプロパティ〕 フォームのエレメント情報を取得〔elements[]〕 フォームのエレメント数を取得〔lengthプロパティ〕 フォーム、エレメントのタイプや名前を取得 フォーム送信時のチェック処理