第1回ではJSONPによるAjax実装を取り上げましたが、今回はそこで使ったJSONという表記法と、JSONPというAjax実装手法について解説します。また、jQueryによる簡単なAjaxの実装についても解説します。 JSONってなに？ JSONとは、JavaScript Object Notationの略称です。ECMAScript言語 ECMA-262をベースに作られた、Javascriptオブジェクトの表記法のサブセットです。 JSONは、名前と値のペア、および、順序付きの値という2つのシンプルな構造に基づいて、構造化データを簡潔に表現することができます。 オブジェクト（名前と値のペアの集まり） JSONでオブジェクトを表現するには、メンバを「{」と「}」で囲みます。複数のメンバは「,」で区切られます。例えば、名前が「color⁠」⁠、値が「green」というメンバを持つオブジェク

この無駄にゲームして過ごした時間を勉強に充てたら中国語もペラペラになるんじゃね～の！と思ったので1年間やった いつも心に谢谢您……（葱抓餅の袋より） なんとなく中国語をやってみるか、と思い立ったのが確か2021冬ぐらいなんだけど、独学で勉強を始めて概ね１年でHSK3級（体感だと中学英語ぐらいのレベル）に合格したのでその話を書きま～す。 最初に書いちゃうと、合格までにメ…

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.

ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう！ これを見てから3日間。 ブログもあまりかけずこればっかりいじって遊んでました。 睡眠時間も1日2時間くらいになり、今日は書こうと思います。 まずZAPA氏、きっかけをありがとう。 私はJavaScriptの知識がほぼ皆無な人間です。 そんな私でもjQueryは簡単に使える為、面白くてはまりました。 ただ、お恥ずかしい話、PHPを使ってJavaScriptをある程度制御しなければ私は使いこなせません。 ですが恐ろしく簡単にこれまでこのブログで紹介してきたようなJavaScriptアプリと同等のものを作れる為、これははまります。 JavaScriptダメダメの私でも出来ました データベース接続部や、なんやかんやは全てPHPでまかない、動作部分やFormなどはｊQueryに投げる。 こんな方法で色々試して見ましたが、A

イベントの割り当て jQueryのイベントについては、ここ(API/1.2/Events)に詳しいリファレンスがありますが、ここでは、 とりあえず、手短に簡単なイベントメソッドを紹介します。 頻繁に使うイベントで、DOM要素をクリックするケースです。クリックすると、スライドアップエフェクトslideUp()を行います。 <script src="./jquery-min.js" type="text/javascript"></script> <style type="text/css"> #myTest071030A1 { background:#F0ACFF; width:120px; height:120px; padding:10px; } </style> <div id="myTest071030A1"> クリックしてください </div> <script type="text

前回、「ニュータイプなjQueryその2-jQuery導入方法」として、jQueryの導入方法を解説しました。 今回は、「ニュータイプなjQueryその3」として、jQueryを利用してHTML要素にアクセスする方法を解説をします。 興味を持ったら、簡単なサンプルを作って、とにかく自分の手で動かしてみることが大切です。 HTMLのtag,id,classについて HTML要素へのアクセスを解説する前に、HTMLのtag,id,classについて簡単に説明しておきます。 HTMLは、複数のHTML要素が入れ子になって構成されています。 以下のHTMLタグと呼ばれるtagを利用します。 h1,p,div など このタグには、識別したり操作するためのidやclassを設定することができます。 <h1 id="type1">[Z]ZAPAブロ～グ2.0</h1> <p class="type2">

GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

JavaScriptライブラリのニュータイプ「jQuery」。 jQuery is a new type of JavaScript library. jQuery: The Write Less, Do More, JavaScript Library ニュータイプと聞いては黙っていられないニュータイプファンの皆様こんにちは、公開APIを利用したサンプルサイトを作っていくよ管理人のZAPAです。 Web2.0やらAjaxやらの言葉が流行っていても、実際にそれっぽいものを作ろうと思ったところで、初心者は一体どこから手を付けて良いのかわからないのが現実だったりします。 そこで今回は、Web2.0っぽくAjaxを実現させることができるライブラリ「jQuery」の紹介をします。 Ajaxとは ここで言うAjaxは、オランダの名門フットボールチーム「アヤックス」ではなく、ウェブブラウザ内で非同期通

運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。