サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Mashable is the top source for news in social and digital media, technology and web culture. WebアプリケーションやWebページの開発や制作においてJavaScriptは欠かすことのできないプログラミング言語。インターネット検索でヒットするスニペットを組み合わせるだけでもそれなりに動作するものを組み上げることができ、導入の敷居が低いことも利用を促進しているところがある。 ただし、それなりに複雑なシステムを構築しようとした場合には、やはり系統だった学習が必要になる。しかしながらJavaScriptは、スニペットやティップは大量に検索にヒットするが、包括的な技術情報やAPIドキュメント、試験用ツールなどのまとまったデータへはなかなか辿りつけないところがある。そうした場合に役立つサイト7つがMashab
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
プログラミング初心者のための入門連載です。JavaScriptとは何かの基礎知識から、さまざまな基本構文/文法(alertなどのイベント処理、変数、function(関数)、引数、ifなどの条件分岐、whileやforなどの繰り返し(ループ)、配列、オブジェクト、HTMLを操作するDOMなど)を、書き方が分かる豊富なサンプルコードとともに解説します。 ようこそJavaScriptの世界へ 初心者のためのJavaScript入門(1) JavaScriptで本格的なプログラミングの世界へ。実用的なアプリケーションを作れるようになるまで
JSINQとは? JSINQはJavaScriptでLINQ to Objectを使用するためのライブラリだ。LINQは.NET Frameworkで提供されているオブジェクトをSQLライクなクエリ言語で検索するための機能で、JSINQは.NET Framework 4.0のLINQの完全な実装とされている。 図1 JSINQのWebサイト なお、JSINQはMITライセンスのもとで利用可能なオープンソースソフトウェアで、本稿執筆時点の最新版は2010年4月にリリースされた1.0.0.1となっている。 JSINQを試してみよう JSINQのWebサイトではオンラインでJSINQを試すことのできるサンプルが公開されている。まずはこれを利用してJSINQを試してみよう。 図2 JSINQのサンプル このアプリケーションでは画面下のテキストエリアにクエリを入力して検索を行うことができる。初期状態
qooxdooとは qooxdoo(クークスドゥー)はJavaScriptをベースとしたAjaxアプリケーションフレームワークである。通常のWebアプリケーションフレームワークとは趣向が異なり、HTMLやCSSをいっさい記述することなく、JavaScriptのコードのみでAjaxを利用したインタラクティブなWebアプリケーションを開発することができる。DOMなどの知識も必要なく、使うのはqooxdooで用意されたオブジェクト指向ベースのJavaScript APIのみ。 たとえばWebページ上に表示するボタンやリスト、テーブル、フォームなどのGUI部品もすべてqooxdooのAPIでラップされており、利用するためにHTMLやDOMを意識する必要はまったくない。それどころか、ウィジェットをさまざまな形で配置するためのコンテナや、レイアウトを自動で整えるレイアウトマネージャなども用意されており
JavaScriptで本格的なプログラミングの世界に触れてみよう。連載を通じて実用的なアプリケーションを作れるようになるはず!?(編集部) JavaScriptってよく聞くけど何だろう? JavaScriptは、Webブラウザ上で動かすことのできる簡単なプログラム言語です。HTMLだけでは動くWebページはできませんが、JavaScriptを使うとWebページにさまざまな動きを入れることができるようになります。 プログラム言語と聞くと、なんだか難しそうに感じてしまうかもしれませんが、心配はいりません。 本講座は、HTMLは分かるけどプログラムを書いたことがないという人や、デザインは得意だけどプログラムは全然分からない! 文科系で数学は苦手! という人が理解できるような入門講座として、JavaScriptの基本から進めていきます。 用意するものはメモ帳などのテキストエディタとWebブラウザだ
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
Firebug1.2登場 - Firefox3正式サポート、パフォーマンス向上など 8月25日(米国時間)、Firebugの最新版である「Firebug 1.2」がリリースされた。 FirebugはFirefoxアドオンのひとつで、Firefox内で閲覧しているHTML、CSS、JavaScriptの内容を分析し、編集やデバッグ、各種モニタリングを実施できる。導入が容易なうえ、強力なデバッグがおこなえることからFirebugを愛用しているWebデベロッパも多いことだろう。 今回のリリースでの変更点はおもに次のとおり。 Firefox 3の正式サポート デフォルトでFirebugのデバッグ機能が無効に。Console/Script/Netのデバッグをおこなう場合は、どの機能を有効にするか選択する サスペンド/レジューム機能 HTML/CSSにおいて外部エディタを指定することができるように e
Firefox、Safari、Opera、そしてGoogle Chrome。これらWebブラウザはネットサーフィンをするにとどまらず、Web開発者/デザイナのためにデバッグを円滑にするためのさまざまなツールが用意されていることは周知のとおり。このたびリリースされたGoogle Chromeに付属するデバッグツールは、これから同Webブラウザでデバッグを行う、Firebug等に慣れてきたWeb開発者/デザイナのよきパートナーとなり得るか。 もう試しましたか? Google ChromeのWeb開発者向けデバッグツール WebKitをベースにしたWebブラウザ、Google Chromeがリリースされてはや1週間ほど。マルチプロセス、V8とさまざまな特徴・新機能に目が行きがちだが、読者の方々はもう「JavaScriptコンソール」「JavaScript Debugger」は試してみただろうか。
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
本稿では、Adobe AIRを使って「自作電卓」を開発する方法を紹介します。注目の技術、Adobe AIRを使って、どのように開発するのかを解説します。ちょっと時間のある休日に一緒に電卓を作ってみませんか。 週末プログラマーにおススメなのがAIR 本職のプログラマーでないとしても、週末にちょっとプログラミングをやってみたいと思っている方は案外多いように思います。そんな週末プログラマーにお勧めなのが、Adobe AIR です。 Adobe AIRなら、開発環境や実行環境を無料で入手できますし、習得の難易度が低いプログラミング言語 JavaScript を使ってプログラムを記述することができます。しかも、作ったものをデスクトップアプリとして配布することができますし、Windows だけでなく、Mac OS X や Linux でも動かすことができるのです。 本稿では、AIR を使って気軽に自作
画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー&ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース
Javascript・Ajaxの注目テクニックとトピックをまとめて公開してますjQueryで実現するナビゲーションテクニック「15 Excellent jQuery Navigation Techniques and Solutions」様々なエフェクトを可能にしてくれるjQuery。その用途は幅広く、様々なシーンで使われていますが、今回紹介するのはjQueryで実現するナ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
HTML とは HTML とは、誤解を恐れずに言ってしまうとウェブページ(ホームページ)を作るために使われている言語です。 例えば、以下のようなものが HTML です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文<a href="hoge.html">ハイパーリンク</a>本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </p> </body> </html> サンプル イメージ湧きましたか? では、何故 HTML という
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く