「Nuxt.js」に関連する技術ブログ

企業やコミュニティが発信する「Nuxt.js」に関連する技術ブログの一覧です。

第三回Nuxt道場のお知らせ

こんにちはこんばんはkubotak(@kubotak_public)です 以前よりご愛顧いただいてますNuxt道場の第三回の開催のお知らせです。 macloud.connpass.com 2021/11/25(木)19:30 〜 Youtube Liveで配信予定です。 Nuxt 3 betaが発表されましたので今後のNuxtについて触れていきたいと思います。 第三回改、第参面では株式会社ROXXのCTO松本宏太さん(kotamat | ROXX CTO (@kotamats) | Twitter)が師範(スピーカー)

PHPカンファレンス2021に代表鈴木が登壇しました!

はじめに 株式会社リビルドの鈴木です! 2021/10/02(土)に PHPカンファレンス 2021で登壇してきました! 今回はオンラインでのカンファレンスになりました。 以下はイベント詳細ページになります。 phpcon.php.gr.jp 発表テーマ「LaravelとNuxt.jsで保守性を高める構成を考えてみた」 発表した内容 www.youtube.com 発表資料 speakerdeck.com twitter の感想など BDD(ビーチ駆動開発)かー。いいな

Nuxt道場 弐面を開催しました🎉

こんにちは久保田(@kubotak_public)です 2021/09/08 19:30よりNuxt道場 弐面を開催いたしました。 弐面は第二回という意味です。 記念すべき第一回の様子は以下です。 tech.macloud.jp 今回は弊社の津崎が登壇しました。 弊社のエンジニアはもともとフロントエンドを書いて来たエンジニアではなく、どちらかというとインフラやバックエンドがキャリアとしては多いです。 そんな我

Nuxt.js+TypeScriptで抽選ツールを作ってみた

はじめまして、2021年度新卒の木村です。 フロントエンドエンジニアとして テクノロジーセンター5G に所属しています。 今回は、Nuxt.js ならびに TypeScript を利用して、簡単な抽選ツールを作成してみた内容についてご紹介します。 Nuxt.js と TypeScript Nuxt.js は、Vue.js ベースの JavaScript のフレームワークです。Webページ構築に有用な UI 以外の機能( Ajax やサーバーサイドレン

frourioを使って1ヶ月で管理画面をリリースした話

はじめに こんにちは、レバテック開発部の河村です。 私はレバテック各種メディアのリプレイスを担当しており、バックエンドを中心にフルスタック開発を行っています。 今回は管理画面のリリースで採用した、フルスタックフレームワークである frourio について、 frourio を採用した理由や使ってみて良かったこと、困ったことを紹介します。 この記事を通して、frourio

宿泊サイトのPCリストを ASP.NET Web Forms から Go + Nuxt でリニューアルしました

こんにちは。 一休.com の開発基盤を担当しています、akasakasです。 宿泊サイトのPCリストページを ASP.NET Web Forms から Go + Nuxt でリニューアルしたお話をさせていただきます。 詳しいお話をする前に:PCリストページってどこ? こちらになります https://www.ikyu.com/tokyo/140000/ 宿泊PCサイト(検索導線)の問題点 ASP.NET Web Forms のレガシーアーキテクチャによる開発生産性低下 一

【オンライン開催】各社の事例から学ぶフロントエンド技術の活用法

4社のフロントエンド技術に関する様々な課題と取り組みの事例を対談形式で紹介するオンライン勉強会を2021年8月4日(水)19:00~開催します!時空テクノロジーズ・ディップ・パーソルキャリア・ミイダス、4社の事例から「フロントエンド技術の活用」について学ぶ、オンライン勉強会フロントエンド技術選定からその活用法まで、フロントエンドの開発をリードする方々に

M&Aクラウド初主催のエンジニア向け勉強会を開催しました

こんにちは久保田(@kubotak_public)です 先日の2021/06/23にNuxt道場というオンライン勉強会を開催しました。 macloud.connpass.com この勉強会は弊社でも扱っているフロントエンドのフレームワークであるNuxt.jsをテーマとした勉強会で、 株式会社Hajimariの三宅様、株式会社レアジョブの田原様を師範(登壇者)としてお迎えいたしました。 Nuxt道場はYoutubeLiveで配信したため、アーカイ

見えないエラーを見れるようにする & 効率化のため Rollbar を導入した話

こんにちは。エンジニアの鈴木(yamotuki)です。 今回は本番や開発環境でエラーが起こったときに、効率よく対応ができるように Rollbar というツールを導入した話です。 Rollbar とは 公式はこちら JavaScriptやPHPで発生したエラー詳細をSlack通知してくれます。 通知や画面詳細ページは後述してあります。 導入目的 導入目的としては、フロントエンドのエラー検知とバックエ

AWS LambdaからECS Fargateへの移行

こんにちは、久保田(@kubotak_public)です 今回は弊社で運用しているサービスであるM&Aクラウドのフロントエンドの実行環境をAWS LambdaからECS Fargateへ移行した話です。 まずは弊社のサービスが動いている環境は次のようになっていました。 フロントエンドにNuxt.js(JavaScript)、バックエンドにLaravel(PHP)を利用しています。 LaravelはAWS ElasticBeanstalkで作成されたEC2インスタン

Nuxt.js化計画vol.6

Nuxt.js化計画vol.6 第6弾です。 Nuxt.js化計画の概要についてはvol.1を参照ください。 また、過去のシリーズも通してリンクしているのでぜひ御覧ください。 tech.macloud.jp 今回はリプレースではなく、新規機能に伴う新しいページをNuxt.jsで構築しました。 かんたんM&A診断という機能です。 macloud.jp 7つの設問に答えることで売却したい会社・事業に対してマッチする買い手企業

Ltech#14 「LIFULL HOME'S」のフロントエンドについて語り尽くします! 開催レポート

こんにちは。Ltech運営チームの井上です。 今回は、2021年3月2日(火)に開催した『Ltech#14 「LIFULL HOME'S」のフロントエンドについて語り尽くします!』についてレポートします。 事前に共有させていただいていたウェビナーのURLに誤りがあり入室できないというトラブルもありましたが、参加者の方の温かいフォローもあり、最終的には120名を超える方にご参加いただき会は

Adobe Premiere Pro エクステンションによるレシピ動画編集の効率化

はじめに DELISH KITCHENでは日々多くのレシピ動画を公開していますが、その動画は全てAdobe Premiere Pro(以下 Premiere Pro)を使用して編集しています。 今回はPremiere Proのエクステンションを作成して動画の編集効率を向上させた話をご紹介します。 これまで発生していた問題 レシピ動画にどのような材料を使っているか、どのような工程があるかは全てダッシュボード(データ管

LIFULL HOME'S 引越し手続きを支えるNuxt.js

プロダクトエンジニアリング部の佐藤です。 今回はLIFULLの開発において実際に使われている技術スタックの一例としてLIFULL HOME’S 引越し手続きを紹介いたします。 LIFULL HOME'S 引越し手続きとは Nuxt.js TypeScript Context Nuxt Community 認証 Nuxt 3に向けて まとめ LIFULL HOME'S 引越し手続きとは 住み替えの際、各事業者(電気・ガス・水道)の住所変更手続きを一括で申請できるサービス

フロントエンドの爆速な開発サーバを実現する Vite がバージョン2.0になったので変更点を眺めてみる

こんにちは、スマートキャンプで BALES CLOUD を開発している中川です! 昨年の 9 月に Vue.js のメジャーバージョンが 3 になりかれこれ半年ほど経ちますが、みなさんのプロジェクトでは移行が進んでいますか? 私が普段開発している前述のプロダクトにも Vue.js の 2.x 系を採用しているのですが、利用している UI ライブラリが Vue3 に対応するのを待っている関係でまだ移行
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?