JavaScript 【JQuery】HTMLの要素をclass、idで指定して取得・操作するサンプルコード
JQueryでHTMLの要素に対してclass、idで指定して操作するサンプルコードをメモ用にまとめておきます。
クラスで指定する時
classで指定する時は「.」を使用します。
また要素内のテキストは.t...
JavaScript
JavaScript JavaScript 【jQuery】デバイスの横幅に合わせて文字サイズを自動的に変更する方法
Vuejsでwebサイトを作っていたのですが、デザインのためスマホとPCで表示される文字の大きさを変えたいと思ったのですが、vueだと難しそうだったのでjQueryを使ってサイトの文字サイズを画面の幅に合わせて変更しました。その際の...
JavaScript 【Vue.js】[Vue warn]: Cannot find element: #appが出る時の原因と解決法
Cannot find element: #app
Vue.js でSPAサイトを用いてデザイン開発をしていた際に、以下のエラーが出て結構悩みました。
app.js:4277 : Cannot find elemen...
JavaScript 【vue.js】日本語テキストが文字化けをしてしまう問題の解決法
vueでhello worldしようとしたのですが、htmlファイルをブラウザを確認すると。以下のような感じで文字化けしてしまいました。
解決法
まずテキストエディタがUTF-8 で編集しているか...
JavaScript 【Vuejs】CDN版でクリックイベントで現在の日付時刻を取得するボタンを作る
今回はVue.JS(CDN版)でv-on:clickを使って要素をクリックした際にVueインスタンスで定義した関数を実行する方法について紹介します。
この記事ではその具体例として、クリックすると現在時刻を画面上に表示さ...
JavaScript 【Firebase】Cloud FunctionsのCORSエラーを回避する方法
Google のクラウドサービスの1つであるFirebase functionsでExpressでAPIを作ったので、それをAngularで作ったフロント側から呼び出そうとしたところCORSエラーに遭遇したのでその解決法を書いておく...
JavaScript 【Nodejs】サーバーサイド初心者のためのExpress入門
Expressとは
Node.jsは言わずとしれたサーバーサイドJavascriptの実行環境。ExpressはそのNode.jsでの王道的な開発をスピードアップするためのフレームワークです。
Expre...
Anaconda 【Angular】Mat-tableの列データを編集・追加・削除する
今回はAngularのmat-tableに編集ボタンを付けて、編集ボタンからダイアログを開くとダイアログが開き、フォームに入力した情報がテーブルに反映される、というような機能を実装していきたいと思います。
Ma...
Angular 【Angular】Mattableの各テーブルヘッダーの幅を画面幅に合わせて自動調整する
前回の記事で作ったテーブルの各列の幅をテーブル全体のサイズに合わせて％で調整したい場合はcssを以下のように調整してあげればいい。
前回のソースコード：
<ngtable-s...
Angular 【Angular】Mat-Tableでヘッダーが複数行になるテーブルを作ってみる
前回の記事でAngular-materialによるmat-tableの作り方については解説しましたが、実際の業務ではヘッダーが複数行あったり、編集ボタンでテーブルの中身が書き替えられるみたいな機能の実装を求められることもあり、あれだ...