webOpixel

データベースを使ったWebアプリも作れるようになったWix Codeがすごい！

無料でホームページ作成ができるWebサービスWixから、新たにWix Codeというサービスが始まりました。
Wix Codeはデータベースアプリやインタラクティブコンテンツなど多岐にわたる機能を提供しています。今回はデータベースに機能を絞ってご紹介いたします。

Vue.jsでリストをモーダルウィンドウを開き、項目を選択できるような動きをやってみます。

近年ではモニターサイズが広くなってきた影響もあり、サイドバーを固定表示させてるサイトが多くみられるようになった気がします。
そこでここでは画面が狭くなるとハンバーガメニューになるレスポンシブに対応した固定サイドバーの作成方法をご紹介します。

Laravelでサイドバーなどすべてのページで共通するデータを表示したいときはViewComposerを使用すると便利です。

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

例えばグローバルナビに親カテゴリーがあり、それぞれのカテゴリーページにアクセスするとサイドバーに所属しているカテゴリーの子カテゴリーの一覧を表示したいという想定です。

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

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

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

Laravelのファイルのアップロードから管理まで一括でできるライブラリ「Laravel File Manager」をご紹介致します。
CKEditorやTinyMCEとの連携もできたりします。