知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
confirm の OK、キャンセル 以外の文字を
javascript の confirm で、OK、キャンセル以外の文字を出す方法を探しています。 「出せません」とか、「showModalDialog を使用し自作のダイアログ」とかしか見つかりません。 JavaScript だけで、出来ないものなのでしょうか？
JavaScript によるフォームの送信 - ウェブ開発を学ぶ | MDN
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
JavaScriptを使ってPOST送信する方法
最近ホントにWeb業界ではJavaScriptが流行っていて、JavaScriptでデータのやりとりも当然の様に行われています。またまたWebデザインもについてキレイなページを世に出さないと見向きもしてもらえない。なんてことが多くなってきた様に思える今日この頃。です。 で、サーバサイドが出来る人はデザインに関してはやはり専門でないので、劣る部分が多いかと思います。（サーバサイドな方々に語弊があったらゴメンナサイ） 私の数年前の固定概念だったのですが「フォームを使ったPOST送信にはinputタグや、buttonタグじゃないと送信できない。」まぁ当然ながら今はそうでもないです。 JavaScriptを使えばaタグからでもinputタグのtypeがbuttonであってもPOST送信できます。なんなら、aタグやbuttonタグを使った方がデザインとかしやすいのです。少なくともinputタグよりか
新言語JSX登場、JavaScript+コンパイラ技術でWebプログラミングの実行速度と生産性を向上 - ITジャーナリスト星暁雄の"情報論"ノート
DeNAの奥一穂氏らが開発した新プログラミング言語「JSX」が公開されました。JavaScript実行環境をターゲットとするコンパイル言語で、Webプログラミングの実行速度、生産性・品質を向上させることを目的としています。 JSXは、MITライセンスによりオープンソースとして公開しています。コードのコンパイルや実行を試せるWebサイトも開設されています。 奥氏は、PalmOS向けブラウザ「Palmscape」やサイボウズ・ラボ時代に開発したメッセージキュー「Q4M」などで知られるプログラマです。 JSXは「Webブラウザ用プログラミング言語」で、JavaScriptより速く、開発効率が良く、高品質を目標として作られました。 JavaScriptはWebブラウザ上の標準言語で、HTML5の時代の標準言語でもあり、実行環境が広く普及しています。ただし弱点があります。生産性が低いこと、成果物の品
『意外と知られていない JavaScript のコツ ～ Event.observe の活用』
アメリカで働くプログラマーのブログ ロサンゼルスでシステム開発・システムコンサルタントをしています。 日本で大学を卒業後、ベンチャー企業、外資系大手IT企業で勤めた後、 家族でハワイに移住。その後、ロサンゼルスへ。 今日のお題は、JavaScript を使ってウェブページを作る人なら誰でも知っておきたい、だけど意外と知られていないことです。 これは、多くの JavaScript 上級者が活用している秘密のテクニックでもあります。 ちょっと、大げさでしょうか。。。（汗） でも、ともかく、知っていたら便利なので、知らなかった方はぜひ覚えて行ってくださいね。 どういうときに使うの？ これは、JavaScript でイベントを設定するときに使います。 （厳密に言うと、イベントを設定、というより、「イベントリスナーの設定」 ですが、ここでは深入りせずイベントを設定という風に書きます） 初級の本では、
インラインフレーム(iframe)の枠を表示される内容によってサイズ変更するように出来ますか？…
インラインフレーム(iframe)の枠を表示される内容によってサイズ変更するように出来ますか？スクロールバーは常に非表示が条件です。
「Apple Watchがハッキングされた」という投稿がApple公式コミュニティで賛同多数で注目を集める、「ゴーストタッチ」の可能性も
Apple公式のサポートコミュニティ上で、「Apple Watch Ultra 2がハッキングされた」という投稿が注目を集めています。投稿には同じ被害に遭遇したというユーザーが複数人集まりました。 Apple Watch Ultra 2 Hacked - Apple Community https://discussions.apple.com/thread/255453237 問題の投稿を行ったのはAlpha_Imperiumというユーザーです。同氏は2024年2月1日にApple公式のサポートコミュニティ上で、「ゾッとした後、Apple Watchの触覚フィードバックが作動しているのに気づきました。Apple Watchを見ると、誰かが私のワークアウトアプリやヘルスケアアプリ、写真アプリを見て、個人情報を盗もうとしているようでした。私がホーム画面に戻ろうとボタンを押すと、ハッキングして
HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | DevelopersIO
そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け（※自分含む）のサンプルをいくつか紹介していきたいと思います。 はじめに - パララックスエフェクトについて パララックス（parallax）を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript（jQuery）でパララックスエフェクト 1 | スクロール値を取得 どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu
jQuery作者が明かす「jQuery Mobile」の魅力
JavaScriptをWebデザイナーでも扱える身近な存在に変えた「jQuery」。世界中の有名サイトで使われている人気フレームワークの作者＝ジョン・レッシグ（John Resig）氏が次に注目したのが「モバイル」です。2010年10月に最初のアルファ版がリリースされた「jQuery Mobile」は、モバイルWebアプリケーションフレームワークの本命として、多くの開発者の関心を集めています。 本稿では、11月13日に開幕するWeb Directions East 2010に合わせて来日予定のジョン・レッシグ氏が、jQuery Mobileの魅力（の一部）を紹介します。（編集部） クロスブラウザーやブラウザー固有の問題を避け、高いインタラクションを手軽に組み込むには jQueryのようなJavaScriptライブラリーの利用が欠かせません。jQueryはDOMへアクセスしたり、イベントを付
第8回 実践DOMスクリプティング#1：HTMLとテキストの操作 | gihyo.jp
こんにちは、太田です。前々回、前回でDOMの基礎を簡単に解説しました。今回からは、DOMを使った実用的なスクリプトを解説していきます。特に今回はHTMLの操作、テキストの操作にフォーカスを当てていくつかのサンプルコードを解説していきます。 HTML操作の基本 JavaScriptによってHTMLを書き出したり、一部を書き換えたり、削除したりといった方法は実は様々な方法が用意されています。目的に合わせて適切な方法を選ばないと非効率だったり、最悪クロスサイトスクリプティングなどの問題を抱えてしまう危険もあります。 document.writeと同期読み込み JavaScriptでHTMLを書き出すというと、最初に学ぶのはこのdocument.writeかもしれません。いわゆるprint文のようにシンプルなAPIなので、入門書の最初のサンプルなどで扱われることも多いようです。しかし、docume
GoogleChromeでエクステンションを開発しています。クリップボードにコピーされているデータを読み込ませて使用したい... - Yahoo!知恵袋
Google Chromeでエクステンションを開発しています。 クリップボードにコピーされているデータを読み込ませて使用したいのですが、 どのような方法で、読み込ませるかわかりません。 Google Chromeでエクステンションを開発しています。 クリップボードにコピーされているデータを読み込ませて使用したいのですが、 どのような方法で、読み込ませるかわかりません。 zeroclipboardを使えばChromeからクリップボードに書き込みができるようですが、 やりたいのはクリップボードに既にあるデータを読み込ませたいです。 http://phpspot.org/blog/archives/ なにか良い方法はありませんでしょうか。 よろしくお願いします。
JavaScriptの配列をも〜っと深く理解する：lengthの不思議な動作 - builder by ZDNet Japan
MSセキュリティ担当者が紹介 マルチクラウド環境の保護を追求する Microsoft Defender for Cloud データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス ID管理の基礎知識 新しい働き方におけるITガバナンスの 向上にむけて Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 いま求められるID管理：前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた 現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 サービスを止めない！ サイバーエージェントに聞く高可用性の実現
[Think IT] 第1回：JSONってなにもの？ (1/3)
JSONとは何か? JSONとはJavaScript Object Notationの略で、XMLなどと同様のテキストベースのデータフォーマットです。 その名前の由来の通りJSONはJavaScriptのオブジェクト表記構文のサブセットとなっており、XMLと比べると簡潔に構造化されたデータを記述することができるため、記述が容易で人間が理解しやすいデータフォーマットと言えます。 なお、JSONは2006年に「RFC 4627（http://www.rfc-editor.org/rfc/rfc4627.txt）」として公開されています。 例としてXMLとJSONで同じデータを記述したものをリスト1とリスト2に示します（図1）。 リスト1のXMLではすべての情報をタグで囲んだテキストノードとして記述していますが、XMLでデータを表現する場合、データの記述方法として属性とテキストノードの使い分けが
innerTextとinnerHTML
※このドキュメントは長くは残りませんので、必要であればハードディスクに保存してください。 オブジェクト まず、JavaScriptの根幹である「オブジェクト」について、少し触れておきます。JavaScriptは「オブジェクト指向型言語」ですから、仕組みから学ぶ時はオブジェクトの理解が必須なのです。 この言語は、ほとんどのものがオブジェクトです。なにがなんでもオブジェクトです。windowとかdocumentなどおなじみのやつを始めとして、変数も配列もオブジェクトですし、メソッドや自作の関数もオブジェクトなら、HTMLまでもオブジェクト（ドキュメントオブジェクトモデル＝DOM）となります。 オブジェクトは基本的に「操作されるもの」で、ただ存在するだけです。ただし、例外として、メソッドと関数は「操作するもの」です。（機能を持ったオブジェクト、ということです） オブジェクトは、メソッドや関数、プ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.hp-stylelink.com/news/2013/10/20131008.php
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳