はじめに 以下で解説しているのは、 bootstrapのモーダルを使って、パラメータを渡し、表示されたモーダル内にその内容を表示させる手段です。 具体例・一覧画面から指定のボタンクリックで、そのリスト固有の値を表示させる・データ削除時に一度確認表示をさせてから削除させたいとき。 実装方法 「画面に複数ある削除ボタンの一つをクリックした際に、そのボタン固有のパラメータを取得」する方法で書いていきます […]
問題点 laravelのblade内にjQueryを書くと「$ is not a function」とのエラーになる場合。 解決策① jQuery.noConflict()メソッドを追加する。 上記はlaravelに限らず他でも有効。 適用前 適用後 解決策② laravelに沿った対処法という観点だとこちらのほうがもっといい。 bladeにインラインで使うのではなく、「public >> js」 […]
positionを使った指定では親要素からの位置をするが、任意のブロック要素からの位置を指定する方法。 全然違うところにあるけど、見た目上ハマっているように見せたいときなど。
chart.jsは公式のページで詳しく使い方が書いてあるし、紹介している記事も大変多い。 ただ、さくっと使うには目を通す量が多すぎるのと、古いバージョンでの紹介記事が混在しているため、備忘録としてメモ。 chart.jsを使うための最低限の設定 ただグラフが書ければいい程度であればこの章のみでできる。 chart.jsの読み込み 下記リンクからバージョンを選んでクリックし、copy script […]
はじめに よくあるっと文字をペンで「すらすら～」と書いていくようなアニメーションをWEBサイト等で追加したいとき。 表現の仕方が少し難しく、検索の仕方もいろいろなワードで検索されていますが、やりたいことは「文字の手書き風アニメーション」、「フォントアニメーション」、「フォントライン アニメーション」といった感じ。 いろいろ方法を探しましたが、中でもSVG画像とツールを使ってJavaScriptで実 […]
簡単な使い方 ※LocalStorageではなくSettionStorageを使う場合は、下記１行目でSessionStorageを変数に入れる。 LocalStorageにデータをセットする LocalStorageのデータを取り出す LocalStorageのデータを全て消去する
目的 vue.jsは公式の日本語ガイドがかなり充実したものになっているが、HTML,CSS,JSの知識の前提を中レベルとしている。 ここではそれよりもさらに低いレベルでも理解できるようにまとめていく。 ※翻訳の関係なのか、日本語がやや変な部分も補完していく。 ※自己学習かねてのため、回りくどい部分あり 準備 index.htmlを作成し、最低限のコードを書く サンプルではjsは外部ファイルには書か […]
JavaScriptを習得したいと思っていろいろ触っているときに、古い情報と新しい情報が混在して困った。既にJavaScriptについての理解ができていれば、それらの情報に困ることもないのだろうが、それ以前の問題の私。 なので、「JavaScriptの基礎の基礎を書きながら覚える」かつ「最近の書き方などをTipsとしてメモ」していきます。まずはファイルの準備や表記方法についてと、簡単な関数を使って […]
JSONとは JavaScript Object Notationの略。 一言で言うと、わかりやすく簡単なデータ記述言語。 WEB APIでのデータの送受信などにJSONフォーマットが使われる。 Web API とは Application Programming Interface（アプリケーション・プログラミング・インターフェース）の略。 「Webサービスをプログラミングから操作するための方法 […]
関数とは 複数の文で書かれた命令をまとめて呼び出せるようにする仕組みのこと。 ポイント 関数の中で宣言した変数は、関数の中だけで使用できる 関数の中で宣言した変数は「ローカル変数」といって、関数内のみでした利用することができない。 関数の外で定義した変数は「グローバル変数」といって、関数内も外も問わず使用することができる。 関数の有効範囲のことをスコープと呼ぶ。 グローバル変数による名前の重複を避 […]