PG:JavaScript
目次 HTMLのテーブルでチェック行の情報だけ処理するサンプル/PHP・JavaScript サンプルの概要 ソース全文です ポイント1:JavaScriptでチェックボックスの選択状態取得 ポイント2:PHPでのチェックボックスのついた行の処理 まとめ HTMLのテーブルでチェ…
素のJavaScript(Vanilla JS)だけで、ライブラリとかを使わずに作るシンプルな月間カレンダー。
JavaScriptのみで高速に顔認識できる「pico.js」の応用として、WEBカメラに映った自分の顔を認識してモザイク風のマスクをかぶせるってのをやってみます。
JavaScriptのみで高速に顔認識ができる「pico.js」の応用をやってみます。囲む枠を変更してみたり、パンダのイラストを重ねてみたり。
JavaScriptのみで高速に顔認識ができる「pico.js」の使い方です。まずは、静止画(写真)を使って基本的なところから。
久しぶりにWEBカメラを使おうとしたら、ちょっとエラーがでたので。
Html5のCanvasAPIのよくできたチュートリアルを見つけたので、参考にして、いくつかやってみました・・・の3回目です。
Html5のCanvasAPIのチュートリアルを参考にやってみた・・の2回目です。
Html5のCanvasAPIだけを使って、ゴリゴリとグラフィックを描いてみるってのはやったことがないなと思ってたら、とてもよくできたチュートリアルを見つけたので、やってみました。
簡単にできると思ってたら、意外に情報がなくて苦労したので、備忘を兼ねて書いておきます。
以前はjQueryで実装していたものを、ライブラリを使用しないよう書き換えました。
WEB画面にドラッグ&ドロップした画像ファイルを、Base64形式に変換してtextareaにセットするのと、画像を表示するのを両方やってみます。
もともとjQueryで実装していましたが、巣のJavaScriptにリライトしました。
Nuxt.jsで画像ファイルをドラッグ&ドロップで受け取り、Base64に変換してから、IMGタグで表示する・・というのをやってみます。ついでに、Fileオブジェクトの情報(名前。タイプ・サイズ)を加えて複数ファイルをうけつけた時に一覧表っぽく表示します。
今回は、 「Vue.js アプリケーションのための 状態管理パターン + ライブラリです」などと紹介されているVuexとヘルパの基本的な使い方を確認しつつ、画面遷移しても状態を表すデータを保持できていることを確認するデモを作ってみます。いちおう、自己流チ…
JavaScriptのテストフレームワークの「ava」の使い方を簡単に整理してみます。
UIフレームワークの「Buefy」を使うと、モダンなアイコンセット「Font Awesome」を簡単に使えるようになります。
今回は画面にUIフレームワーク「Buefy」を適用して、画面の体裁を整えます。ちょっとだけ「マシに見える」程度にはしたいなと思います。
今回は、Nuxt.jsで「プラグイン」を2種類作って、asycData()とmethodsの各ブロックの中で使ってみます。
今回は、Selectの選択値の変数へのバインドです。あわせて2つのSelectを並べて、片方の選択内容にあわせて、もうひとつのSelectの内容を更新するのをやってみます。
今回は、テキストボックス(Input)への入力バインドと、@clickを使ったイベントハンドリングとメソッドの呼び出しと画面の部分更新などをやってみます。
今回は条件付きレンダリング(v-if)やリストレンダリング(v-for)および変数参照方法などのVue.jsベースの基本的なところを確認していきます。
NUXT.JSの基本的な機能や利用方法を整理したチュートリアルをまとめてみます。しばらく「NUXT自己流チュートリアル」というテーマで、続き物を書いていく予定で、今回は、その1回目です。
Nuxt.js(Vue.js)を、Windows10にインストールして使える環境を作ります。実は、Nuxt.jsを理解するのに七転八倒した経験を踏まえて、こんなんがあったら助かったのにな・・を「自己流流チュートリアル」にまとめようと思ってたりします。なので、今回は、そ…
ひょんな事からAR(拡張現実)なるものを試してみることになったので、やり方を一通りまとめてみました。AR.jsとA-Frameです。
forループの中のonブロックに書いた処理が意図した通りに動かないという「よくある問題」のケース紹介と対処法を備忘のために書いておきます。
iframe内にコンテンツを表示する際にハマりやすい・・というか自分がハマった・・問題について解決策をメモっておきます。
MathJaxで表示できないギリシャ文字があって解決できてません。なので、とりあえず、切り分けだけしてみました。
前回、はてなブログの見たままモードで、数式を書く仕組みである「MathJax.js」について、基本的な使い方と数式例を整理してみました。