並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 214件

新着順 人気順

NUXTの検索結果121 - 160 件 / 214件

  • Nuxt 3.10 · Nuxt Blog

    v3.10 comes quite close on the heels of v3.9, but it's packed with features and fixes. Here are a few highlights. ✨ Experimental shared asyncData when prerenderingWhen prerendering routes, we can end up refetching the same data over and over again. In Nuxt 2 it was possible to create a 'payload' which could be fetched once and then accessed in every page (and this is of course possible to do manua

      Nuxt 3.10 · Nuxt Blog
    • 2024-03-19のJS: Storybook 8、Nuxt 3.11、Cloudflare Workers + Vitest

      JSer.info #685 - Storybook 8.0がリリースされました。 Storybook 8 Storybook: UI component explorer for frontend developers 破壊的な変更として、storiesOf APIの削除、*.stories.mdxの削除、StoryShots addonの削除、Yarn v1のサポート終了などが行われています。 詳細はマイグレーションガイドを参照してください。 Migration guide for Storybook 8.0 • Storybook docs 機能追加として、Chromaticとの連携機能の実装、MSWを使ったReact Server Component(RSC)のサポート。 そのほかには、SWCを使うことでビルドパフォーマンスの改善、react-docgenがデフォルトとなるように変

        2024-03-19のJS: Storybook 8、Nuxt 3.11、Cloudflare Workers + Vitest
      • Vue.js最新動向

        PLAID, inc. 
 Vue.js Core Team Member Nuxt Community team Vue.js Japan User Group Organizer Creator of Vue I18n & Intlify Maintainer of Nuxt I18n @kazu_pon kazupon kazupon

          Vue.js最新動向
        • vuejs/core のソースコードを探検する楽しさ

          はじめに フロントエンドエンジニアのhiroです。 エンジニアになって半年が過ぎました。 表題にあるとおり、この記事では vuejs/core のソースコードを探検してみたいと思います。 ソースコードの探検が目的のため、実装の詳しい解説自体は行いません。あらかじめご了承ください。 目的 本記事はubugeeeiさんの素晴らしい本であるchibivueに出会い、ubugeeeiさんご本人にVueについて直接教えて頂き、Vueのソースコードに興味を持ったことがきっかけで執筆しています。chibivueはVueの基本的な機能を自分で実装することで、Vueについての理解を深め、vuejs/coreのソースコードが読めるようになることを目的とされている本です。 エンジニア経験の浅い私にとってVueのソースコードを理解することは難しいですが、全部が理解できなくてもなんとなく 「こういう実装になっている

            vuejs/core のソースコードを探検する楽しさ
          • Nuxt 2 End-of-Life (EOL) · Nuxt Blog

            What happens on June 30th, 2024?After this date, Nuxt 2 will continue to be available on the NPM package manager, but will no longer receive updates, such as security and browser compatibility fixes. In other words, your applications will continue to work, but you may get deprecation warnings from your package manager reminding you that Nuxt 2 is no longer a supported version. What’s Next?Nuxt 3 h

              Nuxt 2 End-of-Life (EOL) · Nuxt Blog
            • 【脱仮想 DOM !?】Vue.js が控えている進化 "Vapor Mode" の詳細 (2023/12)

              ※本記事は Qiita / All I know about Vue 3's Vapor Mode Details (2023/12) のミラーです ⚡️ Vapor Mode ってご存知でしょうか? 🤔 少しでも聞いたことがあるようであれば、おそらくあなたは日常的に情報を収集している熱心な方でしょう。 というのも、現在(2023/12)、Vapor Mode について日本語での言及はほぼありません。 かといって英語圏に情報が出回っているかというと、そうでもありません。(後述) 今回は現時点で筆者が知っている Vapor Mode の詳細について、前提知識も整理しつつ理解していければと思います。 😋 初めに 🎯 お品書き (何を理解するか) 改めて Vue.js とは これから Vue.js を学び始める方や、Vue.js をのぞいてみるのは随分と久しぶりだという方もいるかと思うので

                【脱仮想 DOM !?】Vue.js が控えている進化 "Vapor Mode" の詳細 (2023/12)
              • Vue・Nuxt 情報が集まる広場 / Plaza for Vue・Nuxt.

                「Vue / Nuxt利用者が気軽に情報を得ることができ、またVue / Nuxt初学者がまずここを訪ねてみる」 と思える、そんなVue / Nuxtの情報が集まる広場。ハードルは低く、わちゃわちゃと知見が集まる広場へ。 ✍️ Articles: Vue, Nuxt, related libraries

                  Vue・Nuxt 情報が集まる広場 / Plaza for Vue・Nuxt.
                • 娘のためにFlutterでゲームを作ってみた with Nuxt.js

                  昔作ったUnityのゲームアプリ、なぜか娘が楽しそうに遊んでいて、 Flutterでリメイクしてみよ!と思い立ち、無事リリースできたので、 構成とかをまとめてみました(*´ω`*) どんなゲーム? 鯖(サバ)の中から鮪(マグロ)を探す かわいいお気軽タッチゲーム🐟 実際のプレイ画面はこんな感じに せっかくリメイクするので、 「親子で一緒にたのしめるシンプルなゲーム」 にしたいな〜とおもい、子供でもできるシンプルなルールで、 大人も楽しめる難易度になるようがんばってます! システム構成 全体の構成はこんな感じ Flutter(アプリ) Nuxt.js(LPサイト) unjs/nitro(OGP生成など) Firebase(Auth/Firestore) Cloudflare R2(OGP保存) TypeSpec(Dart/TS間でのモデル共通化) Cloud Run + Firebase

                    娘のためにFlutterでゲームを作ってみた with Nuxt.js
                  • Nuxt Bridge を活用して Nuxt 3 へ移行しました - STORES Product Blog

                    Nuxt Bridge を活用して Nuxt 3 へ移行しました 業務委託で STORES の開発をしている @inouetakuya です。 以前 STORES が Nuxt Bridge を活用して Nuxt 3 への移行を進めている旨の記事を wattanx が書いてくれました。 Nuxt 3 への移行に向けて頑張ってます - STORES Product Blog そして先月(2024年7月)ようやく Nuxt 3 へ移行することができましたので、本記事は前回の記事の続編にあたります。 Nuxt Bridge とは おさらいになりますが、Nuxt Bridge とは Nuxt 3 の機能の一部を Nuxt 2 でも利用できるようにしたライブラリです。これを活用すると Nuxt 2 のプロジェクトのまま Nuxt 3 の機能を利用するようコードを変更でき、Nuxt 3 へのバージョン

                      Nuxt Bridge を活用して Nuxt 3 へ移行しました - STORES Product Blog
                    • Nuxt3のモジュール開発は意外と簡単? | ドクセル

                      Nuxt3のモジュール開発は意外と簡単? Module Author Guideをのぞいてみよう Vue Fes Japan2023 2023/10/28(土) きらぷか(@kira_puka) きらぷかとは? きらぷか (@kira_puka) ● 合同会社めもらば 代表 ● Webアプリの受託開発 ● 趣味: 積読と個人開発 積読ハウマッチ SSSAPI 総額がわかる書籍管理アプリ Googleスプレッドシートの JSON API化サービス

                        Nuxt3のモジュール開発は意外と簡単? | ドクセル
                      • VueFireを使ってGoogleログインを実装する

                        // firebase.ts import { initializeApp } from 'firebase/app' const firebaseConfig = { // この中はfirebase consoleからコピペ }; export const firebaseApp = initializeApp(firebaseConfig); import { createApp } from 'vue' import { VueFire, VueFireAuth } from 'vuefire' import App from './App.vue' import { firebaseApp } from './firebase' const app = createApp(App) app.use(VueFire, { // imported above but could als

                          VueFireを使ってGoogleログインを実装する
                        • Vercelの機能一覧+解説 『Vercelを100%使い倒そう』|TodoONada株式会社

                          『Vercel』は、シンプル、かつ高速でWEBアプリを公開することができる、デジタルプラットフォームです。 本来複雑な作業が必要なデプロイ作業も、最短数クリックで行うことができる等、数々のメリットがあります。 ※Vercelを使うメリットについては『素早くアプリを作りたい! Vercel+Supabaseでプロジェクト開発』という記事を御覧ください。 今回はそのVercelにどのような機能があるのか、一通りご紹介いたします。 『Serverless Functions』※Serverless Functionsの立ち位置(引用元)『Serverless Functions』は、『サーバーを気にせずバックエンドの処理を簡単に作れる関数』です。 Vercelは『サーバレス』なシステムに向いたサービスですが、『サーバレス』といってもフロントだけで全てを行えるわけでは無いですよね。 ある程度バック

                            Vercelの機能一覧+解説 『Vercelを100%使い倒そう』|TodoONada株式会社
                          • ブラウザのみの統合開発環境 StackBlitz の紹介

                            初めに この記事は StackBlitz の紹介になります。 初めに言っときます。 StackBlitz は滅茶苦茶凄いです。 現状 JavaScript 系のフレームワーク・ライブラリは勿論。(Next.js / Nuxt.js / jQuery等) Node.js自体も動かせます。 WASM を利用して Python や WordPress も動きます。 (2023/10/24 現在) ブラウザのみで開発が完結します。 疑問 でも貴方は今こう思ったかもしれません。 Q. でもお高いんでしょ? A. 基本的には無料です。 Q. 基本的? 使えるプロジェクトの数とか制限されてるんでしょ? A. されてません。 無料アカウントで 無制限です そして今こう思ったのではないでしょうか。 [*] でもなんか裏が有るんでしょ? 無料はおかしい。 確かにおかしいです。 サーバーを動かすのにも電力やクラ

                              ブラウザのみの統合開発環境 StackBlitz の紹介
                            • MicroCMSと11tyで作るかんたん静的サイト | DevelopersIO

                              この記事では、ヘッドレスCMSを使ってHTMLコンテンツを作成する手順を紹介します。よく使われているフレームワークにGatsbyやNext.js、Nuxt.js等がありますが、HTMLコーダーである自分にとっては難易度が高く、また、作りたいサイトが小規模であるため、HTMLテンプレートを使用しての作成を検証してみました。 今回は個人的に興味のあったMicroCMSと静的サイトジェネレーターである11ty(Eleventy)を使ってAPIの取得とHTMLの生成をします。 HTML CSS JS GulpやWebpack等のビルドツール利用経験 11tyとは 11tyは複数のテンプレート形式に対応している静的サイトジェネレーターで、HTMLを出力することができます。Markdown(.md)やEJS(.ejs)、Nunjucks(.njk)といった複数のテンプレート形式に対応しているほか、AP

                                MicroCMSと11tyで作るかんたん静的サイト | DevelopersIO
                              • Nuxt DevTools 101

                                Slides for v-tokyo #20

                                  Nuxt DevTools 101
                                • 個人開発が失敗に終わった3つの理由

                                  こんにちは、ネットではウマたんというハンドルネームで活動していて普段はスタビジというメディアやスタアカという教育サービスを運営しています。主に基本AIデータサイエンスについて発信する活動をしています。 最近は色んなサービス開発や海外事業の立ち上げに挑戦しているのですが、やっぱりそう簡単にうまくはいかない。ということで様々な挑戦をする中で失敗に終わったサービスについて自分のための備忘録もかねてつらつらと書き連ねていきたいと思います! (正直失敗と書いてますが、サービス開発の厳しさを知るめちゃくちゃいい経験だったので失敗だとは思っていません。笑 どんどん失敗しよう!) いい感じにグロースしているサービスもあるのでそれについては別の回で書く予定です。 失敗したサービスTracky(トラッキー)とは Tracky(トラッキー)は自分の書いた記事を他の競合と比較して文字数を増やした方がよいよーとかキ

                                    個人開発が失敗に終わった3つの理由
                                  • H3 (unjs/h3)について

                                    この記事について この記事は、UnJSの主要なライブラリを調査していくシリーズ記事の1つになります。 シリーズ記事の概要や今後公開される予定の記事の確認はこちらの記事を参照してください。今回はH3というライブラリについて紹介します。 H3の特徴 H3(unjs/h3)は軽量で高速なHTTPサーバーのフレームワークで、HTTPサーバー部分の実装としてNuxt(Nitro)に含まれていますが、H3単体で使うこともできます。 H3の主要な特徴として、次のものがあります: サーバーレス環境、エッジ環境、Node.js/Bun/Deno等の様々な環境で動作し、移植性が高い 軽量なフレームワークで、パフォーマンス性能が高い unjs/radix3を使った高速なルーティング (※ radix3についてはこちらの記事で紹介しています) Web標準に準拠したシンプルなAPI node/connect/exp

                                      H3 (unjs/h3)について
                                    • Vercelでできること総まとめ(2023) - Qiita

                                      Vercel は Web フロントエンドアプリのホスティングサービスとして有名ですが、他にもたくさんの便利な機能・サービスがあります。 この記事を読んで、Vercel でできることをまるっと把握しましょう! 基本的な機能 フレームワーク Vercel は Next.js のメンテナではありますが、幅広いフロントエンドフレームワークに対応しています。現在、38種のフレームワークに対応しているようです。 Angular Astro Brunch React Docusaurus Dojo Eleventy Ember.js Gatsby.js Gridsome Hexo Hugo Hydrogen Ionic Angular Ionic React Jekyll Middleman Next.js Nuxt.js Parcel Polymer Preact RedwoodJS Remix Sa

                                        Vercelでできること総まとめ(2023) - Qiita
                                      • Nuxt3のLinterは Nuxt ESLint で整備する (マイグレーションあり)

                                        はじめに こんにちは、がんがんです。 2024 年 4 月、Nuxt から Nuxt ESLint というモジュールが公開されました。Nuxt ユーザー待望の All-in-one ESLint モジュールです。 本モジュールの登場により Nuxt におけるリンターの設定方法が大きく変わりました。 本記事では Nuxt ESLint を用いたマイグレーションを中心に新しい Nuxt ESLint をセットアップしていきます。 Nuxt ESLint とは Nuxt ESLint はAll-in-one ESLint integration for Nuxtと公式ドキュメントに記載がある通り、Nuxt ユーザーのための All-in-one モジュールです。 今までの Nuxt ユーザーは Nuxt3 で ESLint を使う場合、どれが Nuxt 公式のルールだろう Nuxt で ESLi

                                          Nuxt3のLinterは Nuxt ESLint で整備する (マイグレーションあり)
                                        • 【JavaScript】JavaScript ライジングスター 2023 - Qiita

                                          2023 / 2022 / 2021 / 2020 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2023年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は累計スター数ではなく、『2023年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに総合ランキング1位は2016年~2019年にVue.jsが4連覇、2020年はDeno、2021年はzx、2022年はBunでした。 以下は2023年のランキング、2023 JavaScript Rising Starsの日本語訳です JavaScript ライジングスター 2023 8回目のJavaScript ライジングスターにようこそ! ここでは、2023年のJavaScriptエコシ

                                            【JavaScript】JavaScript ライジングスター 2023 - Qiita
                                          • 今週のはてなブログランキング〔2024年1月第3週〕 - 週刊はてなブログ

                                            はてなブログ独自の集計による人気記事のランキング。1月14日(日)から1月20日(土)〔2024年1月第3週〕のトップ30です*1。 # タイトル/著者とブックマーク 1 AIにプログラミング作業を奪われている - k0kubun's blog by id:k0kubun 2 万城目学氏、直木賞を受賞する - この門をくぐる者は一切の高望みを捨てよ by id:Tomio 3 マンガ「神引きのモナーク」がとても面白い - 誰かの肩の上 by id:daydollarbotch 4 PostgreSQLの仕組みから学ぶために必要な資料 - そーだいなるらくがき帳 by id:Soudai 5 Amazonのデジタルコンテンツが保証期間1年(かもしれない)件 - 妄想科學倶樂部 by id:DocSeri 6 山崎元さんと「お金」と「怒り」について - いつか電池がきれるまで by id:fu

                                              今週のはてなブログランキング〔2024年1月第3週〕 - 週刊はてなブログ
                                            • Vueエンジニアが使うReactが難しい

                                              こんにちは!プロ雀士兼プログラマーのおおのです。 早いもので、初めてHello World!を目にしてもうすぐ2年。そろそろ駆け出しエンジニアを名乗れなくなりそうですが...今までNuxtを使用してVueのコードばかり書いてきた私が、新たにReactに挑戦してみたので、そこで苦労したことについて書いていこうと思います。 1.コンポーネントの書き方 まず最初に違うのは、コンポーネントをどう書くか。 Vueではtemplate、script、CSSを順に書いていく、シンプルな記述で1コンポーネントにまとめることができたのですが、Reactでは最初にscriptの記述をしたり、CSSフレームワークを使用する際の記述など、慣れるのに少々時間がかかりました。 初心者の私にはscriptの記述すら戸惑いだったのですが、ここは先人のお力を借りることでスムーズに溶け込むことができました。 (参考記事:Vu

                                                Vueエンジニアが使うReactが難しい
                                              • 【Vue.js】Painless なコンポーネント開発のプラクティス - ContractS開発者ブログ

                                                はじめに 早速ですが... :deep 機能について :deep 機能のつらいところ そんなあなたに PrimeVue PrimeVue の Pass Through 機能 Pass Through の利用方法 最後に 出典 はじめに こんにちは!ContractS株式会社の北原です。 フロントエンドのリードとして、プロジェクトの技術選定や品質保守等を担当しています。 早速ですが... みなさまは Vue 3 をお使いになられていますか? これには、以前の Vue 2 と比較して多種多様な改善がふんだんに盛り込まれています。 2020/09/18 にリリースされてから暫く経っているので、実際の業務や個人で触られた方も多いと思います。 例えば、 Composition API の正式採用 script setup 構文の対応 メモリ使用量削減による負荷軽減 その他色々ありますが、以上のような

                                                  【Vue.js】Painless なコンポーネント開発のプラクティス - ContractS開発者ブログ
                                                • Vue Fes Japan 2023 After Meetupを開催しました! - メドピア開発者ブログ

                                                  MedPeerの開発をしている栗崎 (Ryohei Kurisaki (@0ryo0ryo) / X )です。 11月7日(火)に弊社オフィスにて、MNTSQ株式会社、株式会社hacomonoと3社合同でVue Fes Japan 2023 After Meetup を開催しました。 5年ぶりのオフライン開催となった Vue Fes Japan 2023の感想や思い出を語り合いました。 セッションのハイライト メインセッション Vue Fes Japan 2023のオーガナイザーであるkazuponさんによる 「Vue & Vite Rustify」のお話でした。 まずはViteの現状の課題についてお話されていました。 productionビルドが遅い dev環境とproduction環境のbundleの一貫性がない ※ dev環境はesbuild, production環境はRollup

                                                    Vue Fes Japan 2023 After Meetupを開催しました! - メドピア開発者ブログ
                                                  • React プロジェクトを始める – React

                                                    React だけで新しいアプリやウェブサイトを作りたい場合は、コミュニティで人気のある React フレームワークから、ひとつを選ぶことをおすすめします。 フレームワークなしで React を使うことも可能ですが、ほとんどのアプリやサイトにおいては、コード分割、ルーティング、データ取得、HTML 生成といった問題に対処するための開発が必要であることが分かっています。これらは React に限らずあらゆる UI ライブラリに共通の問題です。 フレームワークを使ってスタートすることで React での開発を素早く立ち上げ、後で実質的に独自フレームワークのようなものを作ってしまわずに済むようになるでしょう。 さらに深く知る React をフレームワークなしで使うことも確かに可能です。既存のページに React を追加する場合はそのようにします。しかし、新しいアプリやサイトをフルで React を

                                                      React プロジェクトを始める – React
                                                    • Vue Fes Japan 2023 参加レポ

                                                      はじめに 2023/10/28 に東京都中野で開催された Vue Fes Japan 2023 に参加してきたので、レポート記事を書いてみようと思います。 今年の Vue Fes はコロナ禍以降初となるオフライン開催で、前回はなんと 2018 年だったようです。 (2019 年はコロナ禍以前ですが、運悪く台風と重なってしまって中止になっていたようです。) このレポートでは、各発表の詳細というよりも、全体を通して感じたことを中心に書いていきます。 各発表の資料は下記にできる限りまとめてみたので、ぜひご覧になって見てください。 発表者の方々のアカウントをフォローしたり、いいねをしたりして応援していきましょう! 近いサポート終了 - 各社のマイグレーションとの戦い 今回の発表のうち、最も多かったテーマは Vue3 / Nuxt3 へのマイグレーションについてでした。 Vue2 は 2023年12

                                                        Vue Fes Japan 2023 参加レポ
                                                      • Mental Health in Open Source

                                                        [[toc]] 中文翻译 Chinese Version TL;DR: I am doing great and not going anywhere. Having some pressure but still holding up and trying to improve. Thank you and don't worry! This is the 4th year since I have started doing Open Source. To be completely honest, I began to feel things were getting out of my capacity more and more often. I am still not sure if I have ever been through actual burnout or not

                                                          Mental Health in Open Source
                                                        • Nuxt Test Utils で始める効率的な Nuxt アプリケーションのテスト

                                                          【Oracle Cloud ウェビナー】基幹システムのクラウド化は可能か?失敗しないための検討ポイントと規模別事例をご紹介

                                                            Nuxt Test Utils で始める効率的な Nuxt アプリケーションのテスト
                                                          • 今週のはてなブログランキング〔2024年8月第1週〕 - 週刊はてなブログ

                                                            はてなブログ独自の集計による人気記事のランキング。7月28日(日)から8月3日(土)〔2024年8月第1週〕のトップ30です*1。 # タイトル/著者とブックマーク 1 【読書感想】「叱れば人は育つ」は幻想 ☆☆☆☆☆ - 琥珀色の戯言 by id:fujipon 2 【令和改訂版】元福岡市民が全力で1泊2日の福岡市周辺観光してみた - はげあたま.org by id:hageatama- 3 市区町村マスタを手に入れろ、そして更新し続けろ - エムスリーテックブログ by id:m3tech 4 フランス革命の暗部「ヴァンデの絶滅戦争」を描いたマンガ「杖と翼」(1/3) - 頭の上にミカンをのせる by id:tyoshiki 5 化学物質過敏症に関して厚労省見解と異なるパンフレットが自治体で紹介される理由 - NATROMのブログ by id:NATROM 6 連続テレビ小説『虎に翼』

                                                              今週のはてなブログランキング〔2024年8月第1週〕 - 週刊はてなブログ
                                                            • 自作CLI開発で使ってみたら便利だったUnJSライブラリの紹介

                                                              はじめに TL;DR CLI 開発で UnJS の unbuild、citty、consola、giget、pkg-types、jiti を使ってみたらめっちゃ便利だった。 本記事の内容と対象読者 本記事は、Vue.js v-tokyo Meetup #21にて筆者が LT 登壇した内容を記事化したものです。 筆者が最近取り組んでいた CLI 開発において UnJS を導入したところ、非常に便利と感じたため発表することとなりました。発表資料はGitHub Pages に上げています。 本記事では CLI 開発に便利な UnJS のライブラリをいくつか紹介し、どのように使ったのかの解説もします。UnJS に興味があり、どんなライブラリをどのように使うのか気になっている人を対象にしています。 前提知識として Node.js/TypeScript の基礎的な理解があると読みやすいでしょう。 検証

                                                                自作CLI開発で使ってみたら便利だったUnJSライブラリの紹介
                                                              • Nuxt 3.12 · Nuxt Blog

                                                                🚀 Testing Nuxt 4 changesNuxt 4 is on the horizon, and it's now possible to test out the behaviour changes that will be coming in the next major release (#26925) by setting an option in your nuxt.config file: As we've been merging PRs for Nuxt 4, we've been enabling them behind this flag. As much as possible we're aiming for backwards compatibility - our test matrix is running the same fixtures in

                                                                  Nuxt 3.12 · Nuxt Blog
                                                                • DBeaverとは?DBeaverの特徴と環境構築・導入方法まとめ

                                                                  こんにちは、AIQ株式会社のフロントエンドエンジニアのまさぴょんです! 今回は、DBeaverの特徴や、DBeaverの導入方法について解説していきます。 DBeaverとは? DBeaverの特徴まとめ DBeaverは、SQLクライアントソフトウェアアプリケーションであり、データベース管理ツールです。 DBeaverには、CE(無料版)とEE(有料版)がありますが、無料版で十分過ぎる性能を持っています。 特徴をまとめると、次のとおり。 特徴1: マルチプラットフォームで対応OSが豊富 Windows / Mac / Linux でアプリケーションが提供されています。 特徴2: 対応DBが豊富 MySQL、PostgreSQL、SQLite、Oracle、DB2、SQL Server、Sybase、MS Access、Teradata、Firebird、Apache Hive、Phoen

                                                                    DBeaverとは?DBeaverの特徴と環境構築・導入方法まとめ
                                                                  • Dockerを使わない、Remix / Next.js 14 など最新ウェブフレームワークのAWS完全サーバーレス構成と環境構築方法 | ブログ | Serverless Operations

                                                                    Remix / Next.js 14 など最新ウェブフレームワークをAWS Lambda にデプロイして、固定費のかからない完全サーバーレスな環境を構築する方法を紹介します。Dockerを使わなくてもできます。 SPA(Single Page Application)が主流だったフロントエンド開発トレンドがSSR(Server-side rendering)とエッジコンピューティングに向けた最適化が進むなど、多様化しています。開発手法自体は JavaScript / TypeScript をベースとしたフレームワークを利用することが多いと思いますが、AWSを利用したサーバーレスの文脈では、開発トレンドが SSR に変わっていくところに関して、少し悩みが出てくることもあるのではないでしょうか。 サーバーレスの定義を広げるとECS Fargate や App Runner のようなマネージドサ

                                                                      Dockerを使わない、Remix / Next.js 14 など最新ウェブフレームワークのAWS完全サーバーレス構成と環境構築方法 | ブログ | Serverless Operations
                                                                    • What's New in DevTools (Chrome 118)  |  Blog  |  Chrome for Developers

                                                                      New section for custom properties in Elements > Styles The Elements panel now supports the @property CSS at-rule. It lets you define CSS custom properties explicitly and register them in a stylesheet without running any JavaScript. To inspect your registered custom properties, in Elements > Styles, hover over the property name and see its descriptors in a tooltip. In the tooltip, click the link to

                                                                        What's New in DevTools (Chrome 118)  |  Blog  |  Chrome for Developers
                                                                      • Reactive Props Destructure を支える技術

                                                                        みなさんこんにちは, ubugeeei です. 最近技術発信が全くできていないな〜お前それでも Vue Team Member かよ,と思いつつ,せっかく Vue 3.5 がリリースされたのでそれに関連した機能の記事でも書こうかと思います. Vue 3.5.0 がリリースされました 先日,Vue 3.5.0 (Tengen Toppa Gurren Lagann) がリリースされました. このリリースでは,Reactivity System の最適化や,新しいコンポーザブルである useTemplateRef,useId,Custom Elements の改善など様々な変更が入りました. 詳しくは上記の公式ブログや,同 publication のまとめ記事 などを参照してください. 今回のトピック Vue 3.5 で Reactive Props Destructure という機能が安定版

                                                                          Reactive Props Destructure を支える技術
                                                                        • Misskey 2023 recap | Misskey Hub

                                                                          こんにちは、しゅいろです。2023年も残すところあと1ヶ月となりました。 振り返ると、2023年はMisskeyが大きく成長した年でした。そして、来年2024年はMisskeyは10周年になります!! 個人的な趣味で始めたプロジェクトが10年続き、自分のライフワークになるとは夢にも思っていませんでした。 ここまで開発を続けられてきたのはひとえに皆様の応援・ご支援のおかげです。本当にありがとうございます。 この記事では今年Misskeyで起こったこと・自分が取り組んだことや来年取り組む予定のことを紹介します。 なお、gihyo.jpで行っているMisskey連載の方では2023年のMisskeyの開発に関するまとめを12月分の記事で公開予定です。興味がありましたらそちらも合わせてご覧ください。 では早速書いていきます! Misskey PlayまずはMisskey本体の話から。 Misske

                                                                            Misskey 2023 recap | Misskey Hub
                                                                          • Merpay Frontend のこれまでとこれから: 2023年版 | メルカリエンジニアリング

                                                                            こんにちは。メルペイのフロントエンドエンジニアの@tokuda109です。 この記事は、Merpay Advent Calendar 2023 の15日目の記事です。 Merpay Advent Calendar 2020 の「Merpay Frontend のこれまでとこれから」という記事で、メルペイのフロントエンドチームが2020年までに取り組んできたチーム組成やプロダクトの品質改善の話が紹介されました。(以下、前回の記事) 早いもので前回の記事が公開されてから3年が経ち、当時からチームの状況は大きく変わり、チームメンバーの人数が半数以下になるという危機的状況も経験しました。 この記事は、前回の記事の続編として、2020年以降にフロントエンドチームが取り組んできたことを紹介すると共に、危機的状況を乗り越えた経験から長期的に安定したチーム運営を行う上で重要だと感じたことを説明します。 M

                                                                              Merpay Frontend のこれまでとこれから: 2023年版 | メルカリエンジニアリング
                                                                            • 改行コードから学んだ意図しないデータが生成されないようにする工夫 - ANDPAD Tech Blog

                                                                              この記事はANDPAD Advent Calendar 2023 23日目の記事です。 こんにちは、motokikando です! アンドパッドに1期生で新卒で入社してから早いもので、9ヶ月が経ちました! 7月からプロダクトチームの1つであるANDPAD黒板チームにjoinし 、 現在サーバーサイドをメインに業務をしています。 今回はその中で起こった、見た目上、同じ2つの黒板ができてしまうという謎の現象を解消し、そこから学んだ知見についてご紹介します! 改行コードとは? 本題に入る前に改行コードの種類についてご紹介します。 改行コードは文字通り、テキスト内で改行を表すための特殊な文字コードのことです。下記の LF, CR, CRLF の3種類とそれぞれの特徴が存在します。 LF : \n 正式名称: Line Feed ラインフィード 実行内容: カーソルを新しい行に移動させる↓ 対応OS

                                                                                改行コードから学んだ意図しないデータが生成されないようにする工夫 - ANDPAD Tech Blog
                                                                              • 1年半PDCAを回し続けて展示会を完全攻略した話|株式会社LeanGo

                                                                                弊社は「dejam」というサイト改善ツールを運営するかたわらで、広告代理店に対して事業を伸張させるコンサルを提供しています。 「dejam」は無料で使えるので気になる方はこちらから、お問い合わせください。 このnoteの目的弊社は1年半オフライン展示会に参加するとことで、アプローチしたい企業には9割ほど接点を持つことができました。 2024年1月を最後に、しばらくは出展しない予定です。 そこで、PDCAを回してきた最終結論をこのnoteに記載することで、みなさまのお役に立てればと思い、キーボードを取りました。 先に結論を書くと、以下のクリエイティブが最強という着地になりました。 大真面目な展示会のポスターふざけてると思いますか? いいえ、大真面目で社内議論した末、このようになりました。 どんな歩みを経ればこうなってしまうのか。 それも含めて書き留めようと思います。 なぜオフライン展示会にそ

                                                                                  1年半PDCAを回し続けて展示会を完全攻略した話|株式会社LeanGo
                                                                                • Sentry 活用のススメ - STORES Product Blog

                                                                                  Sentry 活用のススメ こんにちは! STORES のリテール事業部でソフトウェアエンジニアをしている @m0nch1 です。 エラー監視ツールとして Sentry を採用している企業・エンジニアは多いことと思います。 Sentry の welcome ページにも以下のように記載されており、人気が伺えますね。 Nearly 4M developers and 90K organizations rely on Sentry to see what actually matters, solve what's urgent faster, and learn continuously about their code. STORES も各プロダクトでの日々の開発・運用においてエラー監視ツールとして活用しています。 そんな Sentry ですが、実は今やエラー監視のみにとどまらず公式では

                                                                                    Sentry 活用のススメ - STORES Product Blog