JavaScript

プログラミング

ロリポップにGitHubActionsを使ってVue.jsを載せる方法の備忘録

こんにちは、今回はレンタルサーバーのロリポップにVue.jsのプロジェクトを載せる方法を記します。 面倒臭い方法でも良いのであれば、 Vueプロジェクトをビルドして作られたフォルダ下(dist)をFTPなりでサーバに置けば実行できま...
JavaScript

html2canvasでfont-sizeが変わらないときの対処法!

こんにちは、はせです。 html2canvasとは簡単に 要素を画像に変換してくれるJSライブラリです。 今回は、html2canvasを使用して 動的コンテンツを画像に変換したときに 文字サイズが変更できないときの対処法...
JavaScript

jQueryで「自身の要素」のみイベントを起こす方法。親子の要素にも影響しない。

こんにちは、長谷川です。 今回は、要素に対してクリックなどのイベントを 親要素や子要素を無視し、その要素のみイベントを起こす方法を書いていきます。 使い道は、最近流行りのモーダルを表示している状態から 背景をクリックするとモ...
HTML5

Canvasで超簡単に点線・破線を引く方法!JavaScript

こんにちは、 今回はCanvasで点線、破線を簡単に引く方法を ご紹介致します。 なんとリファレンスをみる限り Canvasは点線や破線は引けないみたいですね。 Canvasの点線や破線を引こうと検索しましたが、 ライブ...
Vue

Vuejsで要素を画像に変更する方法!「html2canvas」を使用!

こんにちは、 Vue.jsでdivなどの要素をシェアさせたいと思い、 実際にやってみたら、かなり簡単にできたのでまとめます。 そもそも「html2canvas」とは? 言い換えれば、ページで表示されているコンテンツを 簡単...
Vue

外部JavaScriptファイルからVueファイルのメソッド呼び出す方法!

こんにちは、 久しぶりのVue記事です。 今回は、外部のJavaScriptファイルから Vueファイルのメソッドを呼び出す方法を書きます。 注意 ※正しい方法かどうかは保証できません。 強引な方...
Vue

「Vue.js」でv-for内のrefにアクセスする方法!子コンポーネントのメソッドを使う

Vue.jsにて子コンポーネントのメソッドやデータにアクセスをする際 refを使用すると簡単にできます。 しかし、v-for内から子コンポーネントにアクセスする方法は 少しだけ書き方が変わります。 v-for文内の書き方 親コ...
JavaScript

classとidの取得する値が違ってエラーと対処法。JavaScript

JavaScriptである処理をしようとしていたのですが、 idでは出来てclassやNameではエラーが起きていたのです。 idとclassでは返る値が違うということが原因でした。 僕の出たエラー Uncaug...
タイトルとURLをコピーしました