並び順

ブックマーク数

期間指定

  • から
  • まで

281 - 320 件 / 349件

新着順 人気順

vue.jsの検索結果281 - 320 件 / 349件

  • 爆弾パズルゲームにタイミングとアニメーションを追加 - POTTIRI'S AUTOBIOGRAPHY

    お疲れさまです。POTTIRIです。 寒くなってきたので我が家も鍋が増えてきました。 今日はおでんです。 以前関東に住んでた頃、スーパーに牛すじが売ってなくて困ったのですが、 おでんに牛すじ入れるのって西の方だけなんです? さて、本日やっとこさ爆弾パズルゲームで敵を動かすことができるようになりました。 今日のステージ 技術的な話 今日のステージ 今日はこちらです。 敵が動くようになりました。 敵の動きを予測してちょうどいいタイミングで爆弾をおいてください😉 現状縦の動きしか実現できていませんが、横や斜めの動きも作っていきたい。 思い描いているのは、 一瞬考えて 一瞬タイミングを測る そんな小さい小さいパズルを日々のスキマ時間にあわよくばやってもらうゲーム。 ちょっとずつ理想に近づけていきたいです。 あと、爆弾を置いた時に動きをつけたりしています。 これにより爆弾を置くのに一秒かかるように

      爆弾パズルゲームにタイミングとアニメーションを追加 - POTTIRI'S AUTOBIOGRAPHY
    • Vueで開発中の案件でヘルプに入り、1つのコンポーネント(シーン)に全処理が書かれていたので、とりあえずモデルだけ切り出したらコード量が増えて読み辛くなると言われました。反論しないべきでしょうか?

      回答 (2件中の1件目) フルスタック(笑)よりのWebエンジニアです。モデル=データ部分という理解で回答します。 モデルを最終的に切り出す運営を目指すかどうかは一旦おいておいて、正直そんなこと言われると反論する気が失せますね。真剣に向き合うのなら反論するのもありだと思います。 コードを読んでいないので推測ですが、本来はコンポーネントごとに切り出して、データ部分はvuexに任せ、必要があればモジュールだったりモデルだったりでファイル分割したいところですが、そうはなっていないのでしょう。 コンポーネントにすべてをまとめていると読みづらいので一旦分けてみました。テスト工数が足りなければ...

        Vueで開発中の案件でヘルプに入り、1つのコンポーネント(シーン)に全処理が書かれていたので、とりあえずモデルだけ切り出したらコード量が増えて読み辛くなると言われました。反論しないべきでしょうか?
      • Vue.js製のシンプルで軽量なオープンソースのアクセス解析ツール・「Storywise」 - かちびと.net

        StorywiseはVue.js製のシンプルで軽量なオープンソースのアクセス解析ツールです。セルフホストはもちろん、今後クラウドサービスの展開も予定しているそうです。 一般統計(総訪問者数、総PV数、訪問者一人当たりの閲覧数)はもちろん、ページ毎のUV数やPV数、リファラ、国などの他、今後の開発でデバイス、ブラウザ、OS、プライバシーレベルの設定(サーバー側のみ、クライアント側のフィンガープリント、クライアント側のローカル ストレージ)など他にも様々な解析要素の追加を予定しているそうです。 DBは現在はMongoDbのみですが、今後Postgres、TimescaleDB、Mysqlなども対応していくそうです。開発目的は「セルフホスト出来るシンプルなアナリティクスアプリを使いたかった」そうです。セルフホストに拘ったのは、データを自分だけで管理したいから、というもので機能面での追加はしないそ

        • Vue.js developers' guide to React

          DEV Community Follow A space to discuss and keep up software development and manage your software career

            Vue.js developers' guide to React
          • 【基本編】Jestを利用してVue コンポーネントをテストする方法(Unit Test) | アールエフェクト

            特に個人で開発を行っているとテストを実施することでコードの品質を高められることはわかってはいるものの時間もかかりそうなので時間がある時にやろうとテストを後回しにしているという人も多いのではないでしょうか。 本文書ではVue CLIで作成したVue 3環境下でのVueのコンポーネントのテスト方法について説明を行っています。テストにはJavaScriptのテストフレームワークのJestとVue Test Utilsを利用しています。Jestはテストフレークワークの中でも人気が高くFaceBookによって開発されました。Vue Test UtilsはVueの公式のテストツールでVueのアプリケーションをテストするために必要な関数が含まれています。Vue.jsのビギナーの人にも理解してもらえるようにシンプルなコードを利用して動作確認を行っていきます。 Jestというテストフレームワークを利用するこ

              【基本編】Jestを利用してVue コンポーネントをテストする方法(Unit Test) | アールエフェクト
            • Vue.jsとReactはこの先もフロントエンドの覇権を握れるのでしょうか?

              回答 (5件中の1件目) Vue.js も React も私は使っていません。ここで言われているフロントエンドとが何を指すのかにもよると思います。私はがちがちの業務系 Web しかやったことが無いので、世に出回っているライブラリを評価しようにも一般で言われている様な評価ができるとは思えません。 業務系 Web に必要な機能が Vue.js や Reac そして jQuery ですら足りません。なので業務系画面を駆動するために 10 年以上掛けてライブラリを整備して来ました。今使っているのは古くからある prototype.js を参考にしてコツコツと書き加えたものと jQuery の一...

                Vue.jsとReactはこの先もフロントエンドの覇権を握れるのでしょうか?
              • Vueのassetsフォルダに入れたimg画像ファイルを表示する方法と画像パスについて | devsakaso – プログラミングの独学サイト

                2021年6月19日2025年1月28日Vue.js Vueのassetsフォルダに入れたimg画像ファイルを表示する方法をまとめました。 また、画像パスの@や~@の意味を解説しています。 最後に画像がうまく表示されない場合の原因とその対処方法を紹介しています。 Vueのassetsフォルダに入れたimg画像ファイルを使用する方法まず、Nust.jsで使う場合、こちらの記事がとても参考になります。 assetsフォルダではなくstaticにいれるなどした画像の配置場所で指定方法が異なるので注意が必要です。 フォルダ構成 src/ |- assets/ | |- img/ | | |- img1.jpg | | |- img2.jpg | | |- img3.jpg | | |- img4.jpg | | |- img5.jpg | ... | |- main.js |- App.vu

                  Vueのassetsフォルダに入れたimg画像ファイルを表示する方法と画像パスについて | devsakaso – プログラミングの独学サイト
                • 【作業効率up】すぐにできるリファクタリング5選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                  朝の人も夜の人もおはようございます。ザワです。自然の雄大さを感じる年頃のフロントエンドエンジニアです。 さて、私は仕事柄、ソースコードのレビューをします。その最中、気づいたんです。比較的簡単にできるリファクタリングってあるよねって。今回はそんなお得なリファクタリング項目を五つに絞って紹介いたします。 普段vueを触ることが多いので、一部vueでソースコードを紹介いたします。 関数名変更 変更前 <button @click="onClick">トップへ</button> const onClick = () => { router.push('/') } 変更後 <button @click="goToRoot">トップへ</button> const goToRoot = () => { router.push('/') } 変更前のonClickでも別におかしくはありませんが、vueの

                    【作業効率up】すぐにできるリファクタリング5選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                  • Vueのtemplate、上から書くか?下から書くか?

                    はじめに VueはコンポーネントをSFC(シングルファイルコンポーネント)で書くことが推奨されているUIフレームワークである。VueにおけるSFCではHTML、CSS、JSを一つのファイルにまとめることで一つのコンポーネントを作ることができる また最近ではVue3が盛り上がってきている。2020年10月8日現在、Vue2のサポートは来年2023年で終了するという発表もあり長期的にメンテが必要なプロジェクトに関してはVue3への移行が慌ただしく行われていることだろう そんな中ある一つの疑問が浮かんだ。「人やプロジェクトによってSFCの書き方が異なる。templateタグ、scriptタグを書く順番が違う」と。 どういうことか具体的に見てみよう。以下はVue3公式から引用したコードだ <script setup> import { ref, onMounted } from 'vue' //

                      Vueのtemplate、上から書くか?下から書くか?
                    • ゼロからしっかり理解したい人のLaravel Inertia.jsの基礎(Vue編) | アールエフェクト

                      現行バージョン10(執筆時は9)のLaravelのドキュメントに記載されているのは(1), (2)の方法です。本文書では(2)のLaravel環境下にInertia.jsを利用する方法について説明を行っています。Laravel BreezeやLaravel Jetstreamを利用することでInertia.js + Vueを利用することができますが本文書ではパッケージを利用しない方法を中心に解説しています。 macOSにLaravel 9をインストールして動作確認を行っています。 Laravelプロジェクトの作成 Inertia.jsをインストールする前にLaravelプロジェクトを作成する必要があります。Inertia.jsではJavaScriptを利用するため事前にNode.jsがインストール済みである必要があります。 本文章ではLaravelプロジェクトの作成はlaravel new

                        ゼロからしっかり理解したい人のLaravel Inertia.jsの基礎(Vue編) | アールエフェクト
                      • 知識の枝 Django向けVue.js 「導入」編

                        DjangoにVue.jsを導入してどんなことができるか体験してみましょう!導入ハードルが低めの記事なので「Djangoは知っているけどVueは初めて」という方にマッチする内容になっています。また、Vue.js以外のフロントエンドフレームワークを選ばなかった理由も述べています。

                        • 5 Tips for Vue Performance

                          Over the last year, I’ve been working mainly on TeamHood.com. We put a lot of effort into the optimization of its Vue front-end. This is because our screens don’t have pagination, and some clients have over a thousand cards shown on one kanban/Gantt board. In this article, we will review some of the tips, tricks, and guidelines related to reducing unnecessary re-rendering and memory optimization t

                            5 Tips for Vue Performance
                          • Vite & Vueで構築されたオープンソースの静的サイトジェネレーター・「VitePress」 - かちびと.net

                            VitePressはVite & Vueで構築されたオープンソースの静的サイトジェネレーター(SSG)です。 VueのSSGといえばVuePressですが、VitePressはその後継的な存在となるようVue.jsが公式に開発しているもので、UXの改善、パフォーマンスの向上、より柔軟なカスタマイズを可能にするAPIなどを提供してくれるとの事です。 尚、VitePressの主な使用例の1つとして技術ドキュメントが挙げられており、このためのデフォルトテーマも用意されています。VuePressでドキュメントを作成する予定がある方はVitePressを検討されてみては如何でしょうか。ライセンスはMITとの事です。 VitePress

                            • Vuetify — A Material Design Framework for Vue.js - v2 日本語ドキュメント

                              Vuetify 2 has reached EOL and is no longer actively maintained. Upgrade to Vuetify 3 or learn more about Vuetify 2 EOL. # Vueコンポーネントフレームワーク Vuetify is a no design skills required UI Framework with beautifully handcrafted Vue Components.

                                Vuetify — A Material Design Framework for Vue.js - v2 日本語ドキュメント
                              • Vue.js

                                vue<script setup> const model = defineModel() function update() { model.value++ } </script> <template> <div>Parent bound v-model is: {{ model }}</div> <button @click="update">Increment</button> </template>

                                  Vue.js
                                • Official Vue.js Certification | Created with Vuejs.org

                                  Demonstrate your Vue.js competency Earning a Vue.js certification showcases that you have the knowledge and skills required to build complex applications using Vue.js. This level of expertise can be attractive to potential employers or clients, as it demonstrates your commitment to staying up-to-date with the latest technologies and your ability to deliver high-quality, professional-level work. En

                                    Official Vue.js Certification | Created with Vuejs.org
                                  • WebエンジニアがNuxtでLPを作るために必要な知識まとめ

                                    こんにちは!のせっちです。 Web制作エンジニアとして普段はHTML/CSS, WordPressを中心に書いています。 僕のようなWebエンジニアがNuxt.jsでLPを書くために必要な知識をご紹介します。 なぜLPをNuxtで書くのか? 僕がNuxtでLPを書こうと思ったきっかけは下記です。 コンポーネント化して使いたい(header, footerなど)for文を使いたい。metaタグを別で管理したい。一緒に入ってくるビルドツールを活用したい。 ということで、要は見通しよく、効率よく書きたいということです。 LPコーディングですので、データベースとの連携等は行いません。 これだけでグッと難易度は下がります。 コラム: これはとても個人的な理由ですが、ejsがどうにも好きになれなくて、勉強を兼ねてNuxtでLPを書いてみたら便利だった!という感じです。 LPをNuxtで書くために必要な

                                      WebエンジニアがNuxtでLPを作るために必要な知識まとめ
                                    • Vue Beginners について

                                      🔰 Vue Beginners について みなさん初めまして! Vue Beginners です! この記事では、私たち Vue Beginners について紹介します。 🔰 Vue Beginners とは Vue Beginners は、Vue.js 初学者向けの情報を発信する Zenn アカウントです。 Vue.js の学び方や、Vue.js を使いこなすためのヒントなどを発信します。 主に、以下のような人に向けて情報を発信しています: 🎯 ターゲット これから Vue.js を学びながらエンジニアを目指す人 (業務経験なし) Vue.js をすでに使っているが、まだまだ初心者の人 (業務経験あり) ❌ ターゲットではない人 すでに Vue.js を使いこなしている人 すでに Vue.js 以外のライブラリやフレームワークを使いこなしている人 💁‍♂️ なぜ明確にターゲットを

                                        Vue Beginners について
                                      • Vue 3 Migration Guide

                                        Vue 2 support will end on December 31st, 2023. Learn more about Extended LTS if upgrading to Vue 3 isn't feasible before the EOL date. This guide is primarily for users with prior Vue 2 experience who want to learn about the changes between Vue 2 and Vue 3. This is not something you have to read from top to bottom before trying out Vue 3. The recommended way to learn Vue 3 is by reading the new do

                                        • Iconsans - +660 Free Icons for your next project

                                          Iconsans - +660 Free Icons for your next projectIconsans is a collection of over 660 free icons designed for use in your next project. This package offers separate versions for Vue and React, making it easy for developers and designers to access a wide range of icons that can be used in a variety of applications.

                                          • PrettierとESLintをVSCodeで使う(Vue) - Qiita

                                            はじめに PrettierとESLintをVSCodeで使う方法だが、色々と情報が交錯しすぎなようで、結構調べるのに時間がかかったよ。。。。 というわけで、とりあえず**「自分はこの方法で多分できたぜ!」**という記録を残す。 環境と前提 ・Vue CLIで作成したプロジェクト ・VSCodeにPrettierとESLintのVSCodeプラグインがインストール済み プラグインのインストールには、下記のようにExtensionsを開いて、該当のプラグインを検索してinstall そもそもの疑問 VSCodeにプラグイン入れるだけで終わりじゃないの?? →終わりじゃない! こいつらをインストールして終わりかと思いきや、そうじゃない。。。 .eslintrcファイルは作る必要あるの? 調べていると毎回登場する「eslintrcファイル」というやつ。。 Vue CLIで作ったプロジェクトなら、最

                                              PrettierとESLintをVSCodeで使う(Vue) - Qiita
                                            • Vue SFC Playground

                                              • 初めてのTypeScript・Composition APIでつまづいた事とその解決方法 - MicroAd Developers Blog

                                                こんにちは。 マイクロアドでWebエンジニアをしている木田です。 今回は、新たに着手した画面開発の業務においてつまづいたこと、その解決方法についてお話しします。 はじめに 本記事では、以下の言語・フレームワークが利用可能な状態を前提に話を進めます。 TypeScript (v3.7.3) Vue.js (v2.6.10) Composition API (v0.3.4) ※過去の記事に、Vue3に向けてComposition APIを導入した話もありますのでこちらもぜひご覧ください。 ■外部モジュールのimport文が全てコンパイルエラーとなる つまづいたこと まずは環境構築の時のお話です。 GitHubのリポジトリからcloneしてきてVSCodeで.vueファイルを開いた時にそれは起こりました。 なんと外部モジュールをimportしている箇所が全て真っ赤になっているのです。 シンタック

                                                  初めてのTypeScript・Composition APIでつまづいた事とその解決方法 - MicroAd Developers Blog
                                                • Vuetify2を使ったプロジェクトのビルドが遅いので高速化する - Qiita

                                                  Vuetify+Vue CLIで構築したプロジェクトで、 Vuetify2.xにアップグレードしたらnpm run serveの開始時間が著しく長くなってしまったので改善します。 原因 Vuetify2.0よりデフォルトで有効となったA-la-carte(treeshaking)が原因です。 A-la-carteとは Vuetifyの数多くのコンポーネントのうち、「プログラム中で使われているもの」だけを成果物に含める機能です。使っていないコンポーネントをimportしないので、ビルドサイズが減少します。 しかしながら、これはビルド時間を増大させます。 A-la-carteを使わない場合、vuetifyの全てのコンポーネントはnode_modules/vuetify/dist/vuetify.min.jsから読み込まれます。これは既にimportの解決やminifyが済んでいるプリコンパイル

                                                    Vuetify2を使ったプロジェクトのビルドが遅いので高速化する - Qiita
                                                  • Webpackで始めるVue.js | log.pocka.io

                                                    • Vue.jsで、リスト表示順の入れ替え処理を実装 - Qiita

                                                      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                        Vue.jsで、リスト表示順の入れ替え処理を実装 - Qiita
                                                      • Nuxt3でAPI proxyをする方法|SHOWROOM Blog

                                                        Nuxt2からNuxt3へアップデートする際に、proxyに利用していたproxy-module及びデータフェッチライブラリのaxiosを、それぞれhttp-proxy-module、ofetchへと変更しました。 この記事ではそれらのライブラリを利用したproxyの設定や、リクエスト時の共通設定について説明します。 @nuxtjs/axios Axios module supports Nuxt 2. Nuxt 3 users can use the new isomorphic $fetch API (migration guide). 上記にあるように Nuxt3になってからaxiosからfetchが推奨になったので元々使っていたaxios moduleから移行する際に行ったproxyの設定の導入の一例となります。 1. インストールNuxt3のProjectで下記モジュールをインス

                                                          Nuxt3でAPI proxyをする方法|SHOWROOM Blog
                                                        • 【Vue.js】vue-routerの動的URLでパラメータが変わった時、ライフサイクルフックは呼ばれないので注意 - Qiita

                                                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                            【Vue.js】vue-routerの動的URLでパラメータが変わった時、ライフサイクルフックは呼ばれないので注意 - Qiita
                                                          • Nuxt.jsとVue I18nで多言語サイトをつくろう | フロントエンドBlog | ミツエーリンクス

                                                            Nuxt.jsはVue.jsアプリケーションを構築するためのフレームワークで、シングルページアプリケーションとして構築するか、サーバサイドレンダリングを利用するか、静的サイトとしてファイルを生成するかを設定することができます。静的ファイルを生成する場合、ページごとにvueファイルを用意し、ビルドしてHTMLファイルを生成するのが基本ですが、ルーティング機能をうまく使うことで1つのvueファイルから複数のHTMLを作成することもできます。 Vue I18nはVue.js用に最適化されて作られた国際化対応用のライブラリです。今回はこの2つのライブラリを使い、多言語サイトの静的サイトジェネレータとしてNuxt.jsの開発環境を整えてみます。 前提 今回作成するサイトは下記のようにホスティングすることを想定して作ります。 https://example.co.jp/ja/(日本語) https:/

                                                              Nuxt.jsとVue I18nで多言語サイトをつくろう | フロントエンドBlog | ミツエーリンクス
                                                            • 【vue2 / vue3 】書き方の変更点まとめ(TypeScript) - Qiita

                                                              TypeScriptで書く、vue2とvue3の変更点 詳しい説明は割愛した書き方の変更点の備忘録です。 ※他の変更点等もあると思いますが、現時点で自分が使ったもののみを挙げています。 ここにない情報やご指摘などぜひ教えてください! まずは同じコードのvue2とvue3の比較です。 ↓表示させたい画面はこちら インプットタグに入力した文字をv-modelで表示させるシンプルな挙動です。 クリアボタンを押下すると入力した文字が消えます。 vue2での書き方 <template> <div> <h3>名前を入力してください</h3> <span>名前:</span> <input type="text" v-model="name" /> <br /><br /> <div> 私の名前は「{{ name }}」です。 <button type="button" v-on:click="clea

                                                                【vue2 / vue3 】書き方の変更点まとめ(TypeScript) - Qiita
                                                              • [vue.config.js]devServerのproxyが動作しない - Qiita

                                                                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                                  [vue.config.js]devServerのproxyが動作しない - Qiita
                                                                • Three Insights I Gained While Researching Vue.js Accessibility — Smashing Magazine

                                                                  Web app accessibility appears difficult because it seems that there is little information on the subject available online. But while researching for my eBook, I found that the situation is better than it seems. What follows are three insights about the accessible use of framework features, concrete Vue.js traits you can use for the inclusive cause, as well as community initiatives and vetted patte

                                                                    Three Insights I Gained While Researching Vue.js Accessibility — Smashing Magazine
                                                                  • 7 Quick Tips about Vue Styles You (Might) Didn’t Know

                                                                    Single file components consist of three distinct entities: template, script and styles. All of them are important but the latter is often being neglected even though it can become complex and often cause frustration and bugs. A better understanding can improve code reviews and decrease debugging time. Here are 7 tips to help you with that: Styling Scoped And Slotted ContentScoped Selector Performa

                                                                      7 Quick Tips about Vue Styles You (Might) Didn’t Know
                                                                    • Vue 3 ではコンポーネント単位で delimiters を変更できる

                                                                      サーバーサイドのテンプレートエンジンと Vue.js が混在しているプロジェクトを経験したことがある人には馴染み深い(?) Vue の delimiters オプションですが、Vue 3 になってからコンポーネント単位で設定できるようになっていました。 仕事で Nuxt.js の app.html の仕様の説明ついでに、 mustache 記法について説明を行った際に書いた Vue 3 サンプルで初めて気づいたので、メモ程度に残しておきます。 ちなみに Nuxt.js の app.html のテンプレート機能は lodash/template で実現しているみたいです。 delimiters とその挙動について 以下のサンプルコードとその挙動をみると割と簡単にイメージがつくと思います。パっとイメージがつかない場合、 delimiters の部分をコメントアウトしたり、またコメントアウトを解

                                                                        Vue 3 ではコンポーネント単位で delimiters を変更できる
                                                                      • Quasar vs. Vutify vs. Bootstrap Vue: Choosing the Right Vue.js UI Library

                                                                        Photo by Nick Fewings on UnsplashOver the past few years, Vue.js has stepped up firmly, becoming a strong contender to compete with Angular and React. If we look at Vue’s growth, it relates to the framework’s simplicity, and availability of libraries, components, and learning materials to strengthen the ecosystem. Besides, Vue also comes with a good set of UI component libraries to choose from. Th

                                                                          Quasar vs. Vutify vs. Bootstrap Vue: Choosing the Right Vue.js UI Library
                                                                        • https://slides.nahoko.dev/v-tokyo-16-nuxt-3-migration/1

                                                                          • kintoneのスレッド投稿がスマートになるChrome拡張をVue.jsで作る - Qiita

                                                                            🎄こちらは kintone Advent Calendar 2020 25日目の記事です🎅 今年もたくさんの記事ありがとうございました!! おかげさまでPart2まで広がっています!! 今年はPart2は埋まらなかったけど・・・ これはアドベントカレンダーのオーナーとしてあとで全部埋めておくべきか・・・ 怒涛のQiitaラッシュが始まる・・・ はじめに 2年前に投稿した Chrome拡張の作り方 (超概要) が、今でも定期的にいいねもらえている状況でして、ふと、 またChrome拡張関連の記事書けばいいね貰えるのでは・・・ という不純な動機でこの記事書きますw しかもVue.jsというこちらも人気のやつで、「いいね物乞いだ!」と言われても否定できません( ̄ー ̄)ニヤリ でも真面目に記事は書きますよ! つくったもの(はいけい) kintoneのスレッドは標準でいろいろと文字のデザインとか

                                                                              kintoneのスレッド投稿がスマートになるChrome拡張をVue.jsで作る - Qiita
                                                                            • Guide to Lifecycle of Vue in VUE.js

                                                                              Vue.js is a JavaScript library that helps you build web applications using the MVVM (Model-View-ViewModel) architectural pattern. Evan You, an ex-Googler, developed the project. It is a strong open-source project with high usage popularity and GitHub stars and forks. Why Use VUE.js?As we know, there are many frameworks on the market, and choosing the proper framework for the project can be challen

                                                                                Guide to Lifecycle of Vue in VUE.js
                                                                              • Vue.js3.4~3.5の新機能をまとめて紹介! 新しいAPIやSSRの改善

                                                                                正式リリースされた二つの機能 本連載は、フロントエンドフレームワークVueのアップデート内容を紹介しているものです。今回は、2023年12月にリリースされた3.4、および、2024年9月にリリースされた3.5の内容をまとめて紹介します。 3.4、3.5ともに、SFCのビルドの改善やリアクティブシステムの改善など、パフォーマンス面での改善もかなり行われていますが、こういった目に見えない部分だけでなく、目に見える機能面でもいくつか新しいものが導入されています。 その中から最初に紹介するのが、以前は実験的リリースだった機能が正式リリースとなったふたつの機能です。実はこれらの機能は、第1回ですでに詳細に紹介しています。 正式リリースとなったdefineModel() ひとつめは、defineModel()マクロです。これは、v-modelによる新しい値の自動格納の仕組みを簡潔に記述できるようにした

                                                                                  Vue.js3.4~3.5の新機能をまとめて紹介! 新しいAPIやSSRの改善
                                                                                • 作ったゲームはブログに埋め込む - POTTIRI'S AUTOBIOGRAPHY

                                                                                  お疲れさまです。POTTIRIです。 ダイエットですが、体重が一向に減りません。 3ヶ月ぐらい停滞してるんじゃないかなー。 まあでも、身体の方が引き締まってきてるのでいいのかな。 さて、僕が作った爆弾パズルですが、 ブログなどに埋め込めるように作ってます。 今日はその話をします。 今日のステージ 爆弾パズルははてなブログに埋め込めます 何かを組み合わせることしかできない 外側のサイトをゼロから用意したのはセキュリティの問題 今日のステージ 今日はこちらです。 敵を動かせるようになったのをいいことに、 タイミングを測らないとクリアできない面を作りました。 最初は???と思うかもしれませんが、敵が一直線に並ぶ瞬間がある! というつもりで作ったのですがいかがでしょう。 他の面はこちらにあるので、万が一興味を持たれたらサイトを訪れてください。 blast.pottiri.tech 爆弾パズルははて

                                                                                    作ったゲームはブログに埋め込む - POTTIRI'S AUTOBIOGRAPHY

                                                                                  新着記事