jQueryなど便利なライブラリもいいですが、軽量でカスタマイズ自由自在なオリジナリティあふれるネイティブJavaScriptを書くのもいいかも。
jQueryなど便利なライブラリもいいですが、軽量でカスタマイズ自由自在なオリジナリティあふれるネイティブJavaScriptを書くのもいいかも。

ネイティブJavaScriptで書こう!

JavaScriptコード一覧
jQueryを始めとしたさまざまなJavaScriptライブラリが存在し、どれも非常に便利で優秀ですので活用している方も多いことでしょう。 無償で使用できるライブラリを拾ってきて成果物に組み込むなど、車輪の再発明を避けた開発は非常に効率のいいものです。 しかし、あまりにもライブラリに頼ってばかりいると、自分でコーディングする力やカスタマイズする力、デバッグする力が弱くなる一方です。 ほんの数行で書けるJavaScriptに敢えてjQueryを使用する意味もありませんし、クロスブラウザ対策で四苦八苦した時代は既に終わっています。 HTML5時代の今こそライブラリに頼らずJavaScriptを書いてみませんか? かつては動きのある処理は全てJavaScriptでコーディングしなければなりませんでしたがCSS3の登場によりJavaScript+CSS3で非常にコンパクトに書ける様にもなっています。 ネイティブJavaScriptという呼び名が正しいか否かはさておき、ライブラリに頼らず書いてみようという趣旨です。
このサイトでは、ウェブサイト作成で使用しているJavaScript例を紹介しています。(備忘録も兼ねています)
気に入ったら商用問わず無償でご使用いただけます。著作権は放棄しておりませんが参考にして書き直した場合はそれはあなたのコードです。著作表記を消すなり書き直すなりご自由にどうぞ。 私も様々なサイトを参考にさせていただきました。御礼申し上げます。
プログラミングコードは常に生まれ変わり、常に使い捨てです。長期にわたり同じコードを使用することはほぼありません。よって掲載されているコードは完成度100%を目指したものではなく、実用上の問題発生率0%を目指しています。
おそらくここに掲載したコードは再利用の際にはその時点で手を加えて新たな要求に対応している事でしょう。
「もっと綺麗に書ける」「書き方が下手で古い」「再利用しにくい」「処理コストが高い」「JavaScriptらしい書き方ではない」等々、ご指摘もあることと思います。
まだまだ掲載数は少ないですが随時増やしていく予定です。皆様のお役に立てれば幸いです。(2016年8月吉日)
こちらの記事はECMAScript5までの記事です。現在はECMAScript2015に移行しています。(2017年9月吉日)
jQueryを始めとしたさまざまなJavaScriptライブラリが存在し、どれも非常に便利で優秀ですので活用している方も多いことでしょう。 無償で使用できるライブラリを拾ってきて成果物に組み込むなど、車輪の再発明を避けた開発は非常に効率のいいものです。 しかし、あまりにもライブラリに頼ってばかりいると、自分でコーディングする力やカスタマイズする力、デバッグする力が弱くなる一方です。 ほんの数行で書けるJavaScriptに敢えてjQueryを使用する意味もありませんし、クロスブラウザ対策で四苦八苦した時代は既に終わっています。 HTML5時代の今こそライブラリに頼らずJavaScriptを書いてみませんか? かつては動きのある処理は全てJavaScriptでコーディングしなければなりませんでしたがCSS3の登場によりJavaScript+CSS3で非常にコンパクトに書ける様にもなっています。 ネイティブJavaScriptという呼び名が正しいか否かはさておき、ライブラリに頼らず書いてみようという趣旨です。
このサイトでは、ウェブサイト作成で使用しているJavaScript例を紹介しています。(備忘録も兼ねています)
気に入ったら商用問わず無償でご使用いただけます。著作権は放棄しておりませんが参考にして書き直した場合はそれはあなたのコードです。著作表記を消すなり書き直すなりご自由にどうぞ。 私も様々なサイトを参考にさせていただきました。御礼申し上げます。
プログラミングコードは常に生まれ変わり、常に使い捨てです。長期にわたり同じコードを使用することはほぼありません。よって掲載されているコードは完成度100%を目指したものではなく、実用上の問題発生率0%を目指しています。
おそらくここに掲載したコードは再利用の際にはその時点で手を加えて新たな要求に対応している事でしょう。
「もっと綺麗に書ける」「書き方が下手で古い」「再利用しにくい」「処理コストが高い」「JavaScriptらしい書き方ではない」等々、ご指摘もあることと思います。
まだまだ掲載数は少ないですが随時増やしていく予定です。皆様のお役に立てれば幸いです。(2016年8月吉日)
こちらの記事はECMAScript5までの記事です。現在はECMAScript2015に移行しています。(2017年9月吉日)
JavaScriptコード一覧

NEWS TOPICS

2016.09.24
1項目サンプルを追加掲載しました。
2016.09.03
17項目サンプルを追加掲載しました。
2016.08.17
まだ作りかけですが公開。徐々に内容を充実させていきます。

ベルト状に画像がスライド (実装例)

ポップアップ表示 (実装例)

ポップアップ表示1
ポップアップ表示2
ポップアップ表示3
自由にレイアウトしたHTMLをポップアップできます。一応レスポンシブ対応
jQueryを始めとしたさまざまなJavaScriptライブラリが存在し、どれも非常に便利で優秀ですので活用している方も多いことでしょう。 無償で使用できるライブラリを拾ってきて成果物に組み込むなど、車輪の再発明を避けた開発は非常に効率のいいものです。 しかし、あまりにもライブラリに頼ってばかりいると、自分でコーディングする力やカスタマイズする力、デバッグする力が弱くなる一方です。 ほんの数行で書けるJavaScriptに敢えてjQueryを使用する意味もありませんし、クロスブラウザ対策で四苦八苦した時代は既に終わっています。 HTML5時代の今こそライブラリに頼らずJavaScriptを書いてみませんか? かつては動きのある処理は全てJavaScriptでコーディングしなければなりませんでしたがCSS3の登場によりJavaScript+CSS3で非常にコンパクトに書ける様にもなっています。 ネイティブJavaScriptという呼び名が正しいか否かはさておき、ライブラリに頼らず書いてみようという趣旨です。 このサイトでは、ウェブサイト作成で使用しているJavaScript例を紹介しています。(備忘録も兼ねています) 気に入ったら商用問わず無償でご使用いただけます。著作権は放棄しておりませんが参考にして書き直した場合はそれはあなたのコードです。著作表記を消すなり書き直すなりご自由にどうぞ。 私も様々なサイトを参考にさせていただきました。御礼申し上げます。 プログラミングコードは常に生まれ変わり、常に使い捨てです。長期にわたり同じコードを使用することはほぼありません。よって掲載されているコードは完成度100%を目指したものではなく、実用上の問題発生率0%を目指しています。 おそらくここに掲載したコードは再利用の際にはその時点で手を加えて新たな要求に対応している事でしょう。 「もっと綺麗に書ける」「書き方が下手で古い」「再利用しにくい」「処理コストが高い」「JavaScriptらしい書き方ではない」等々、ご指摘もあることと思います。 まだまだ掲載数は少ないですが随時増やしていく予定です。皆様のお役に立てれば幸いです。(2016年8月吉日)

タブコントロール設置 (実装例)

タブコントロールJavaScriptの実装例です。書いてある内容はただの独り言です。(2016.8)
何かと扱いにくいと思われがちなJavaScriptですが、その苦手意識を克服するとこんなに楽しい言語は他にありません。多くの場合で画面表示が変化するわけですがリアルタイムで試せてHTMLが動いたり。 確かに難解な部分は多いですが全てを理解しなくても何とかなります。そのうち慣れます。デバッグ環境はFirefox+Firebugが好きです。最初はエラー箇所の見当すらつかず大変な思いをするかも知れませんが、今後ますますの必要性を感じる言語ですので地道に頑張りましょう。
Perlぐらいしか選択肢が無かった頃、phpの存在を知りこれほどまでに求めていたことが実現できる言語があったものかと感動モノでした。何も迷うことなくすんなりコードが書けるし公式サイトも充実しています。 参考書も豊富にありますのでぜひHTMLコーダーの方々もSSIではなくphpとJavaScriptぐらいは多少書ける様になってほしいものです。
言語仕様はあまり好きではありませんが開発環境が整っており、かっちり書けるところに安心感があります。VB.NETを覚えるとAccessやExcelのVBスクリプトも似たような仕様ですのでその方面の質問にも答えることができます。 何よりWindowsネイティブアプリが作成できるという楽しさは有ります。
IISのASP.NETでもVB.NETは活躍しますのでWindowsスタンドアロン用で作成したパーツがずいぶん流用できました。
比較的最近Androidアプリ作成でJavaを覚えましたが、もう少し柔軟性を取っ払ってかっちりとしか書けない仕様の方がよかったのではないかと思いました。
ポインタがどうのっていう話が出ますが、まずはアセンブラを勉強しない事には理解しにくいことかなという気はします。アセンブラから入った人にとっては素直に理解できる部分でしょう。最近の新しいCについてはよく知りません。 あくまでもカーニハン&リッチー本で勉強した経験から言っています。
昔8ビットコンピュータでviエディタ互換をアセンブラで書きました。CPUはZ80です。結局公開することもなく勉強で終わりました。その頃はviエディタのコマンドはほとんど覚えていましたが今は数えるほどしか覚えていません。 Z80の命令?もすべて覚えていたような。
教育用言語とかなんとか、ちょっとかじりましたが実用したことは有りません。
プログラムを一つ作って動かした程度です。当時なかなか斬新な言語仕様だと感じました。
Delphiで作成されていたプログラムコードに機能を拡張するという仕事でその時に言語を覚えて納品し、それっきりです。その後、その納品物は全てphpで書き直してスタンドアロンではなくウェブサーバーに設置しました。
VB.NETと兄弟の様な物で、C言語を知っていれば何とかなります。
なにやら話題に上った時期もありましたが、このようなものに頼ってしまうとJavaScriptネイティブの書き方を忘れてしまいそうで敢えて避けました。
CoffeeScriptと同じ理由で敢えて避けました。今は頼らなくて本当に良かったと思っています。でもチーム開発では選択肢の一つになったのではないかとも思います。
学習として覚えましたが実用では何も作成していません。
知れば知るほど色々なことができることが分かってきます。基本的にMySQL使いですが、PostgreSQLを使った時はそのクセを理解するまでハマりました。phpに親和性が高いのはやはりMySQLですね。
Flashで使用する言語ですが、一通り覚えて使いこなせるようになったころ、iPhone、iPadの登場により新規で何か作るという事はなくなりました。
第二種情報処理技術者試験(当時)(国家試験)の架空の言語です。これを覚えないと試験が通りません。アセンブリ言語です。おかげさまで20歳の時に一発合格できました。
さわったことは有りますがなんだか忘れました。
また未体験です。
とりあえずセットアップしてライブラリを動かした程度です。今後必要になるかは未定。
さて本題に戻してこのタブコントロールJavaScriptの実装ですが、中身はHTMLを自由に記述できます。画像も当然設置できます。
タブの数は1個以上無制限です。横幅を超える場合は2段になります。その他状況に応じてカスタマイズしましょう。
ポップアップ表示3
JavaScriptコード一覧