はてなブックマーク

注意 もっと簡単な導入方法を見つけました。以下を参照してください。 https://qiita.com/idani/items/661e5aaa9dc32588d204 はじめに CKEditorで編集しているHTMLで、画像を挿入した場合に、ドラッグで画像サイズを自由に変更したい。 CKEditorのデモサイトでは、以下のように自由に画像のサイズをドラッグで変更ができる。 ところが、Vue.jsに導入したCKEditorでは、画像のサイズ変更ができなかった！！ TL;DR Enhanced Imageプラグインを導入することで、ドラッグでの画像のリサイズに対応するようです。 デモサイトと今回作成したサンプルコードをGithubで公開をしています。 https://github.com/idani/ckeditor4-vue-image-resize 以下、Vue.jsのCKEditor4

実現したいこと Vuetifyでテキストボックスとボタンを横並びにしたい。 ちょっと実現したいデザインは違うけど、フォームの構成としては、以下の検索窓のような感じです。 テキストボックスに入力後、ルーペアイコンのボタンをクリックして検索するというパターンです。 実現方法 入力欄に使用するv-text-fieldのappendスロットを使うと実現できました。 vuetifyの公式ドキュメントでは、Icon slotsとして紹介されています。 スロットのappend-outerを使って、以下のようにフォームを作成します。 <v-text-field v-model="message" label="Message" type="text" > <template v-slot:append-outer> <v-btn color="primary">検索</v-btn> </template>

注意 2020年末にWindows Version 20H1 (2004)がリリースされました。Windows10 HomeもWSL2というLinuxを動かすことができるようになり、Windows 10 Proと同様のDockerが導入できるようになりました。 詳細は、下記、リンクをご参照ください。 目標 Windows10 HomeにDockerを導入するために必要な手順と最低限の知識をまとめようと思う。 あと、2018/06/16(日)にWindows10 Homeに Dockerを導入した手順となる。 対象者（ここ重要） Windows10 Homeの利用者に限ります。しかも64bitしかダメです。 Windows10 Professional、Windows Serverの人は対象にしません。 理由は、Windows10 Pro、Serverは、Windows自身が備える仮想環境（

はじめに Vue.jsはドキュメントが豊富（感謝）なので、Vue.jsとVS Codeを使ったデバッグ方法は公式サイトに記載があります。 こちらを参照されるとよいです。 https://jp.vuejs.org/v2/cookbook/debugging-in-vscode.html 2019/06/19　追記 Nuxt.jsのデバッグ環境で、ソースマップがでてなくて、いい感じでデバッグができてませんでした。 こちらを参照していただくと、ソースマップがでて、デバッグがスムーズになります。 あわせて御覧ください。 Nuxt.jsをvscodeでデバッグするためのメモ 盲点だったこと、思い違いをしていたところ 私はVue.jsの開発は、Vue Devtoolsから入ったため、Vue Devtoolsでなんでもできると思いこんでしまっていたところでした。 このため「Nuxt.jsでも同様のデバッ

2019/01/26 追記 当初は、これで満足をしていましたが、iPhoneでの入力に問題があることがわかりました。 フォームのふりがなを自動入力する vanilla-autokanaですと、iPhoneでも入力不具合がでませんでしたので、活用させていただいています。 はじめに アカウントの登録画面を作っていると、名前とふりがなの入力欄がでてきます。 スマホ全盛の時代なので、ふりがななんて入力が面倒なので省かれたりもします。 しかし、偉大なる先人が作られた jQuery.autokana　～　https://github.com/harisenbon/autokana があるので、 「ふりがな」は自動で入るでしょ！ って要望も多くいただきます。 さて、jQueryで作っていたときは、そのままサクッと使わせていただいていました。 ほんとに感謝です。 しかし、Vue.jsで作るようになって、困

そもそも Firebaseを使いたいのだが、Cloud functionsが対応するNode.jsが「v6.11.5」だった。 ※画像は2018/05/27現在 ※参考URL: https://cloud.google.com/functions/docs/writing/ 新しもの好きの人は、「v8」を使っていて、こちらでアプリ開発もしているだろうから、わざわざ入れ替えるのは面倒というもの。 そうすると切り替える方法があるだろうなぁ。。。。ということで、 「node.js windows バージョン 切替」でぐぐってみたら nodelist( https://github.com/marcelklehr/nodist ) が人気みたいで出てくる。 インストーラーを落とそうとする、古い古い古い！！！ しかも、メンテナーを探しているとか(汗) 気を取り直して「node.js windows