最強オブジェクト指向言語 JavaScript 再入門！
2. 自己紹介 ‣ ノジマユウジ @yuka2py ‣ 株式会社フォーエンキー 代表取締役 ‣ システム開発、 グラフィックデザイン、 DTPや印刷なども ‣ PythonとJavaScriptが大好 き（Dartに興味深々） ‣ 様々なWebアプリケーション 設計・構築・運用。またWP によるシステム開発、プラグ イン開発などが主なお仕事 ‣ おしゃれも大好き☆ リボンやお花が好き☆ ‣ 参加コミュニティ ● WordBench 神戸 ● HTML5-WEST.jp ● 日本Androidの会 神戸支部 絶賛 お仕事募 集中 3. 去年のボク Python 1%Design 15% iOS 4% Android 10% Web(PHP/JS) 10% Windows(C#) 20% お嫁 40% お 嫁 W i n d o w s ( C # ) W e b ( P H P / J S
JavaScriptのいろいろなコーディングルールをまとめてみた
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
【JavaScriptサンプル】 / 【超初心者のホームページ作成】
■ JavaScriptサンプル JavaScriptを使用したサンプル（フリー素材） すべてatomが作成したものなので安心してお使いください。 一部DHTML（DynamicHTML）も組み込まれています。
JavaScript例文辞典
■基本 ［０１］JavaScriptを定義する ［０２］外部JavaScriptファイルを読み込む ［０３］スタイルシートを定義する ［０４］NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する ［０５］NN4でのみ動作するように記述する ［０６］NN6でのみ動作するように記述する ［０７］IE4.x以上で動作するように記述する ［０８］IE5.x以上で動作するように記述する ［０９］IE5.5以上で動作するように記述する ［１０］ビヘイビアファイルを読み込む ［１１］IEとNN両方で動くように記述する ［１２］連続して関数を呼び出す ［１３］MacOS Xかどうか判別する ［１４］Safariのみ動作するように記述する ［１５］Safariのバージョンを返す ［１６］Operaのみ動作するように記述する ■構文 ［０１］変数に文字や数値を入れる ［０２］四則演算を行う
カレンダーで日付の入力補助をする - JavaScript ｜ WEB上手
JavaScript・PHP・Vue.jsのサンプルやWordPressのテーマ・無料フォント、ブログの運営方法等の紹介 フォーム等で日付を選択する場合に、カレンダーから選択することが出来るようにするJavaScriptです。カレンダーから選択出来る事で、ユーザーは曜日等が分かりやすくなる利点や、その他にも日付の間違い（2月31日は存在しない）等を減らすことが出来るようになります。 次世代のHTML（HTML5）からは、標準でHTMLのタグでカレンダーの機能を実現出来るようですが、HTML5が普及するまでにはまだ時間が掛かると思いますので、JavaScriptによるカレンダーで日付の入力補助をする機能は必要になると思います。 ご利用について 個人利用の場合はフリーでご自由にお使いいただけます。 法人・商用利用の場合はWEB上手(www.web-jozu.com)へのリンクを貼ってください。
閲覧者がスタイルシートを切り替えられる機能を作る [ホームページ作成] All About
現在のページで読み込んでいるCSS(スタイルシート)ファイルを、閲覧者がプルダウンメニューを使って(CSSファイルごと)切り替えられる機能を作ってみましょう。 CSSファイルそのものを動的に変更できる(置き換えられる)ので、ページの装飾やレイアウトを大きく変えられます。 複数のページデザインを用意しておいて、閲覧者が自身の好みに応じて切り替えられるようにしたり、画像素材配布サイトなどで、どのようなページデザインのときに素材がどのように見えるのかを確認させたい場合などに活用できるでしょう。 CSSファイルを動的に切り替えられる機能の例 下記のプルダウンメニューを変更すると、読み込まれているCSSファイルが変更され、ボックス内の装飾が変化します。試しに変更してみて下さい。 ※JavaScriptが有効な場合のみ動作します。 ※CSSファイルが新たに読み込まれるまで、数瞬の待ち時間がある場合があ
![閲覧者がスタイルシートを切り替えられる機能を作る [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/5164e4f8fe6378ebefce31b42195a75c62b9a359/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F3%2F0%2Ftopimg_original.png)
あのトラウマがよみがえる……！Internet Explorerの「あのエラー」をJavaScriptで見事に再現
あのトラウマがよみがえる……！Internet Explorerの「あのエラー」をJavaScriptで見事に再現 パソコンでインターネットを閲覧するときに利用するソフトウェア「ブラウザ」の中で、最も利用されているInternet Explorer。昔からあるだけにこのエラーで泣かされた人も多いのではないでしょうか。 このウィンドウの描画がおかしくなって「マウスを動かすとウィンドウが無限に出てきてしまう」エラー画面をJavaScriptを使って再現しているサイトの紹介です。忙しい時にこの状態になると、本当に泣けてきます。 以下のサイトにアクセスすると、ブラウザウィンドウの中で「あのエラー」が再現されます。マウスでぐりぐりとウィンドウを増やして行きましょう。トラウマ体験がフラッシュバックしそうになったら、ウィンドウを閉じれば終了します。落ち着いてください。 ie6 – Mr.doob | I
jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields | Css Globe
Every hour that you put into enhancing user experience while developing a site is a hour well spent. There are numerous small improvements that you can perform to make things easier and obvious for the end user. In this article I will present a jQuery plugin built for that purpose. The best way to explain what this plugin does is to mention Twitter. Twitter posts are limited to 140 characters. Wh
[CSS]「background-clip」を使って、テキストの下に画像を表示するスタイルシート
CSS3の「background-clip」を使って、テキストの下に画像を表示するスタイルシートを紹介します。 また、CSSの特定のプロパティに対する、サポートブラウザと非サポートブラウザへの対応方法も解説されています。 Show Image Under Text (with Acceptable Fallback) デモページ [ad#ad-2] デモはWebkit系ブラウザ（Chrome, Safari）でご覧ください。 マウスホバーでCSS3アニメーションも楽しめます。 マウスホバー時のキャプチャ 「background-clip」は背景の適用範囲を指定するプロパティで、対応していないFirefox 3.6で表示すると下記のようになります。 ※Firefox 4では対応予定 非対応ブラウザでの表示 [ad#ad-2] アイデアのベースとなったスタイルシートは、下記のようになります。
Twitterで自分がブロックしているユーザーを確認するブックマークレット(とサービス) - os0x.blog
Who I Block? by @arikfrでSign in with Twitterボタンをクリック→Twitterのサイトに飛ぶのでそこで拒否か許可を選択。whoiblockに戻るとブロックしているユーザーが表示される。こちらでは下記のようなブラウザの再起動みたいな手間もなく割と安全に確認できるはずです。ただ、このサービスを私とは一切関係がないので本当に安全かどうかは(私は)保証できません。あしからず。 Twitterの仕様変更により、下記のブックマークレットは動作しません。 http://twitter.com/ を開いた状態で、下記をブラウザのアドレスバーに貼り付けて実行すると認証ダイアログが出るので、ユーザー名、パスワードを入力してください。サイドバーにユーザー名がずらっと出てくると思います(一人もブロックしてなければ何も出てきませんが)。 なお、一度認証を通すと、ブラウザを再
[javascript]半角英数字チェック
ちょっと必要になったので、調べてみました。 正規表現を使った方が楽では？ function StrCheck(strSrc) { return /^[a-zA-Z0-9]+$/.test(strSrc); } via:JavaScriptで半角英数字チェック 上のチェック方法でもよかったのですが、いまいち納得ができなかったので、下を参考にしました。 /* 半角英文字チェック */ function AlphabetCheck() { var str = document.iform.EnglishText.value; if( str.match( /[^A-Za-z\s.-]+/ ) ){ alert("英語名は、半角英文字のみで入力して下さい。"); return 1; } return 0; } /* 半角数字チェック */ function NumberCheck() { var
javascriptを@importのように一つのjsファイルで読み込む - AirNX 開発者ブログ
javascriptを多用するといくら外部化していても<head>〜</head>が散らかってきます。 こんな風に↓ <head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/yuga.js"></script> <script type="text/javascript" src="js/outline.js"></script> </head> そこでcssの@importのように一つのファイルを読み込めば、 同時に他のファイルも読み込んでくれるようにする方法です。 手順はとても簡単でdocument.write()を使います。 document.write()はjavascript内にhtmlを書く時に使用します。 読
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.tofu-kun.org/070627210315.php