並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 1373件

新着順 人気順

Vueの検索結果201 - 240 件 / 1373件

  • 【React/Vue.js】コンポーネント指向と好相性なCSS Modulesを用いたCSS設計について|Offers Tech Blog

    概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer(主戦場はフロントエンド)の Kazuya です。今回は、CSS Modules を用いたコンポーネントの CSS 設計について紹介します。 コンポーネントを作成する際に、どのような CSS 設計にすればいいのか悩んだ方も多いのではないでしょうか。(筆者はよく探求の旅に出ています)本記事では、昨今フロントエンド開発で採用されるケースが増えている「CSS Modules」を用いた CSS 設計を実装例を元に解説していますので、ぜひ参考にしてもらえればと思います。 おすすめの記事 はじめに 本記事では、CSS Modules を用いたコンポーネントの CSS 設計について紹介します。基本的に他のフレームワークや言語でも活用できますが、チームメンバーのスキルアセット、要件定義など様々な

      【React/Vue.js】コンポーネント指向と好相性なCSS Modulesを用いたCSS設計について|Offers Tech Blog
    • Vue 3 と D3.js で作る可視化アプリ | 豆蔵デベロッパーサイト

      筆者は Scrapbox を愛用しており、Scrapbox プロジェクトのページ間のグラフ構造を可視化するためのツールを作ったりしています。 GitHub - mamezou-tech/sbgraph: Fetch Scrapbox project data and visualize activities. このツールは Graphviz の dot 形式ファイルを出力するので手軽にグラフ構造の可視化が可能です[1]。 D3.js を使うと Graphviz よりインタラクティブな可視化アプリを作れます。グラフ構造の可視化には、force simulation を使うと効果的です。 Force-Directed Graph かなり前に Vue 2 と D3.js を使って可視化のための SPA (Single Page Application) を試作して放置していました。 放置している

      • Vue.js 3 のベータ版がリリースされたので予習してみる - SMARTCAMP Engineer Blog

        こんにちは!スマートキャンプでエンジニアをしている中川です。 いきなりですが、つい先日待望の Vue.js 3.0.0 beta がリリースされました! We just released Vue 3.0.0-beta.1! Here's an overview from @youyuxi on the status of 3.0 core and official tools & libraries: https://t.co/7TP5ZMtjK4— Vue.js (@vuejs) April 16, 2020 ステータスは beta なのでいま2系からアップグレードすることに抵抗はありつつも、待望の新バージョンなので内容が気になる・試してみたい方も多いのではないでしょうか。(かくいう私自身がそうです) そこで今回の記事ではVue.jsの今後のロードマップを紹介して、何がいつリリースされる

          Vue.js 3 のベータ版がリリースされたので予習してみる - SMARTCAMP Engineer Blog
        • Proposal for dropping ie11 support in Vue 3 · vuejs/rfcs · Discussion #296

          You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

            Proposal for dropping ie11 support in Vue 3 · vuejs/rfcs · Discussion #296
          • Vue.jsでSlotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて解説

            Vue.jsのコンポーネント間でデータを渡す方法はたくさんありますが、Propsを使うかSlotsを使うかはニーズによります。Slotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて紹介します。 The Difference Between Props, Slots and Scoped Slots in Vue.js by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Vue.jsのProps Vue.jsのSlots 名前付きSlotsとの違い スコープ付きSlotsとの違い 終わりに はじめに 私はVue.jsを使い始めた時は、コンポーネント間のデータをPropsを介して渡していましたが、使い続けていくと、Slotsでも同じ結果を得られ

              Vue.jsでSlotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて解説
            • Vue.js未経験のベテランプログラマーに作業依頼したところ難なくこなしてしまうのですが、隠れて努力してるのでしょうか?それとも経験により新しいフレームワークにも対応できてしまうのでしょうか?

              回答 (2件中の1件目) Vue.js でも React でもなんでもそうですが、既存のやり方への不満を解決すべくデザインされています。 ベテランプログラマであれば、「既存のやり方への不満」を身に染みてよくわかってますので、 Vue.js 未経験であってもサンプルコードをちょっと見れば、「なるほど、あの問題をこうやって解決したのか」みたいなことがすぐにわかります。個々の文法、作法について、なぜそうなってるかが自分の過去の苦労から理解出来、内部の仕組みもなんとなく想像出来るのでうまく使えます。

                Vue.js未経験のベテランプログラマーに作業依頼したところ難なくこなしてしまうのですが、隠れて努力してるのでしょうか?それとも経験により新しいフレームワークにも対応できてしまうのでしょうか?
              • ep.32 Vue 3 Study 「RFC を全部読んで理解する Vue 3.0 の進化」 | UIT INSIDE

                @spring_raining と @NozomuIkuta が、来る Vue 3.0 に向けて、RFC の内容を全て読み込んでみました。 ゲスト Ikuta nozomu ITSC Front-End Engineer 「Vue 3 勉強会」について LINEのJSerによる社内ミーティングの中で、現在定期的に開催されている Vue 3 とは Vue.jsのメジャーアップデート 2020 Q1にリリース予定 大きな記法変更などが発生するため、RFCに注目が集まっている Vue 3.0 RFCs Global APIの変更 0004: Vueの各種APIをNamed exportsにして、tree-shaking可能な関数として切り出し https://github.com/vuejs/rfcs/blob/master/active-rfcs/0004-global-api-treesha

                  ep.32 Vue 3 Study 「RFC を全部読んで理解する Vue 3.0 の進化」 | UIT INSIDE
                • ep.50 AngularJSからVue.js - 大型リニューアルの学び | UIT INSIDE

                  ゲスト紹介 @kimulacoさん フロントエンド開発センター UIT 1室 LINE GIFTのフロントエンドをメインに担当 リニューアルの背景 LINE GIFT 友達や自分宛てに、Eギフトやお取り寄せギフトを贈れるサービス 住所を知らない友達にギフトを送ることも可能 LINE アンケート ユーザーにアンケートを配信し、回答を受け付けるサービス リニューアル企画の進め方 GIFTとアンケートのリニューアル 似たような状況からのリニューアル AngularJS (Angular v1.x)からVue.js Grunt から Webpackやコードスプリットなどのビルド改善 リニューアルを始めたきっかけ GIFT リソースに余裕ができていた フロントエンドエンジニアから他のチームに推薦 アンケート 元々計画はあったがなかなか始められなかった はるさめさんが入ったことなどをきっかけに企画が動

                    ep.50 AngularJSからVue.js - 大型リニューアルの学び | UIT INSIDE
                  • 「開発はVue.jsでしたいけど、TypeScriptを入れたい問題」をどうするか フロントエンド開発のお悩み相談

                    Vue.jsに関する勉強会「Roppongi.vue #2」が2019年7月31日に開催されました。Vue.jsをさまざまな角度から掘り下げ、知見をシェアします。トークセッション 「最近のフロントエンドぶっちゃけどうっすか?」に登壇したのは、フロントエンドエンジニアで活躍するpotato4d氏とkahirokunn氏。昨今のフロントエンド界隈事情をディスカッションします。 gRPC-webは伸びしろがある tadano:Q3.「みんなにもっと知ってほしい知識や、積極的に広めたいモノはありますか?」。 potato4d:それこそ今の話ですが、gRPC-webは伸びしろがあると思っています。あと、異なる言語間で通信できるというところで、IDLという概念がこれから重要になってくると思っています。BFF層も、これから過労死するぐらい使われていくことになると思う。 例えばBFF層がTypeScrip

                      「開発はVue.jsでしたいけど、TypeScriptを入れたい問題」をどうするか フロントエンド開発のお悩み相談
                    • Vue / Vite 関連ライブラリー名の読み方 2024

                      Vue/Vite 関連のライブラリー名の読み方は間違えられやすいものが多く、混乱を招くことがあります。この記事では、2024 年現在における Vue/Vite 関連ライブラリーの正式な読み方や由来をまとめ、正しい知識を共有することを目的としています。 Vue フロントエンド UI フレームワークのひとつ。 「ヴュー」と読む(口語だと「ビュー」と発音することが多い)。 Vue(発音は /vjuː/、view と同様) https://ja.vuejs.org/guide/introduction.html#what-is-vue Pinia Vue 公式の状態管理ライブラリー。 「ピーニャ」と読む。スペイン語で「パイナップル」を表す単語 piña に由来。 「ピニア」ではない。 Pinia (pronounced /piːnjʌ/, like "peenya" in English) htt

                        Vue / Vite 関連ライブラリー名の読み方 2024
                      • Vue.js研修資料 - Qiita

                        Googleトレンドのトピックの推移 Vue.jsのメリット 学習コストが低い 公式ドキュメントがしっかりしている 日本語ドキュメントが多い 軽量なフレームワークである 基本機能に絞ることで簡単に作れる DOM操作を自動的に行ってくれる 小中規模のWebサイトを作るのに向いている SPA(Single Page Application)開発につよい 簡単かつシンプルで日本語ドキュメントもある!!→社内システムを作るのにちょうどいい Vueの勉強の仕方 公式サイト:https://jp.vuejs.org/index.html 勉強を始める前になぜ Vue.jsの動画を見ると感覚的に理解できる 有名な本 amazon:https://www.amazon.co.jp/s?k=vue&__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&ref=nb_

                          Vue.js研修資料 - Qiita
                        • Vue 2.7 is Now in Beta | The Vue Point

                          We are happy to announce that Vue 2.7 is now in beta. Despite Vue 3 now being the default version, we understand that there are still many users who have to stay on Vue 2 due to dependency compatibility, browser support requirements, or simply not enough bandwidth to upgrade. In Vue 2.7, we have backported some of the most important features from Vue 3 so that Vue 2 users can benefit from them as

                            Vue 2.7 is Now in Beta | The Vue Point
                          • GitHub - vuejs/petite-vue: 6kb subset of Vue optimized for progressive enhancement

                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                              GitHub - vuejs/petite-vue: 6kb subset of Vue optimized for progressive enhancement
                            • Amplify FrameworkでVueプロジェクトを爆速でデプロイしてみる。 | DevelopersIO

                              モチベーション 普段はAndroidアプリ開発をやってます。最近はPWAやらTWAやらAndroid界隈もWebの話をちょこちょこききますよね、やってみようと思って、React,Vue,Angulerのチュートリアルをやってlocalhostで試すところまではささっとできると思います。 localhostでPCブラウザで確認するだけでなく、実際にAndroid,iPhoneの実機で試してみたい。同じネットワークに繋いでローカルIPで接続したらみれるけど、やっぱり公開した実際の本番環境に近い形で確認したいですよね。 全然AWSのこと詳しくありませんが、Amplify Frameworkを使うといい感じにAWS構築をやってくれるみたいです。とりあえず試してみよう。 Amplify Framework Amplify Frameworkは、スケールするモバイルアプリケーションおよびウェブアプリケ

                                Amplify FrameworkでVueプロジェクトを爆速でデプロイしてみる。 | DevelopersIO
                              • Vue 3 as the New Default | The Vue Point

                                TL;DR: Vue 3 is now the new default version as of Monday, February 7, 2022! Make sure to read the Potential Required Actions section to see if you need to make certain changes before the switch to avoid breakage. From a Library to a Framework ​When Vue first started, it was just a runtime library. Over the years, it has evolved into a framework that encompasses many sub projects: The core library,

                                  Vue 3 as the New Default | The Vue Point
                                • GitHub - BuilderIO/mitosis: Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.

                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                    GitHub - BuilderIO/mitosis: Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
                                  • Vue 3.2 Released! | The Vue Point

                                    We are excited to announce the release of Vue.js 3.2 "Quintessential Quintuplets"! This release includes many significant new features and performance improvements, and contains no breaking changes. New SFC Features #Two new features for Single File Components (SFCs, aka .vue files) have graduated from experimental status and are now considered stable: <script setup> is a compile-time syntactic su

                                      Vue 3.2 Released! | The Vue Point
                                    • Vue.js を使った副業のリアル。スタートアップでの働き方と注意点 | Offers Magazine

                                      「Offersエージェント」では、業界で活躍するプロフェッショナルがあなたの転職を徹底サポート。CxO経験者を含む現役エンジニア・デザイナー・プロダクトマネージャーが在籍し、職種に特化した専門的なアドバイスをご提供・非公開求人の紹介も可能です。 →【かんたん30秒】無料登録で転職相談する ▲イベント登壇時の写真 これまで本業の傍ら、フロントエンドの副業を複数受けてきました。今回はその経験から得られたものや、これから副業を検討される方に向けての注意点を紹介します。​ まず私が副業を始めた理由は2つ。家賃を副業の収入でまかなえるようにすることと、本業では経験できないことに挑戦してスキルアップを図りたいと思ってのことでした。 副業を始めようと思った当時、私はクライアントワークをメインとしているWeb制作会社に所属していました。クライアントワーク自体は楽しかったのですが、納品して終わりという業務を

                                        Vue.js を使った副業のリアル。スタートアップでの働き方と注意点 | Offers Magazine
                                      • Vue.js 2019年 締めくくり|kazupon

                                        今年2019年も去年と同じような感じであれですが、2019 年の Vue.js における状況、そして大きい出来事をまとめつつ、Vue.js アドベンドカレンダの最後を締めくくりたいと思います。 Vue.js の状況今年も The State of Javascript から JavaScript 周りのアンケート調査の結果が出されました。 2019 年の Vue.js に対する満足度状況としては以下のような結果になっています。 Vue.js の満足度ですが、「使ったことがありまた使いたい」という結果は、2018 年は 20.8% だったのに対して、2019 年は 40.5 % という数値結果になっています。2019 年も前年 2018 年と同様に Vue.js に対する認知と利用ユーザーが伸びていることが分かると思います。 Vue.js 3.0 に向けた RFCs が公開された2019年1

                                          Vue.js 2019年 締めくくり|kazupon
                                        • Nuxt.jsで未利用のVueコンポーネントを探すシェルスクリプト - Qiita

                                          最近Nuxt.jsでWebアプリを作ってるけど、 度重なる改修でVueコンポーネントが乱立。。 使ってないのもたくさんありそうなので、調べるスクリプトを作ってみた。 スクリプトはこんな感じ #!/bin/bash # vueコンポーネントの一覧を取得 FILES=`find components -name "*.vue"` for i in $FILES; do # 全体からコンポーネントをインクルードしている行の数を取得 NUM=`grep -r "$i" * | wc -l | sed -e "s:[^0-9]*::g"` # ファイル名と見つけた件数を表示 echo "** ${NUM}: ${i}" # grepした結果を表示(確認用) grep -r "$i" * echo "" done ** 1: components/Hero.vue pages/index.vue:im

                                            Nuxt.jsで未利用のVueコンポーネントを探すシェルスクリプト - Qiita
                                          • Vue3アップグレード要点解説①:移行ビルド導入前にやるべき7つの作業 - LAPRAS Tech Blog

                                            こんにちは、LAPRASの業務委託エンジニアのしんです。 先日弊社のプロダクト(LAPRAS と LAPRAS SCOUT)のVue3アップデートがついに完了しました🎉 中〜大規模プロダクトのVue3移行を(開発を止めずに)2回行ったことで様々な学びがありましたので、連載記事の形でVue3移行について解説していきたいと思います。 移行ビルドを用いたVue3移行は大まかに、 移行ビルドの導入前の準備 移行ビルドの導入 & 削除 のフェーズに分けることができます。 第1回目の本記事ではまず「移行ビルド導入前の準備」についてまとめていきます! 移行ビルド導入前にしたほうがいいこと 一度移行ビルドを入れてしまうと、完全に動く状態になるまでmain ブランチへマージできません。 移行ビルド導入のPRは非常に巨大になり工数もかかるため、導入前にできる作業は全て先にやっておくのが吉です(参考までに、3

                                              Vue3アップグレード要点解説①:移行ビルド導入前にやるべき7つの作業 - LAPRAS Tech Blog
                                            • Vue2 Vue3 マイグレーション 令和最新 最強

                                              Vue2 Vue3 マイグレーション 令和最新 最強

                                                Vue2 Vue3 マイグレーション 令和最新 最強
                                              • Vue.jsとCSSアニメーションでラーメンタイマーを作る + Firebaseで簡単公開 - Qiita

                                                3分 or 5分のボタンをホバーするとキャラクターが左右に振り向きます。 時間を選びクリックするとカウントダウンタイマーが使える簡単な内容です。 レスポンシブデザイン(スマホ)にも対応しています。※左右の振り向きはしない キャラクターデザイン まず一番目立つキャラクター 自分は元々漫画家のアシスタントをしていた時期などがあり、 描いた物をアプリに組み合わせてみたかったので描き描き。 レイヤーといって何枚もの板が重なっているように描かれています。 なので例えば手を消すと下に隠れている髪が出てきます。 これによって一枚描いたら背景などが簡単に変更でき、左右反転させて手を描けば2枚完成。 ※猫の方が万人受けする。名前募集中! こちらに原寸サイズ画像&レイヤーファイルを公開しています。 illustration-Original_Characters(GitHub) 🔍 コードの解説 それぞれ分

                                                  Vue.jsとCSSアニメーションでラーメンタイマーを作る + Firebaseで簡単公開 - Qiita
                                                • 【第3回】Vue.js 入門 〜ディレクティブ編〜 – 株式会社ライトコード

                                                  (株) ライトコードでWebエンジニアをやっている宮田です! 前回は、v-bind、v-model、v-on ディレクティブを使って、どんなことができるのか見てきました。 今回も、引き続き、ディレクティブを使ったプログラムをみていきましょう!

                                                    【第3回】Vue.js 入門 〜ディレクティブ編〜 – 株式会社ライトコード
                                                  • Vue & Vite Rustify

                                                    プロダクションで使うGo Pluginの利便性とパフォーマンス性 / Simplicity and Performance of Go plugin for Production

                                                      Vue & Vite Rustify
                                                    • 巨大化したSPAのフレームワークを少しづつVueに移行しはじめたお話

                                                      3行で 絶賛スケール中の Backbone.js 製 SPA を Vue.js に置き換えたい! でも一度に全ては置き換えできない...。試行錯誤な工程とサンプルコードをご紹介! 一緒に働くメンバーを大募集中! はじめに こんにちは。株式会社ペライチ開発チームの関(@nekoneko_wan2)と申します。新潟からフルリモートで働いております🍙 。 今回はペライチのコア機能、フロントエンドの一大リファクタプロジェクトを開始したお話をご紹介いたします。実際に手を動かすフロントエンドエンジニアの自分自身が参考になる、と思えるような記事を目指して書いてみました。 同じ様な課題に直面している方、これから立ち向かおうとしている方、この記事が何かしらの役に立てば幸いです。 古く複雑化したコア機能 ペライチはサービス開始より ホームページを誰でもかんたんに作成できる機能 をコア機能として備えています(

                                                        巨大化したSPAのフレームワークを少しづつVueに移行しはじめたお話
                                                      • VueとPixi.JSでアクションゲーム『ネコメザシアタック』を開発して3年目なのでソースと解説 - Qiita

                                                        2/22に個人開発のブラウザゲーム『ネコメザシアタック21』をリリースしました。 特に理由はないのですが、3年前からこの時期には毎年同じテーマでゲームを作ってます。 ぶっちゃけ全然流行らないし、当然収益なんて1円もないのだけど、3年続けると見えてくることもあるので今年も記事書きます。せめて供養がわりにLGTM頂けると幸甚の極みです 作ったものの変遷 まあそんなわけで、まずはこの3年間での進歩をみて欲しい 1年目:その場でジャンプするだけの超シンプルゲーム プレイURL: https://mezashiattack.firebaseapp.com ソースコード: https://github.com/yuneco/mezashi 解説記事: VueとSVGを使ってシューティングゲーム『ネコ🐱メザシ🐟アタック🌟』を作ったのでソースと解説 その場でジャンプして弾(メザシ)を発射するだけの簡

                                                          VueとPixi.JSでアクションゲーム『ネコメザシアタック』を開発して3年目なのでソースと解説 - Qiita
                                                        • Vue2のプロジェクトをVue3へマイグレーションする

                                                          Vue 3が正式リリースされてから約1年が経過しました。 Vuetifyのリリース目標である2021年Q3も近づく中でそろそろVue3へのアップデートを検討されている方もいらっしゃることでしょうか? この記事ではVue 2からVue 3への移行手順を記述していきます。 参考用のプロジェクトとして以下レポジトリを用意しました。 Vue 2からの移行を体験してみたい場合には、vue2-todo-appのタグにチェックアウトしてください。 移行ビルドを使用する Vue 2からVue 3へ移行するためのツールとして、公式から@vue/compatが提供されています。 @vue/compatを使用すると、Vue 2モードで動作するため、Vue 3で削除や非推奨になったAPIも一部の例外を除いてそのまま使用することができます。Vue3 で削除で非推奨になった機能は実行時に警告が出力されるようになります

                                                            Vue2のプロジェクトをVue3へマイグレーションする
                                                          • Vue 3 Migration Build: safely upgrade your app to Vue 3 (Pt. 1) | Vue Mastery

                                                            Vue 3 Migration Build: safely upgrade your app to Vue 3 (Pt. 1) The Vue team has recently released the highly anticipated migration build for Vue 3. If you’ve been thinking about upgrading your Vue 2 app to Vue 3, this is what you need. The process of upgrading an app to the latest version of the framework can be a daunting task. This article series is created to make that process easier. The Vue

                                                              Vue 3 Migration Build: safely upgrade your app to Vue 3 (Pt. 1) | Vue Mastery
                                                            • Vue 3 に向けて Composition API を導入した話 - MicroAd Developers Blog

                                                              システム開発本部アプリケーションエンジニアの Edy です。 マイクロアドの WEB アプリケーションのフロントエンドは、大半を Vue.js を用いて開発しています。 その Vue.js ですが、「Vue 3 is now in RC! (Vue 3 is now in RC! · Issue #189 · vuejs/rfcs · GitHub)」が公開され、version 3 ( Vue 3 ) が盛り上がりを見せています。 今回は、Vue 2 から 3 へ移行する理由と、 2 から 3 へ version up するために行なっている Composition API の導入 についてお話していこうと思います。 そもそも Vue.js とは ? SFC TypeScript Vue 2 の限界 大規模なプロジェクトになるほど開発効率が落ちる ロジックの再利用にかかるコストが大きい 単

                                                                Vue 3 に向けて Composition API を導入した話 - MicroAd Developers Blog
                                                              • 【AWS】CognitoでGoogleソーシャルログイン。Amplifyと連携してVue.jsアプリケーションに組み込む - Qiita

                                                                前回、Qiita初投稿させて頂いた、個人開発のAWSサーバーレスWEBサイト「ボケさせて(BOKESASETE)」ですが、 前回記事 【個人開発】AWSサーバーレスアーキテクチャで機械学習とボケ。フロントエンドはVue.jsで遊ぶ おかげさまで、徐々にではありますが、ご登録頂けるユーザーも増えつつあります。 しかしながら、現状のフローではメールアドレス認証による会員登録しかできない状態となっていて、モダンなWEBサイトとは言えません。 せめて、ソーシャルログインぐらいは欲しいところです。 そこで今回、AWS Cognito × Vue.jsのWEBサイトにGoogleでログインするソーシャルログイン機能を追加しました、という話。 はじめに 写真で一言。ボケてみるよりボケさせて - BOKESASETE https://bokesasete.me/ ボケさせて(BOKESASETE)では、会

                                                                  【AWS】CognitoでGoogleソーシャルログイン。Amplifyと連携してVue.jsアプリケーションに組み込む - Qiita
                                                                • GitHub - Shpota/goxygen: Generate a modern Web project with Go and Angular, React, or Vue in seconds 🎲

                                                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                    GitHub - Shpota/goxygen: Generate a modern Web project with Go and Angular, React, or Vue in seconds 🎲
                                                                  • Lets start TypeScript ~Vue3 + Express で TypeScript 入門してみよう~

                                                                    Vue3とExpressでToDoアプリを作ることで、TypeScriptに入門しようっていう内容です。 TypeScriptは何も怖くありません。一度使い始めたらもうJavaScriptには戻れなくなるだけです。TypeScriptに入門して快適なコーディングライフを送りましょう!

                                                                      Lets start TypeScript ~Vue3 + Express で TypeScript 入門してみよう~
                                                                    • Vue 2.7 "Naruto" Released | The Vue Point

                                                                      Today we are happy to announce that Vue 2.7 "Naruto" has been released! Despite Vue 3 now being the default version, we understand that there are still many users who have to stay on Vue 2 due to dependency compatibility, browser support requirements, or simply not enough bandwidth to upgrade. In Vue 2.7, we have backported some of the most important features from Vue 3 so that Vue 2 users can ben

                                                                        Vue 2.7 "Naruto" Released | The Vue Point
                                                                      • RSocket With Spring Boot + Vue.js アプリケーション - OPTiM TECH BLOG

                                                                        こんにちは、プラットフォーム事業部 DXユニットの高橋(@yukey1031)です。 先日開催されたOPTiM TECH NIGHT|Webアプリケーション/APIサーバフレームワークを語るLT大会で 「WebFluxでリアクティブなWebAPIのデモ」といった話をさせて頂きましたが、続けてこの記事ではSpring Boot2.2でサポートされたRSocketについてサンプルを交えつつ触れてみたいと思います。 optim.connpass.com マイクロサービスな現場でのAPI開発 以前の記事でも触れているようにオプティムが提供するAI・IoTプラットフォーム Cloud IoT OSは、マイクロサービスアーキテクチャで構成されており、周辺エコシステムの開発においてもマイクロサービスが前提となります。 マイクロサービスの連携には一般的にWebAPIが利用され、RESTful API、Gr

                                                                          RSocket With Spring Boot + Vue.js アプリケーション - OPTiM TECH BLOG
                                                                        • 正式リリース前に総予習!! Vue3の変更点まとめ - Qiita

                                                                          8月上旬に正式リリース予定とされているVue3の変更点をいち早く理解できるように概要をまとめてみました。それぞれの項目ごとにvuejs/rfc又はVue3 Documentへのリンクを貼っているので索引的に使ってもらえると嬉しいです。 この記事は以下バージョン時点の情報です。 vue-next v3.0.0-rc.5 Composition APIの追加 rfcs/0013-composition-api.md at master · vuejs/rfcs Composition API RFC | Vue Composition API おそらく一番大きな目玉となる変更はこちら。Composition APIという新しいAPIが追加されます(PluginでVue2系でも使用可能です)。 Composition APIはコンポーネントのロジックの柔軟な再構成を可能にする関数ベースのAPI群

                                                                            正式リリース前に総予習!! Vue3の変更点まとめ - Qiita
                                                                          • Vue.jsでカテゴリー分けされた画像リストを実装

                                                                            2023年2月7日 JavaScript, Vue.js たくさんある商品画像やポートフォリオの作品一覧などを見せたいときに、カテゴリーごとに絞って表示できたら便利ですよね。Vue.jsを使えば同じページのまま表示画像を変更できるので、管理も楽になりますよ。 ↑私が10年以上利用している会計ソフト! 完成図 まずは画像を一覧で表示させ、上部にあるカテゴリー名のボタンをクリックすると、そのカテゴリーに属する画像だけを表示させます。 1. Vue.jsの読み込み設定 まずはHTMLの head 内にVue.jsを読み込ませます。別のバージョンやNPMでのインストール方法は公式サイトを参照してください。 <script src="https://unpkg.com/vue@3.0.11/dist/vue.global.js"></script> 2. 画像を一覧表示 Vue.jsの配列を使って画

                                                                              Vue.jsでカテゴリー分けされた画像リストを実装
                                                                            • Nuxt.js の既存プロジェクトの型チェックを厳格化した話 ~vue-tsc と tsconfig/strictest 導入までの道のり~ - ANDPAD Tech Blog

                                                                              ANDPADフロントエンドエンジニアの小泉(@ykoizumi0903)です。Vue / Nuxt での開発を行っています。 このテックブログでも、 Vue Composition API を使った開発にまつわる記事を過去に何件か書いていますが、現在担当しているプロダクトの開発に携わるようになって2年ほど経ち、いわゆる技術的負債と呼ばれるようなものも少しずつ増えてきました。 そういった状況を改善するアプローチの1つとして、Nuxt.js の既存リポジトリにおける型チェックのルールをより厳しい設定に変更する、という取り組みを2ヶ月ほどかけて行いました。 今回はその取り組みにおける道のりを振り返って、苦労したことや良かったことなどを書いてみたいと思います。 導入を決めるまでの流れ きっかけは noUncheckedIndexedAccess を知ったことから 弊社のSlackにはtimes文化

                                                                                Nuxt.js の既存プロジェクトの型チェックを厳格化した話 ~vue-tsc と tsconfig/strictest 導入までの道のり~ - ANDPAD Tech Blog
                                                                              • Vue with Vite

                                                                                Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets

                                                                                  Vue with Vite
                                                                                • 台風に伴うVue Fes Japan 2019開催対応について|沖 良矢|世路庵

                                                                                  2019年10月12日(土)に開催予定のVue Fes Japan 2019について、台風19号の接近に伴う対応をご案内します。 はじめにVue Fes Japan 2019は、スタッフ、スポンサーも合わせて1,400名以上の来場を見込んでいる大型カンファレンスです。海外スピーカーの渡航・宿泊費をはじめ、ランチやアフターパーティー、印刷、同時通訳、各種運営など、すでにキャンセルできない多額の費用が発生しています。 そこで仮に中止となった場合に発生済みの費用を補償するため、Vue Fes Japan 2019では興行中止保険に加入しています。今回加入している保険は、悪天候ならびに交通機関のマヒが発生した場合、一部費用を補償する契約内容です。 開催判断当日6:30に、気象状況ならびに交通機関の運行状況などにより開催が不可能と主催者側が判断した場合、公式Webサイトならびに公式Twitterで開

                                                                                    台風に伴うVue Fes Japan 2019開催対応について|沖 良矢|世路庵