Next.js + SvelteによるnoteのフロントエンドApp分割｜note株式会社
※ この記事は2021年6月21日に行われた「進化するフロントエンド2021 − 4プロダクトから学ぶSPA/PWAの技術と実践−」の登壇を文字起こししたものになります noteのフロントエンドの歴史 ではまず自己紹介をさせていただきます。フロントエンドエンジニアの山形と申します。よろしくお願いします。 去年の3月に入社したので、noteには1年3ヶ月くらいいます。趣味でコーヒーの焙煎とかやっています。 今回はnoteが抱えているフロントエンドの課題をどう解決していったのかを話していきたいと思います。 最初にnoteが今までどうやって実装されていたのか、その歴史を説明していきます。 初期のnoteはRuby on Railsのアセット上に構築されたSPAサイトで、フロントはAngularJSとCoffeeScriptで書かれていました。 この構成はかなりの問題を含んでいました。 1つ目はS
【個人開発】フローチャートで診断を作れるWebサービスをリリースしました【全コード公開】 - Qiita
こんにちわ。れとるときゃりー(@retoruto_carry)と申します。 2年ほど前からwebを勉強しはじめて、ひとりでwebサービスをたくさん作っている大学4年生です。 また新しいWebサービスを作りました なにを作ったの？ 診断チャートメーカー あなたにおすすめのお菓子を診断します | 診断チャートメーカー フローチャートで診断を作れるWebサービスです。 選択形式の診断を簡単に作成できます。 新しいサービスを作りました🎉🎉 選択形式の診断を簡単に作成できます！ フローチャートで簡単に編集できます いろんな診断などを作って遊んでみてね！ 拡散していただけると嬉しいです！https://t.co/SFmJP7YQwE pic.twitter.com/S4dCIrwqqg — れとるときゃりー@TwiCall(ツイッター通話アプリ)作った (@retoruto_carry) June
東京都 新型コロナウイルス感染症対策サイトで使われている技術 - Qiita
日本国内における新型コロナウイルスの感染拡大にともない、東京都が新型コロナウイルス感染症対策サイトを公開しています。 ここでは、このウェブサイトで使われている技術について見ていきます。 GitHub このウェブサイトのソースコードは、GitHub上で公開されています（！） GitHubは、言わずと知れたソースコードホスティングサービスです（設計図共有サイトではありません）。1 イシューやプルリクエストも受け付けており、既に多くの人がコントリビューターとなっています。2 GitHub Actions GitHub Actionsは、GitHubが提供しているCI/CDツールです。 このプロジェクトでは、ビルドやデプロイ、ソースコードの構文チェックなどがGitHub Actionsでおこなわれています。3 Renovate ライブラリの更新は、Renovateによって自動化されています。4 N
今からVue.jsを始める人のための「知るのを後回しにしてよい」n個のこと - Qiita
＊この記事は2020年3月頭に書かれている記事です どうも、Vueはいいぞおねーさん(自称)です。 Vue.jsは私に言わせるととてもよいフロントエンドフレームワークであり、その理由の一つにプログレッシブフレームワークである(段階的に利用する機能を増やしていくスタイルにマッチしている)ものとして、フロントエンド初学者の皆さんにもおすすめしたい代物です。 しかし、現在までに様々なプラクティスが考案されたがゆえに、「最初からベストな方法で始めたい」という思いから一度にたくさんのことに挑戦してしまいたくなりがちです。 そしてそれはプログレッシブという思想に反するもので、結果として挫折を生んでしまっているのではないかと思いました。 そこで今回は「知るのを後回ししてよいこと」として、Vue.jsへの入門する方へのアドバイスを独断と偏見で不要度という指標でまとめてみました。 不要度というネガティブな指
TypeScriptでNuxtアプリケーションを作成する際の覚書 | Studio Andy
この記事はCAMPHOR- Advent Calendar 2018 11日目の記事です。 このたびブログを新調しました。Nuxt + TypeScriptで作成したSingle Page ApplicationをGAEにホストして、Server Side Renderingも行っています。 ブログ移行の経緯や実装時のあれやこれやはまた明日別の記事でお話ししますが、その前段として本日はNuxt + TypeScriptのアプリケーションを作る時に自分がやったことを備忘録的に記録したいと思います。 また本記事で紹介しているソースコードはGitHubに公開しています↓↓ Embedded content: https://github.com/andoshin11/nuxt-typescript-example TypeScriptとは TypeScriptとはMicrosoftの主導で開発さ
Nuxt.js で TypeScript を使って一通り試したら色々ハマった件 - Qiita
$ npm -v 6.13.2 $ node -v v12.13.1 $ yarn -v 1.21.0 $ create-nuxt-app -v create-nuxt-app/2.12.0 darwin-x64 node-v12.13.1 $ create-nuxt-app tutorial create-nuxt-app v2.12.0 ✨ Generating Nuxt.js project in tutorial ? Project name tutorial ? Project description My super-duper Nuxt.js project ? Author name chibi929 ? Choose the package manager Yarn ? Choose UI framework Buefy ? Choose custom server fr
Nuxt.js TypeScript - 実践TypeScript アップデート - - Qiita
今年6月に、実践TypeScript という書籍で、Nuxt.js に TypeScript を導入する方法を執筆させて頂きました。「書籍で扱っている Nuxt.js のバージョンが少し古いけど、今現在はどうするのが良いの？」という読者の方から寄せられた疑問に、アップデートとして私的見解をここにまとめました。（といっても、すでに日本語の良記事で紹介されている内容と変わりなく、n番煎じですmm） typescript.nuxtjs.org 少し日が経ちましたが、Nuxt.js の 公式TypeScript導入ガイド が公開されています。このガイドは、最新の Nuxt 2.10 以降向けとして書かれています。更新が目的であれば、Migration from Nuxt 2.8 を必ず確認するようにしましょう。 custom server framework で異なる型定義 基本的に 公式Type
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://tamanyan.me/posts/nuxt-ts-netlify/
https://tamanyan.me/typescript-nuxtjs-firebase/
Nuxt+TypeScriptの事始め #nuxtmeetup / Nuxt and TypeScript - Speaker Deck
Nuxt.js + TypeScript = Great!