各種Web技術のデモサイト|摩耶高機動運輸

摩耶高機動運輸(まやこうきどううんゆ) とは,プログラミング好きな中の人がいろいろとやってみる時の,
架空の屋号的なものです。 運送屋さんではありません。

こちらは各種Web技術のデモ用サイトとなります。
html5 + css3 に対応したブラウザ(Firefox最新版,Google Chrome最新版,InternetExplorer11,等)での閲覧を推奨します。

Webサイトの各種技術テスト

(ただいま準備中です)

スライドショウ

複数の画像を切り替えて見せるのに,スライドショウは有効です。
ヘッダ内だけでなく,背景全画面をスライドショウにするのも最近の流行のようです。

パララックス(視差効果)

最近の流行として縦に長いページがありますが,そういったページをスクロールさせた時に「奥行き」を感じさせる効果があります。
パララックス(視差効果)といい,主にjQuery(JavaScript)を活用することで実現します。

1からこの効果をコーディングしようとすると大変ですが,有志の方の作成したライブラリを利用すると,比較的簡単に実現できるのですが設定などの機能に一長一短がありますので,求めるものに近いライブラリを探す必要があります。
ここでは,いくつかのライブラリを利用したサンプルページを準備しました。

php,データベース,その他技術的な部分のテスト

phpとは,サーバサイドで動作するかんたんなプログラム言語です。
phpには,htmlやJavaScriptでは不可能な処理(データベースやファイル操作など)を行うことが可能で,活用次第では様々なWebページを構築することができます。

ここでは,phpの特徴を活かしたページを数点準備しました。

RSSリーダ

外部サイト(Yahoo!天気・災害 RSS)からデータを受け取り,それを加工して表示するテストです。
バージョンが2つありますが,1つ目は全都道府県のデータを予め読み込んでから表示を行うもの,2つ目は都道府県が選択された時点でAjaxを活用し必要なデータを読み込む違いがあります。

掲示板(データベースとの連携)

phpでのデータベース操作のテストです。
書込み と 閲覧 ができるだけの,ごく基本的な掲示板となっています。

Webフォント(M+FONTS)のテスト

Webフォントとは,css3 より利用できるようになった技術で,任意のフォントファイルをサーバ上に置き,それをサイトの文字に適用する技術です。
このページも mplus-1c-medium のWebフォントを適用しています。

ここでは,M+FONTS の各種書体を適用した場合の表示を確認できるページを準備しました。