JavaScript文法(1) 学習環境の構築と基本的な書き方 - Qiita
目的と対象 オフラインでの授業に使う補足資料として作成したものが、今回の一連の記事。Javaなど他の言語を学んでいる人に向けた授業のため、記事の内容も、それを前提としている。 目次 (1) 学習環境の構築と基本的な書き方 <-- この記事の内容 (2) 変数とデータ型 (3) 演算子および配列 (4) 制御構文と関数 (5) 関数の応用1 (6) 関数の応用2 (7) オブジェクトの基礎 (8) JavaScriptのオブジェクト指向プログラミング1 概要 (9) JavaScriptのオブジェクト指向プログラミング2 オブジェクトの作り方と継承 (10) JavaScriptのオブジェクト指向プログラミング3 多態性 (11) JavaScriptのオブジェクト指向プログラミング4 カプセル化 (12) ES6の新機能について この記事の内容 Firefoxに搭載されている簡単な学習環境
ES2015で始めるJavaScript入門 - Qiita
はじめに JavaScript勉強会の資料です。 内容は、簡単なコマンドラインツールを作りながら、JavaScript(ES2015を含む)の書き方を学ぶものとなってます。 内容的には初心者向けなので、JavaScriptを勉強したい、JavaScriptは触ったことあるけどES2015を知らないので勉強したい、といった方が対象です。 JavaScriptとは Webブラウザで実行可能なインタプリタ言語 最近ではサーバサイドのものもある(Node.jsなど) 各ブラウザで独自の実装があるが、標準化されたECMAScriptに準拠している ES5, ES2015(ES6), ES2016, … ES2015からは毎年新しい規格が策定される これによりナンバリングは策定した年に変更 ES5(2011年策定)から4年ぶりに策定されたECMAScript 非常に多くの機能が追加された 新しいブラウ
ituore.com - ituore リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
"smartModalWindow" jQuery plugin - 解説ページ
Description このスクリプトはjQueryプラグインです。 指定した要素からのリンクされているドキュメントを、モーダルウィンドウ（通称Lightbox）で表示します。ドキュメントの呼び出しにはAjaxを使っています。WebKit搭載ブラウザで実行すると、モーダルウィンドウの開閉時にアニメーションを伴います。 もともとはiPhone/iPod touch/iPadのSafariに最適化したUIを実現するために制作したものなので、少々挙動にクセがあります。PC向けのウェブサイト用途であれば一般的なLightboxクローン（fancyboxなど）をオススメします。 Demos Open Modal Contents!! Usage Step01 head要素内で jquery.smartModalWindow.jsと、jquery.smartModalWindow.cssをそれぞれ読
IE7・8で透過PNGにJSで透過させたら画像が汚くなった場合の対処方法
[mixi] jQuery.js | しつもん No.153 コミュを見ていたところ、自分の書いたプラグインがうまく動作していないとの書き込み。ん？どういうことだ？なんて疑問に思ったのですが、どうやらIE7・8で透過PNGにプラグインを適用させたら画像が汚くなったとのこと・・・ おっと、なぜ！？ どのようなことなのか、確認しつつ対応方法を見つけようと思います。 とりあえず確認 デモとしてあがっていたのをちょっと私の方で処理をしたものと、私の方で用意した画像の計６つをプレビューしてみようと思います。 ※今回はIE6用の処理をいれていないので、PNG32の画像などは背景が透過されずに灰色の色がついて表示されてしまいます。IE7,8での問題なので、今回のエントリーはIE7かIE8で見て下さい。 上記のプレビューをIEで見ると、透過PNG全てが透過処理部分がギザギザになったり透過されていなくなった
jQueryの機能機能を選んで強化できる「jQuery++」:phpspot開発日誌
jQueryの機能機能を選んで強化できる「jQuery++」 色々出来て便利なjQueryですが、これ足りないよねってところはプラグインで対応してますね。 jQuery++もプラグインのようなものですが、クッキーやCSS3アニメーション等、基本となる機能をまとめて選んでカスタマイズできるところがポイントです。 個別にプラグインを読まずとも、よく使う機能をまとめてダウンロードして１ファイルにしてしまうことでパフォーマンスも上がります チェックボックスから必要なものだけ選んでダウンロードできます。要らないものは省けるのはいいですね .animateはjQueryにもありますが、通常のアニメーションをCSSアニメーションに変えてくれる物になってます 関連エントリ JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」 カッコいいカバーフローを実現できるjQueryプラグイン
半透明のレイヤーでページや要素をブロックする「jQuery BlockUI Plugin」を試してみた
jQueryのプラグインとかを見ていた時に、 なにやら面白そうなプラグインを発見。 「jQuery BlockUI Plugin」 画面全体やもしくは要素に対して、 半透明のレイヤーを表示させてブロックするプラグインだ。 使う機会はでてくるかわからないけど、 とりあえず使って試したくなったので、 勉強のためにメモエントリーしておく。 Login FormRun jQuery('#demo1').click(function() { jQuery.blockUI({ message: $('#loginForm') }); //↓最後の数字が消えるまでの時間（1000=１秒） setTimeout(jQuery.unblockUI, 2000); }); iPhoto (ish)Run jQuery('#demo2').click(function() { jQuery.blockUI({
inputlog - Google AJAX APIを使ってjQueryを読み込む
Google AJAX APIを使うとjQueryをgoogleからダウンロードできます。これを使うと自分でサーバーに配置する場合に比べて以下のようなメリットがあります。 バージョン指定を最後までしないことで最新版を利用できる gzipによる圧縮を自動で行ってくれる（jquery.minだと54.5 KB->16 KBへ） 普及すればネット全体でjQueryをキャッシュできる デメリットとしては以下のような感じでしょうか。 インターネットにつながっていないとライブラリが利用できない（ローカルでの確認時の問題） googleのサーバーが落ちたら困る（ほぼないと思いますが。。） 使い方はhtmlで読み込んでいるscript要素を以下のように書き換えるだけです。 <script type="text/javascript" src="js/jquery-1.2.6.min.js"></scrip
（余計な吹き出しを出さないように改変）吹き出し方式のツールチップテキスト作成JavaScriptライブラリ[to-R]
吹き出し方式のツールチップテキスト作成JavaScriptライブラリ wg:Bubble Tooltipsで紹介されている吹き出し方式のツールチップテキスト作成JavaScriptライブラリBubbleTooltips.jsですけど結構面白いです。 ただこのままだと実運用に微妙なのでちょっと改造。 まず既存のonloadアクションとバッティングする可能性があるので １行目に以下のコードを追加 (function(){enableTooltips("id名")})(); これで <script type="text/javascript" src="BubbleTooltips.js"></script> をボディー要素を閉じる直前に配置することで実行されます。 指定したidがないとエラーになるのでfunctionの前後に function enableTooltips(id){ if(do
![（余計な吹き出しを出さないように改変）吹き出し方式のツールチップテキスト作成JavaScriptライブラリ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
textbox.jpのネタ帳（旧） :: 050311 :: 備忘録 :: Firefoxとwindow.close()
041217の備忘録にて、Firefoxで window.close() が利かなくなる事例を紹介しましたが、そのコメント「ちゃんと閉じてくれた」というのがずーっと気になってたので、少し違う事を試してみました。 多分Mozilla本家でとうに挙げられていると思うのですが、英文が分からないので調べてません（ぇー ● _blankで開く場合 ということで、［こちら］をクリックして開いたページの「ウィンドウを閉じる」をクリックしてみてください。多分閉じます。 ちなみに、タブとして開くと閉じてくれません。扱いが違う模様 ●イチから開いてみる 下のURLをコピーし、新しいウィンドウを開いてアドレス欄にペーストしアクセス、表示されたページの「ウィンドウを閉じる」をクリックしてみてください。多分閉じません。 http://neta.tbx.jp/close.html ちうことで、F
CSSファイルを保存すると同時にブラウザをリロード
自動リロードで開発をアジャイルにするたったひとつの方法！や萌ディタで保存と同時にSafariをリロードするデモと似たようなものをWSH with JScriptと秀丸マクロで泥臭く実現してみようとかいう話。やろうと思えばいろんな環境で実現できそうてなもんだ。 ブラウザのリロードは魔法のメソッドSendKeyでF5を送ってやれば良し。ただ、SendKeyはアクティブなウィンドウにしか効果が無いので、 CSSファイルを保存 ブラウザをアクティブに F5をSendKey エディタをアクティブに としてやる必要がある。エディタをアクティブにするのはPIDさえ知ってればJScriptでいけるけど、調べるのはちょっと面倒。しかしながらほとんどのエディタは「既に開いているファイルを開こうとすると、既にそのファイルを開いているウィンドウ(とかタブ)を最前面にする」という動作をするので、保存したCSSファイ
prototype.jsを用いたフォントサイズ変更スクリプト:phpspot開発日誌
prototype.jsを用いたフォントサイズ変更スクリプト - Ogawa::Memoranda それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプトを実現してみました。 prototype.jsを用いたフォントサイズ変更スクリプト。 実装することで次のように、文字のサイズを選べる機能をページに実装できます。 ブラウザの文字サイズを変更するよりも手軽に文字サイズを変更できる機能として、ユーザビリティ向上に役立ちそうですね。 関連エントリ ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 JavaScriptを使ってページにマウスジェスチャ機能を実装する
JavaScriptライブラリ/ツールチップ - JavaScriptist
公式サイト ライブラリを使ったデモ ライセンス:？ライセンス aタグのtitle属性に設定した値をポップアップテキストとして表示できるライブラリ
DW8で生成するポップアップメニューがIE7で崩れる件を解消
DWで作成したポップアップメニューをIE7で見ると表示が崩れているという問題を簡単に解決する方法がネットのサラダボウルさんの下記エントリーで紹介されていました。 ネットのサラダボウル: DW8で生成するポップアップメニューがIE7で崩れる件を解消してみた 解決方法は簡単で、自動で出力される「mm_menu.js」というJava scriptのファイルの140行目あたりにある var itemProps = ''; という記述を var itemProps = 'white-space:nowrap;'; に修正し保存するだけです。 詳しくはネットのサラダボウルさんの下記エントリーを参照して下さい。 画像つきで丁寧に書かれておりますゆえ。 ネットのサラダボウル: DW8で生成するポップアップメニューがIE7で崩れる件を解消してみた
文字サイズ 変更 javascript - Google 検索
2023/03/07 · 今回はJavascriptで文字のサイズを変えることに挑戦してみましょう！ まずはテキストエディタで以下を入力します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイトをクリックした位置が分かるサービス [企業のIT活用] All About![サイトをクリックした位置が分かるサービス [企業のIT活用] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
オンラインカジノ研究所
社å´å£«è©¦é¨å¡¾ 社å´å£«è©¦é¨å¦æ ¡ 社å´å£«è©¦é¨å¯¾ç 社å´å£«è©¦é¨åå¼·æ³ ç¤¾å´å£«è©¦é¨åèæ¸ at usrb.in
http://stopnlisten.no.land.to/2006/10/prototypejs_1.html
角丸javascriptライブラリ『curvyCorners』を使ってみる - to-R