HTML/CSS

【Vue.js】オブジェクトの内容を変更しているのにcomputedが変化しない状況への対処

状況 dataに用意したオブジェクトの内容を変更しているのにcomputedが変化しなくて困っていました。 対処 前提 dataに宣言する時点でプロパティを宣言しておけばVueが更新を追ってくれるので、基本はプロパティを宣言しておいた方がいいらしいです。 // ダメ…

【HTML】Google Chart APIでQRコードを生成して表示する

やり方 以下のAPIに対してQRコードにしたいURLを指定することで、簡単にQRコードを生成することができます。 http://chart.apis.google.com/chart?chs=320x320&cht=qr&chl=/* QRコードにしたいURL */ 例えば、このブログのブログトップを指定すると以下のよ…

【HTML/CSS】複数の要素を同期してScrollする【JavaScript】

複数要素を同期してScrollさせます。 強引な実装だと思うので、もっとスマートな実装が有れば教えてください。 やりたいこと 実装 利用例 解説 呼び出し元の記録と、記録のリセット 高さの操作 やりたいこと 以下のような機能を実現します。 複数要素を同時…

【HTML/CSS】JavaScriptで新しいタブを開き、そこからPOSTを送る【JavaScript】

以下のような動作がしたかったのですが、1, 2をやるようなコードが落ちてなかったので作りました。 新しいタブを開く 開いたタブからPOSTを送信する 戻ってきたwebページを表示する 内容的には新しいタブをtargetに指定してpost結果を表示するというのが正し…

【HTML/CSS】axiosでAPIを叩く【JavaScript】

ソースコード axiosでGitHub APIを叩くサンプルです。自分(k163377)のリポジトリ情報を取得し、その名前を書き出します。 一瞬詰まった点としては、取得成功時に呼ばれる関数内でエラーを出した場合、処理はそこで中断されてエラー処理関数が呼び出される…

【Android】入力欄にヒントを出す【HTML/CSS】

テキスト入力欄に何を入力して欲しいかを表す灰色の文字列を表示している例は多々有りますが、どう調べればよいか分からず手をつけていませんでした。 Android Androidの場合はxmlにandroid:hint="someText"を書けば出せるようです(今環境が無いので後で試…