JavaScript

jQuery+phpQueryで指定したURLのページ情報をAjaxで取得する

jQueryを使用してテキストフィールドにURLを入力したら、そのページのタイトルとディスクリプションを取得するということをやってみます。
WebスクレイピングにPHPのphpQueryというライブラリを使います。

最近はWebGLを使用した3Dを取り入れているサイトがちらほら見られるようになりましたね。
いきなり高度なのは難しいので、Three.jsを使用してワイヤーフレームの球体を回転させるという単純なことをやってみます。

Vue.js を使用してアニメーションして表示するモーダルウィンドウを作ってみます。

以前の記事で「HTML5+Canvasでパーティクルっぽいのを作ってみる」というのを作成しましたが、横の移動だけだったのであまり面白くありませんでした。
今回は横だけではなく縦や斜めにの方向にランダムにパーティクルを移動させたいと思います。

前回、Vue.jsコンポーネント間の値のやりとりについてをやりましたが、この方法だとコンポーネントが増えていくといわゆるバケツリレー状態になり管理が難しくなります。
そんなときは状態管理パターン+ライブラリであるVuexを使用すれば解決してくれるみたいですよ。

ElementはVue.jsで使用できる、モーダルやデイトピッカーなどよく使われるコンポーネントを集めたライブラリ集です。
これを使えば高品質なアプリケーションのUIを簡単に構築することができます。

JavaScriptで日付の表示に便利な Moment.js というライブラリがありますが、これを Vue.js で使用する方法をご紹介します。

Vueの初歩的なことになりますが、親子関係のコンポーネントで値の受け渡しをやってみます。

Vue.js 2.0 を使用してTableで並べたリストの検索フィルターとかソートなどをやってみます。

最近はトップページでメインビジュアルを画面いっぱいに表示することが多いですよね。
ヒーローイメージというらしいですが、今回はjQueryを使用してスクロール量に応じて画像を拡大する方法をご紹介します。