こんにちは！2022年11月にフロントエンドエンジニアとして株式会社ココナラに入社したばかりの、じーまです。 先日、フロントエンドチームでチーム強化合宿という名のオフサイトミーティング（日帰り）が開催され、新入社員の私も参加してきました。 ただ参加するだけではなく、今回は運営の一人として参加してきたので、企画の意図など運営の裏側についてレポートしていこうと思います。 オフサイトミーティングとは オフサイトミーティングとは、普段の職場や現場から離れた場所でミーティングを行うことです。 社内で行うミーティング

Hi, I’m Flo from KINTO Technologies! Today I would like to interview the winners of our first-ever Innovation Days! 🥳 Background Global KINTO Innovation Days was a hackathon-like event held between the 14th and 21st of December 2022, where 30 of our colle

この記事について 2022年12月からNuxt3を使い始めて3ヶ月くらいの感想。 Nuxt2と比較して開発体験がめっっっっっっっちゃ良くなった！開発スピードが２倍になりました。 Nuxt2/Vue1,2は5年くらい経験あり。 React.jsよりも使いやすいし、Nuxt3を会社内で広めたい。 （最近はSvelteも良いと思っている） Nuxt3を使ってNuxt2と比較したメリットなどを記載します。 TypeScriptネイティブ Nuxt2のときにTypeScriptを導入したときにTypeScriptサ

こんにちは。株式会社ペライチのフロントエンドエンジニアの荒瀬です。 2023 年 1 月末に弊社の新サービス、ペライチなんでもマーケットがリリースされました。 https://mkt.peraichi.com/ こちらのペライチなんでもマーケットは、新たな試みとして既存のペライチのアーキテクチャとは異なる構成でフロントエンドを開発しています。 Nuxt3 を採用したので、その過程や開発してみての所感などを簡単ではありますがフロントエンドを中心にまとめてみました。 構成 Nuxt3 Apollo Serve

こんにちは、フロントエンドチームの亀ノ上です。 最近は画像生成AIやテキスト生成AIなど、AIによる自動生成に関する話題をよく目にします。特にここ最近は ChatGPT の勢いが凄まじく、毎日のようにニュースを見かけるような気もしています。 今回はそんな ChatGPT でも使用されている 言語モデル である GPT-3 を用いて、 Nuxt3 で簡単なテキスト生成アプリを作成します。 Nuxt3について Nuxt3とは Nuxt3の機能 Nuxt3インストール インデックスページの設定をする フロントエ

こんにちは！ ラク ス１年目の koki _matsuraです。 今回は 掲示 板アプリ作成を通して、SvelteKitの基礎的な部分 をご紹介させていただきます。 目次は下記のようになっています。 はじめに Svelteとは SvelteKitとは 掲示板アプリ作成 アプリの概要 環境構築 SvelteKit データベース Prisma テーブル作成 ルーティング作成 新規登録画面 ログイン画面 スレッド投稿画面 スレッド一覧画面 スレッド詳細画面 ログアウト機能 エラー画面 終わりに はじめに Sve

当記事は みずほリサーチ&テクノロジーズ × G-gen エンジニアコラボレーション企画 で執筆されたものです。 はじめまして、みずほリサーチ&テクノロジーズの小野寺と申します。 みずほでは 2022 年 3 月に発表した Google との戦略的提携 の一環として Google Cloud の活用に取り組んでいます。 この記事では AWS のアーキテクトを経験してきた著者がはじめて Google Cloud で社内向けの静的 Web ページを配信するまでの経緯を記述しています。 Sing

■ はじめに こんにちは。株式会社ペライチ のフロントエンドエンジニア藤田です。 デザイナーやサーバーサイドのエンジニアと連携を取り、アプリケーション内におけるユーザーと関わる部分の機能開発や改善が普段の主な業務内容です。 現在開発に携わっているプロジェクトにおいて、CSS 周りの負債を返済する一環として実験的にデザインシステム的な概念を導入してみました。 すべて触れると長くなってしまうため、今回はそのきっかけと、簡単に導入部分のお話をできればと思います。 ■ ペライチにおける CSS 周りの課題 ペライ

本記事は 電通国際情報サービス Advent Calendar 2022 の8日目の記事です。 執筆者は X イノベーション 本部 AI トランスフォーメーションセンター所属の山田です。 この記事では先日（2022年11月中旬）に安定版がリリースされた Nuxt 3 について紹介します。 なお、執筆時点での私たちのチームでは、本番プロジェクトへの Nuxt 3 の導入には至っていません。 本記事は、あくまで技術調査をしながら簡単なアプリケーションを開発してみた内容をまとめたものになります。 本記事で紹介す

本記事は 電通国際情報サービス Advent Calendar 2022 の8日目の記事です。 執筆者は X イノベーション 本部 AI トランスフォーメーションセンター所属の山田です。 この記事では先日（2022年11月中旬）に安定版がリリースされた Nuxt 3 について紹介します。 なお、執筆時点での私たちのチームでは、本番プロジェクトへの Nuxt 3 の導入には至っていません。 本記事は、あくまで技術調査をしながら簡単なアプリケーションを開発してみた内容をまとめたものになります。 本記事で紹介す

株式会社M&AクラウドはVueFes Japan Online 2022のブロンズスポンサーです。 Vue Fes Japan は JavaScriptのUIライブラリであるVue.jsを扱った日本最大級のカンファレンスです。 2019年、2020年は災害や感染症リスクにより開催が延期されていましたが今年2022年10月16日（日）ついに開催となります。 vuefes.jp 弊社でもVue.jsを利用したフレームワークであるNuxt.jsを採用しております。 tech.macloud.jp また、Nuxt

はじめに こんにちは。 株式会社ペライチのソフトウェアエンジニアの松元です。 所属は予約チームで、主にサーバーサイドのエンジニアとして予約機能の機能追加や改修を日々行なっています。 この記事は予約機能のカバレッジを上げるために、約半年間取り組んできたことのまとめた記事になります。 どなたかの参考になれば幸いです。 前提 簡単に予約機能についての概要をまとめると、 バックエンドにRuby on Rails、フロントエンドにはNuxt.jsといった構成になっています。 リリースされたのは2019年12月でかれ

こんにちは、ブロックチェーンチームの id:d-kimsuon です Vue2 では TypeScript がサポートされており、公式の TypeScript のサポートのドキュメント に従うことで TypeScript で書いていくことができます しかし、素直に書いていくと any 型になってしまったり、実際とは異なる型付けになってしまうポイントがあります この記事では TypeScript で Vue2 (Option API) を書くときに型を厳格にしやすい書き方等を紹介します 省略可能な prop

はじめまして、株式会社Luup CTO の岡田(@7omich)です。 先日、ローンチより2周年を迎えた LUUP の技術的取り組み・ノウハウ等について継続的な発信をするべく、Zenn を利用して Developers Blog を開設することにしました。 最初の記事として、まずは本ブログの方向性や技術組織の現状について書きたいと思います。 LUUP について LUUP は、電動キックボードや電動アシスト自転車をはじめとする、電動・小型・一人乗りのマイクロモビリティを、iOS/Android アプリから解

こんにちは、ブロックチェーンチームの id:odan3240 です。 モバファクには 「シェアナレ！」という社内勉強会制度 があります。この制度の時間を使用してゴールデンウィーク(以下GW)中に個人が趣味開発で行ったことを共有する会を開催しました。 この会は以下の LINE Engineering Blog の記事に触発されたのがきっかけでした。 engineering.linecorp.com この記事ではGW自由研究発表会の様子を紹介します。 発表概要 発表した人は6名でその概要は次の通りです。 Co