JSONを使ったデータ管理
JSONの概要 JSON（JavaScript Object Notation）はテキストベースのデータフォーマットです。エクセルやGoogleスプレットシートなどに記録していたような情報を、定期的にホームページで更新し […]
View Article外部サイトのRSSを取得する
RSS（RDF Site Summary）概要 RSSは、ニュースやブログサイトなどのヘッドライン情報（タイトルや要約）を効率的に配信するために開発された文書フォーマットです。ドキュメントの見出しやリンクなどのリストを共 […]
View ArticleWeb Storageでローカルに情報を記録する
Web Storageの概要 Web Storageはクライアント側にデータをローカル環境に記録するための仕組みです。この仕組を利用することで、ユーザごとにパーソナライズして提供するようなサービスや、セッションを管理する […]
View ArticleJavaScriptのフレームワークとライブラリ
JavaScriptで注目を集めているフレームワークとライブラリを紹介します。初心者向けではありませんが、このような選択肢があるということを簡単に紹介したいと思います。 フレームワークの概要 平均的なWebデザイナーやコ […]
View ArticleGreenSock -アニメーションライブラリのデファクトスタンダード
GSAP（GreenSock Animation Platform）の概要 GSAP（GreenSock Animation Platform）は、高速・軽量のHTML5アニメーションライブラリで、アニメーションライブラ […]
View Articleanimate.jsを使ってテキストアニメーション
animate.jsを使ってテキストアニメーションを使ったのでその備忘録。元ネタはtobiasahlin.comのMOVING LETTERSというスクリプトで、jQueryを使わないように変更した。 MOVING LE […]
View Article全画面メニュー
tobiasahlin.com のメニューを参考に、jQueryを使わないように変更しました。 単純なスライドではなく、サークルが大きくなるところがポイントでなかなか気持ち良いメニューだと思います。 アニメーションのライ […]
View Articleトップに戻るボタンとスムーズスクロール
スクロールすると表示されるトップに戻るボタンを作成しました。 anime.jsを使ってスムーズスクロールも実装しています。必須ではないので、不要でしたらボタンのクリックイベントを削除してもらえればOKです。 ※ソース上で […]
View ArticleJavaScript実行のタイミングと仕組み
ブラウザの機能 ブラウザはユーザのリクエスト（要求）をサーバに送信し、サーバが返すレスポンス（応答）を解析してWebページとして表示します。 ブラウザを構成する主な要素としてユーザ・インタフェース（UI）レイヤー、ネット […] The post JavaScript実行のタイミングと仕組み first appeared on [SMART].
View ArticleRadioボタンにアクセスする
Radioボタンは複数の選択肢から選ぶためのものです。 上記コードで下記のように出力されます。 男性 女性 ※ここではコードをシンプルにするためにLABEL要素は省略しています。 JavaScriptからアクセスする場合 […] The post Radioボタンにアクセスする first appeared on [SMART].
View Article