Madogiwa Blog

主に技術系の学習メモに使っていきます。

Vue

はてなブログの記事を取得してカード表示するVueComponentを作った📦✨

はてなブログの記事を取得してカード表示するVueComponentを作ったので、そのへんの話をメモしておきますm( )m コードだけ見たい人はこちら はてなブログの記事をカードで表示するVueコンポーネント · GitHub イメージ このような形で表示されます 使い方 Bl…

Vue.jsでpropsを使ってimgタグのsrc属性を設定する方法

Vue.jsを使っていて親要素から子要素へpropsを使ってimgタグのsrc属性を設定する方法で、ハチャメチャにハマってましたが、一応出来たのでやり方をメモしておきます✍ 今回やりたかったこと 解決策 今回やりたかったこと 下記のような親子関係のコンポーネン…

vue-cliで作ったアプリをGithub Pagesでサクッとリリースする

みなさん、こんにちは(・∀・) 今回は、vue-cliでつくったアプリをGithubPageを使ってサクッと公開する方法をメモします✍ ちなみに公開したサービスはこちら、タブが使えるMarkdownEditor「MTM」というサービスです madogiwa0124.github.io 環境 私の使ってい…

railsとVueを使って無限スクロール機能を実装するMEMO🌀

自分が作っているSPAっぽいrailsのサービスでrailsとVueで無限スクロール∞を作ったので、そのやり方をメモしておきますm( )m つくるもの 使うもの 実際のコード View Controller Model おわりに 参考 つくるもの 下記のようにスクロール時にAPIでデータを取…

javascript: ファイルダウンロード処理を実装するMEMO

最近MarkdownEditorのサービスを作っていて、作成したMarkdownファイルをjavascriptでダウンロード処理を実装したので、 やり方をMEMOしておきますφ(・・ やったこと 実際のコード 参考 やったこと 私のサービスではMarkdownファイルをダウンロードする機能を…

railsのViewからVueの単一ファイルコンポーネントへモデルのインスタンスを受け渡すMEMO

railsのviewからVueの単一ファイルコンポーネントへモデルのインスタンスをいい感じに渡す方法を模索して、結構ハマってたのですが、自分なりに落ち着いたのでやり方をメモしておきます✍ 今回やりたかったこと どうやったか 参考 今回やりたかったこと やり…

Vue.js: 異なるVueインスタンスのdataの値を取得する方法

下記のような2つのVueインスタンスあり、別のVueインスタンスのdataの値を参照したいときに少しハマったので、ちょっとバッドプラクティス感ありますが対応方法をメモメモφ(・・ 結論としては、下記のようにすればできた 参照したいVueインスタンスを変数に入…