IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
前回書いた「Javascriptによる大規模開発の覚え書き」が凄いことになってました。 今回は、省略した「5.高速化せよ」について書きます。 僕にとってjavascriptは非常に高速な言語です。それは何が高速か 開発速度が高速である 開発速度、及びそこに至るまでの修得速度はとても高速です。動的言語を上手く操る開発者はもちろん、開発に不慣れな(言葉が悪いけど)新人達でさえ「動く」モノをサクっと作ってしまえる。 また、プラットフォーム(? というかブラウザ)が広く普及しているので、ググればスグに問題解決もできる。 それにローカルで簡単に作れる。javascript、それは動作環境を含めて高速です。 高速にUI操作ができる(UI操作が非常に簡単である) swingとかでUI操作をするには多くのオブジェクト操作をしなければならないけど、javascript(もといDHTML)は非常に簡単に
このブログを、Movable Type Open Source 4.1にアップグレードした 最初は、普通にMovable Type 4.1にアップグレードしようと思ったが、Movable Type Open Source 4.1の公開実験場があるのも悪くないと思い、小川さんのリビルドしてくれたMTOS-4.1-jaを使い、Movable Type 3.35からMovable Type Open Source 4.1にバージョンアップした。 PHP化した場合におこる現象と原因 さて、新しいブログを作成して、[確認]をクリックするとプレビュー画面が表示されず、下記の画像のようにエラーが表示される。 表示されているエラー全文は以下。 Parse error: syntax error, unexpected T_STRING in /virtual/dakiny/public_html/www.
トップ > Movable Type > 今日のMovable Type 4.1:MT4.1は全件表示でも<MTEntries>に lastn="N"を入れないとダメ 今日のコラムは、Movable Type 3.3xから、Movable Type 4.1や、Movable Type Open Source 4.1にアップグレードする予定の方に読んでほしい。 先日、MT3.35からMovable Type Open Source 4.1にアップグレードしたのだが、カテゴリーアーカイブと月別アーカイブでエントリーが３件しか表示されない。 確かにindex.htmlでは公開設定で指定したエントリー件数が自動的にlastn="N"に表示に反映される。だが、カテゴリーアーカイブと月別アーカイブはそのような設定にしてないはずだ。 推測ではあるが、MT4からは、lastn="N"を入れないと、公開数
jQueryベースの画像ズームイン/アウトのプラグインなんていくらでもあるけれど、自分の思うように動くものやしっくりくるものがなかったので作ってみました。 何事も挑戦あるのみ。 画像を大サイズと小サイズ（サムネイル用）の2枚用意します。 ※widthとheightを2倍に設定しているため、大サイズは小サイズの丁度2倍の大きさにする必要があります。 class名を"zoom"と設定したサムネイルをクリックすると起動します。 サムネイルの上に大サイズの画像をサムネイルと同じサイズ指定で表示し、アニメーションさせながら元のサイズまで戻す、という動きをします。 大きくなった画像をクリックすると逆戻りをした後削除されます。 ズームのサンプル 1枚の画像がそのまま大きくなっているように見えるけれど、実際は2枚使っているという。 今回は自サイト用に作っているので、大サイズ画像の縦横は800*600に固定
WEB+DB PRESS 編集の R たんから、僕の連載記事に読者様から質問が来ていると教えていただいたので、その内容を教えていただきました。 以下、内容を転載 「JavaScriptわくわく開発道」の記事に関して質問です。 今回の内容で特に興味を持ったのはthisキーワードの振る舞いでした。 thisキーワードの説明には、オブジェクト型の変数を別の変数にコピーしてから初期化すると、コピーした変数からメソッドを実行できなくなるという例が紹介されていました。 そこには「（1）の時点でobj0には{}が入っているため、hogeは未定義となってしまう」という説明があるのですが、誌面の都合上省略があるためか、thisキーワードを用いることで問題を回避できるという理由がなかなか理解できないでいます。 自分なりに考えてみたところ、内部的には以下のようなことが起きているのではないかと思いました。 (1)
人様にActionScript (あるいは JavaScript)を教える時に、絶対に鬼門となるthisスコープについてのまとめメモ。 ECMAスクリプトでは関数が他の変数に代入可能な為、関数のthisが文脈によって変動します。どうも、Javaとかやってる人にはそれがスゴイ気持ち悪いらしいのです。 thisとな何なのか？ 端的に言うならば、thisは「その関数を、何のプロパティと解釈して呼び出したか？」によって決定します。 関数を直接呼び出す場合と、オブジェクトのプロパティに代入してから呼び出す場合を比較してみます。 function hoge(){ alert(this); //trace(this); flashの場合はコッチ } var myObj = new Object(); myObj.hoge = hoge; hoge(); myObj.hoge(); のように書いた場合、
Libraのハッカソンやってるという話は先日「HackLibra、最初のオンラインハッカソン」で書きました。 …
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 現在位置を取得するときのの基準となる、ウィンドウ・サイズ、ドキュメント・サイズ、スクロール量を取得するJavascript。ブラウザ互換とかで割りと苦労しました。 スクロール量（横）: スクロール量（縦）: ウィンドウ・サイズ（横）: ウィンドウ・サイズ（縦）: ウィンドウの中央位置（横）: ウィンドウの中央位置（縦）: ドキュメント・サイズ（横）: ドキュメント・サイズ（縦）: 以下にソースを出します。 スクロール量を取得 function getScrollPosition() { var obj = new Object(); obj.x = document.
http://d.hatena.ne.jp/nazoking/20050425/1114374966 に関連して、名前が短いもの（ $ とか、O とか X とか）も、ぶつかる可能性があるので出来るなら避けて欲しい。まあ、普通はないんだけど。 で、どうしても短い名前を使いたい人用の、オブジェクトを名前空間代わりに使う方法*1。 例えば nazoking という名前空間にいろいろ定義する場合、 if( typeof(nazoking)=='undefined' ) nazoking=new Object; // 定義 nazoking.O = function(){ alert('Oという名前の超便利関数'); }みたいな感じで。使うときは var hoge = nazoking.O();で、もし、名前空間 nazoking をよく使うのであれば with(nazoking){ // スクリプ
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 一度しっかり試しておきたかった変数とその有効範囲について。 JavaScriptには変数の型という考え方がない（任意のデータ型の値を代入できる） JavaScriptでサポートされるデータ型には、基本型と参照型がある 参照型の変数には、参照が格納される（実際のデータ値ではない） 関数、配列、オブジェクトなどが参照型 変数の有効範囲を、その変数のスコープという 暗黙的に宣言された変数は、必ずグローバル変数になる 関数の内部で暗黙的に宣言された場合でも、グローバル変数になる var文で宣言した変数は、ローカル変数になる ローカル変数のスコープは、その変数が宣言された関数の
既出かもー 配列の結合 var array1 = [1, 2, 3]; var array2 = [4, 5, 6]; [].push.apply(array1, array2); alert(array1); // [1, 2, 3, 4, 5, 6] ３文目で空配列を使ってるのは書くのが短いからってだけ。 配列の初期化 function hoge() { var args = []; [].push.apply(args, arguments); alert(args); }; hoge(1, 2, 3); // [1, 2, 3]
こんにちは、たかはらです。最近休日が多いので新しい事を試す機会が増えています。最近ちょっとだけ始めたのはJavaScriptのライブラリjQueryです。今日はこのネタを投稿します。 ディノでは、毎週30分×2コマの社内勉強会を開催しています。このなかで、souさんが毎週連載で開催しているJavascript講習会が社内外で思いのほか好評です。 全編動画にてフォト蔵で公開していますので是非ご覧になってみて下さい。 今souさんの行っているJavaScript講習会では、基礎を固めるためあえてライブラリを使っていませんが、ライブラリを使うと宿題のコードがどれくらい簡単になるか興味を持ったので、覚えたてのjQueryを使って宿題のJavaScriptを書き直してみました。 宿題のコード 下のコードを例にjQueryで書き換えてみます。 /** * 課題： * JavaScript off
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
JavaScriptjQuery を使って JSONP でリクエストする方法を２通り紹介するよ。その１: $("")createElement を $() を使って実装。 $("") .attr('type', 'text/javascript') .attr('src', "http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback") .appendTo($("head")); function myCallback(json){ // ロード完了時にここが呼ばれる } http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback にリクエストがいく。callback のところは、サービスによって指定の仕方が違うかもね。その２: $.ajax
SafariでJSONの通信をすると文字化けるので対応策を考えてみた。ちなみにSafari3betaでは文字化けは解消されてました。 コード 以下のコードをライブラリを読み込んだ最後に実行させると、対応されます。コーディングは文字化けとかを全く意識しないで大丈夫。 //Cross Browser Script Support (function(){ // the garble control for safari (XMLHttpRequest#responseText) var func01 = function(text){ var esc = escape( text ); if( esc.indexOf("%u") < 0 && esc.indexOf("%") > -1 ){ text = decodeURIComponent( esc ); } return text; };
![[JavaScript]海外のAjaxライブラリを日本語対応させる方法。(AjaxPagesとjQueryのサンプル) - 考え得る最高を常に行う](https://cdn-ak-scissors.b.st-hatena.com/image/square/7b22b87014a205999868b414e8922b4315e5c118/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fogimage.blog.st-hatena.com%2F17680117127091821896%2F17680117127091828755%2F1556526105)
食品関係のショッピングサイトには細心の注意が必要となる。 ホームページ作成をする上で、最も注意しなければならないのが、法律的トラブルの回避です。 その為に契約書と規約というものを必ず設ける必要があります。 例えば、大学生の人が、アルバイトで何も考えずにホームページを受注し、相手から出された資料を元に作成したとします。 渡された資料が、既に薬事法に違反していたとします（かなり多い）。 こうした違反したページを作った場合、作成した会社と、WEB制作者に罰則が言い渡される事があります。 これを回避する為、かならずホームページ上での文章等の責任は、全て依頼元に委託する規約が絶対に求められます。 こうしたトラブル回避は、ある程度薬事法と医師法の知識さえあれば先に打開策を練る事が出来ますが、一般的WEB制作者の中には、言葉すら知らない人も居るでしょう。 今回は、こうしたWEB上での最もトラブルになりや
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![jQueryの魔法 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
