非同期通信とはなんぞや? Ajaxで遊んでみた - 神戸ホームページ制作センター

非同期通信とはなんぞや? Ajaxで遊んでみた

今回もまたチャレンジしてみました!!レッツクリエイトー!!のコーナー

はい。ということでね。。。

なんか毎回作ってみてますが、ブログ当番の順番がはやい!!追いつかない!!
時間に追われてでもいけるとこまでがんばってみます。

それでは今回制作してみたものは

「Ajax (非同期通信)をつかってみよう!!」
「Jqueryでプルダウンメニューをおしゃれに!!」
「オリジナルアイコンフォントを作ってみよう!!」

今回はこの3つにチャレンジしています!!

ということでまずは制作物。

ホームページ戦隊 キャラクター紹介2

内容が薄いのが申し訳ないですが。
前回のキャラクターの紹介を別の技術を使ってみた程度でご理解ください

Ajax 非同期通信とは

URLを入力してホームページにアクセスしたり、
リンクをクリックしてページが変わったりするのが同期通信と言われます。

それに対して、非同期通信は
ページの最下部に行くと、コンテンツが追加で読み込まれ自動的に増えていく・・・
Facebookでよく見るやつですね。

【さらに読み込む】みたいなボタンがあって、押すと追加されるみたいな感じもあります。

ページ転移とは同期せずにWEBサーバーと通信する技術です。

メリットは、
「ページの読み込みに時間かかっているなー。遅いサイトやなー」って状況を回避できます。
1度のアクセスで全てのコンテンツを読み込まず、読みたい人が任意で追加で読み込むことになりますので
1度にアレもコレも一気に読み込んで、遅くなる動作を回避しています。

他のメリットはソーシャルなコンテンツでは「リアルタイム性」とかもあります。

Ajaxはトリガーになる動作に対してWEBサーバーと通信し、プログラムが動作して結果を表示させたりします。
そのプログラムがデータベースにアクセスしたりして、最新の情報や変更を行ったり、
上手な使い方をすれば、面白く自由度の高いコンテンツも可能で、
エンドユーザーにストレスなく使ってもらえるホームページにできる可能性があります。

アイコンフォントって?

キャラクターの名前横に入っているアイコンを作ってみました!!
デザイナーではないのでクオリティは低いと思いますが。

「画像と何が違うの?」って言われそうですが、
これ、フォントの扱いなんです。

フォントのカラーを変えれば同じく変わりますし。
フォントの大きさ変えても変わります。

結構使い勝手が良いです。
最近のデザインはアイコンを多様することが増えたり、
定番のアイコンを都度都度制作しなくても良い。
使いたいときに自由に使えるので便利です。

スマホのメニューボタンとか設定のマークやメールのアイコンとかもよく使います。
今回のようにオリジナルのアイコンを作る事も可能です。

※アイコンフォントは小さくても分かりやすいように
複雑なアイコンが分かりにくくなってしまいます。
なので、できるだけ簡素化したアイコンがオススメです。

以上、レッツクリエイトー!!のコーナーでしたー。 オレがマルオやぞ!

ではでは、失礼致します。