フロントエンドフレームワークからサーバーにアクセスするパターン | フューチャー技術ブログ
僕が触り始めた頃のウェブフロントエンド開発はデバッガーもなく、ダイナミックHTMLと呼ばれて文字をチカチカさせたりするようなものでした。IE6という超安定ブラウザが出てきたり（Netscape 4.xも7.xも不安定だった）その後jQueryが登場したときは、天使が降臨したように思えたものです。 そこから長い年月が経ち、ウェブフロントエンドの比重が大きくなるにつれ、フロントエンドのコードはどんどん複雑化しました。OpenAPIなどのコードジェネレータなども普及した結果、通信というものが隠され、イベントの中でawaitや.then()で呼ばれる何か、みたいな理解をしているメンバーも今後増えていくのではないかという懸念があります。 現在ではウェブフロントエンド開発はReactやVueといったフレームワーク上で行われ、イベントというのはそのフレームワークの提供するライフサイクルイベントに対応付け
VueFes2024 セッションにてお話しさせていただきました。 ## URL https://vuefes.jp/2024/en/sessions/hal ## 概要 弊社ではユーザー向け機能、及び業務支援システムをVue/Nuxtで構築しており、昨年12月にはVue/Nuxt3へのマ…
Vue Fes Japan 2024 登壇資料
Home - Inspira UI
Get Started Build beautiful websites using Vue & Nuxt Open Source components to build stunning animated interfaces effortlessly using Vue & Nuxt.
Vue Fes Japan 2024 レポート：アンドパッドブースレポート＆アンケート結果紹介 - ANDPAD Tech Blog
こんにちは。アンドパッドでフロントエンドエンジニアをしている小泉です。 10月19日に Vue Fes Japan 2024 が開催されました。アンドパッドとしては初めてスポンサーブースを出展し、フロントエンドエンジニアを中心に5名での参加となりました。 この記事では、当日のブースの様子と、ブースで取った Vue にまつわるアンケート結果をご紹介します！ スポンサーブースレポート Vue Fes Japan を含め、フロントエンドのイベントへのスポンサー出展はアンドパッドとしては初めての試み。他のイベントと同様の ANDPADおみくじ に加えて、フロントエンドの技術スタックを紹介する展示を行いました。 開催前日のアンドパッドブースの様子 ANDPADおみくじは、後ほど紹介するアンケートに回答して頂いた方に、グローブ・トートバッグ・工具セットのいずれかがランダムに当たるというもの。建設業界に
ハナユメのフロントエンドにSvelte/SvelteKitを採用しています - Ateam Tech Blog
こんにちは。エイチームライフデザインでハナユメという結婚式場情報サイトの開発を行っている大江です。 ハナユメは長い間、PHP/Symfonyを用いて開発・運用されてきました。しかし、プロダクトの成長と機能の複雑化に伴い、技術的負債が蓄積してきました。そこで、数年前からこの課題を解消するために、フロントエンドをSvelte/SvelteKitで置き換えるプロジェクトを始めました。現在では、検索ページ、式場詳細ページの一部、リングページなどいくつかのページをSvelte/SvelteKitでリリースしています。 今回は、Svelte/SvelteKitを選んだ理由や、実際に導入してみて感じたことについてお伝えします。 Svelte/SvelteKitを選んだ理由と実際に開発して良かったこと コード量が少なく書ける 以下は、ReactとSvelteで入力内容を同期してテキストを表示するコンポーネ
先週、久しぶりに15年以上の付き合いになるエンジニアと話をした。 彼は、今でもプロダクト開発の第一線で活躍していて、大規模な開発案件を多数こなしている。そんな彼に聞きたかったことが、タイトルにもあるデザインシステムについて。 昨今のデザインシステムの潮流、その整備のあり方について、僕（主にIAとして担当）が感じていることを伝えた上で、エンジニア視点で見た時に思惑の違いがあれば指摘して！ということをお願いした。 実は、ここ数年のデザインシステムを取り巻く動向について、個人的に気になっていた。僕らのような設計者（もしくはディレクター）が、どのように向き合い、何を考慮すべきかを理解する必要があるわけで、それを社内のディレクター陣に共有しようと考えていた。そこで勉強会用の資料を作ったが、せっかくなのでnoteでも全部公開する。 デザインシステムの概要デザインシステムとは、企業が自社プロダクトの開発
JSer.info #714 - Node.js v22.11.0がリリースされました。 Node.js — Node v22.11.0 (LTS) Node.js v22.11.0は、Node.js v22.xのLTS(Long Term Support)リリースとなります。 Node.js v22.xは、2027-04-30までのサポートが予定されています。 nodejs/Release: Node.js Release Working Group Nuxt.js v3.14がリリースされました。 Nuxt 3.14 · Nuxt Blog クライアントとサーバで共有するコードを置くshared/フォルダの追加、rspackの対応。 useResponseHeaderとuseRuntimeHookの追加などが行われています。 また、v4での変更をopt-inできるcompatibili
@ffu_ が日頃から言っていることで、自分の軸となる場所（言語、ライブラリ、職種、etc.）を持ち、そうじゃないところで得たより良いモノを持ち帰って適用する、というムーブがある。 コンフォートゾーンは自分が快適に過ごせる環境、という意味だが、これは上でいう「軸となる場所」と重ねることができる。 コンフォートゾーンというものは生きていれば自然と形成されるものだが、一度作ってしまったら固定化される、というものではない。コンフォートゾーンから出て、外の世界で当たり前のように行われているものを持ち帰ることで、コンフォートゾーンそのものを押し広げることができる。 例えば自分の軸となる場所の一つにはVueというライブラリがあるが、直近一年はRemixというReactのフルスタックフレームワークを使って仕事をしていた。 その中で触れた良いモノ、例えばcreateRemixStub、Requestベース
こんにちは！メドピアの福田（@Yusa136）です。 2024年11月01日（金）に弊社オフィスにて、MNTSQ株式会社、STORES株式会社と3社でVue Fes Japan 2024 After Meetupを合同開催しました！ Vue Fes Japan 2024 の感想や思い出を語り合いました。この記事では当日の様子やセッションの内容をお届けします。 LT 「VitePressで見つけたアウトプット習慣」 トップバッターは弊社メドピアの岡澤さんです！ VitePressを活用したアウトプット習慣の作り方についての話が印象的でした。「飽き性だけど続けられる」という岡澤さんの言葉の示す通り、VitePressはフロントエンドだけでブログやドキュメントを簡単に作成でき、Vue.jsを使って気軽に情報発信ができるツールです。 なぜVitePressなのか？ 岡澤さんがあげた理由は以下の通り
Behind the scenes, a lot has been going on in preparation for the release of Nuxt v4 (particularly on the unjs side with preparations for Nitro v3!) ⚡️ Faster starts powered by jitiLoading the nuxt config file, as well as modules and other build-time code, is now powered by jiti v2. You can see more about the release in the jiti v2 release notes, but one of the most important pieces is native node
Welcome to Nuxt Tutorial!
Welcome to Nuxt Tutorial!This is an interactive tutorial that is composed with guides and challenges to help you learn Nuxt and its concepts step by step. The goal of this tutorial is to quickly give you an experience of what it feels like to work with Nuxt and Vue, right in the browser. It does not aim to be comprehensive, and you don't need to understand everything before moving on. All playgrou
AstroとヘッドレスCMSのビルド時間を短縮してみた
最近Astroを使い始めました。 以前はNuxtを使っていたのですが、Nuxtが使いづらいな〜と思っていた矢先にAstroはかなり開発体験も良く、ビルド時間も短縮できておそらく2024年時点では最高の静的サイト生成フレームワークだと思います。 実際にサイトを開発している中でページ数が多くなるとビルド時間が長くなる問題があるかと思います。 特に今回作ったサイトでは日本語、英語に加え、中国語、韓国語の計4つの言語に対応しなくてはいけません。 仮に、トップ、アバウト、プロジェクト(40ページ)、コンタクトの普通のコーポレートであれば生成されるページ数は100を超えます。 今回はそんなサイトのビルド時間を4.5m → 1mまで短縮した方法を備忘録として記載していきます。 前提条件 今回は以下の構成で実装しました。 node@18.18.2 Astro@4.16.6 microcms-js-sdk@
普通のエンジニアが頑張って30万行のNuxt3移行した話 / Vue Fes Japan 2024 Nuxt3 version up
普通のエンジニアが頑張って30万行のNuxt3移行した話 / Vue Fes Japan 2024 Nuxt3 version up
Vue Fes Japan 2024 に参加してきた
こんにちは。 コワーキングスペース茅場町 Co-Edo の田中弘治です。 ここ数年、土日にCo-Edo以外で行われるイベントの参加はできていなかったのですが、ことしは参加できることになり、念願の Vue Fes Japan に参加してきました。 ちなみに昨年は個人スポンサーとしての費用は払いつつ、当日の参加チケットを購入しないという（おそらく僕だけであろう）形で応援していました。 そんなこんなで、はじめて参加できることになった Vue Fes Japan 2024 たっぷり楽しんできましたので、その一部をレポートいたします。 そもそも Vue Fes Japan とは Vue Fes Japan は、日本最大級の Vue.js カンファレンスです。 昨年、コロナ禍を経て5年ぶりにオフライン開催され、今年は会場を大手町プレイス ホール＆カンファレンスに移し、より大きな規模での開催となっていま
GitHub - unovue/inspira-ui: Build beautiful website using Vue & Nuxt.
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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue3の一歩踏み込んだパフォーマンスチューニング2024
Vue.js、Nuxtの機能を使い、 大量のコピペコードをリファクタリングする
ディレクターが押さえるべきデザインシステムの本質｜鈴木雅彦
2024-11-07のJS: Node v22.11.0 (LTS)、Nuxt 3.14、vlt Package Manager
コンフォートゾーンから出る、コンフォートゾーンへ持ち帰る｜ushironoko
Vue Fes Japan 2024 After Meetupを開催しました！ - メドピア開発者ブログ
Nuxt 3.14 · Nuxt Blog