タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
東京都の新型コロナ対策サイトはなぜNuxtJSだったのか？ ─ シビックテックのベストプラクティス｜ハイクラス転職・求人情報サイト AMBI（アンビ）
文科系の学部に在籍しながらシビックテックに興味を持ち、関治之氏の「右腕インターン」として1年ほど関わる。その後いくつかのシビックテック活動やインターンシップを経て、株式会社almaの創業に参画。プロダクト開発をリードするかたわら、共同設立したCode for Youthなどでも活動する。学習院大学4年。 なぜNuxtJSだったのか？ あるいはjQueryでなかったか？ 偶然に決まったNetlifyは開発にとても役立った 後でコンポーネントを変更改善できるよう小さく作る ベストエフォートでの開発体制 リリース直後から届いたエンジニアの反響 シビックテック活動のベストプラクティス なぜNuxtJSだったのか？ あるいはjQueryでなかったか？ ── まず最初に、今回の技術的なバックグラウンドから聞かせてください。一見すると行政が関係した仕事とは思えない現代的な技術選定のWebサービスですが、
Licences open source : entre guerre de clochers et radicalité
SREチームの長田です。 Advent Calendar Migration Track 22日目の記事です。 今回は弊社で運用しているLobiというサービスの、Webブラウザ版(Web版)をECSに移行したはなしです。 web.lobi.co なぜ移行したのか おなじみ、Amazon Linux1 EoL対応です。 すべてのアプリケーションをEC2から移行するプロジェクトの一環です。 移行前 LobiのWeb版はNuxtJSを使って実装されています *1。 各APIにリクエストし、サーバーサイドレンダリング(SSR)した結果を、Webブラウザに返しています。 NuxtJSアプリは他のアプリケーションも同居するEC2インスタンスで実行していました。 移行前の構成 (実際にはクライアントで動的にコンテンツを更新するためのAPIリクエストも発生しますが、今回の話題には関わってこないので省略して
Nuxtjs/Railsを勉強中の人へ送る、SPA構成のID/PW認証付きサンプルをGithubに公開 - Qiita
Nuxtjs/Railsを勉強中の人へ送る、SPA構成のID/PW認証付きサンプルをGithubに公開RubyJavaScriptRailsTypeScriptNuxt 概要 自分が Nuxtjs(Typescript + Vuetify + Jest) を理解するために、apiサーバーとしてRailsを作りNuxtjs + RailsのSPA構成のサンプルを作りました。せっかくなので、OSSで公開しNuxtjsの環境構築でハマっている人のためになればと思いこの記事を記載しました。 この内容は、勉強会でもLTした内容です。その時のSpeaker Deckはこちら です。ご興味がある方は御覧ください。 今後も時間が有るときにコミットしていきます。このOSSの方針としては、どのサービスで必ず使用するであろう機能を今後も追加していく予定です。 その一つとして認証機能はどんなサービスでも必要になっ
こんにちは ebi です。 前回の記事で NuxtJS と WordPress を組み合わせるようなサイト構成の検証を軽くやったんですが、あまり真面目なコーディングをやらず仕舞いでした。 WP REST API × NuxtJS で SSG するサイト作り 今回は NuxtJS 環境をベースでやる LP や Web サイトのコーディングに少しチャレンジしてみたいと思います。 Next.js も触りたかったんだけど、前回があまりにしょぼい内容しかやってなかったので次回以降にお預けと言うことで今回も NuxtJS です。 検証用のコーディング題材 って皆さん滅茶苦茶困りませんか？ デザインスキルとかまるでないし、かと言って既存サイトをそのまま真似するのもあれだし、と無駄なプライドを持って作業を進めたところでまともなコーディングにならなくて、CSS フレームワークの適当なパーツを組み合わせたとこ
正直、無料プランで十分です。 使い方 ツールはどうこう言う前に一回触ってみるのが大切なので早速触っていきます。 どんなもんか見たいという人はここからウェブサイト見れます(ウェブサイトもノーコードで作られてるっぽい) サインイン/サインアップ 下記のページからGoogleアカウント、GitHubアカウント、メールアドレスで登録することができます。 エクスポートとかがしたいのであればGitHubアカウントで登録しておくと後々楽です。 プロジェクト作成 サインアップが完了すると、このようなページに飛ばされます。 ここがダッシュボードでプロジェクトの管理や作成が可能です。 真ん中にある「Start Building」と書いてある黒いボタンを押してプロジェクトを作成します。 黒いボタンを押すと「1から作るか」「テンプレートを利用するか」を選ぶことが可能です。 今回は試しなのでなにか良さげなテンプレー
WP REST API × NuxtJS で SSG するサイト作り｜TechRacho by BPS株式会社
ebi です。定期ネタの WordPress 芸をやっていきます。 今回は一度やってみたかった WP REST API を利用したサイトに少し手出してみます。 React より Vue.js の方がまだ触ったことあるので NuxtJS を使ってみます。 また、 SSR だとホスティングするサーバをどうするかの問題が出てくるので SSG 前提のサイト構成にしてみようと思います。 そんなわけで実験がてらこう言う構成のサイト作りをやってみることにしました。 GitHub にコードも晒しておくので最終的なコードの細かい詳細見たい方は後で確認してください。 CMS として WordPress を採用している理由 正直自分自身にとって馴染みがある以外の理由は特にないです。 近年、 ContentFul や microCMS などのヘッドレスCMSが台頭してきているので、好みでそう言う CMS を選
frontendに「nuxtjs/apollo」、backendに「go+gqlgen」の組み合わせでGraphQLサービスを作る - Qiita
frontendに「nuxtjs/apollo」、backendに「go+gqlgen」の組み合わせでGraphQLサービスを作るGoGraphQLapolloNuxtgqlgen お題 簡易ToDoアプリ（と言っても、この記事上では単に「ToDoの新規登録」と「登録済みの全ToDoの表示」しか出来ない）を題材として、表題の組み合わせでGraphQL通信ロジックを書くとどんな感じになるかを確認してみる。 ※今回はRDBを使った永続化などはしないで、バックエンドからは固定値を返す。 前提 Nuxt.jsやGoについては、個人ないし会社での開発経験があり、フロント->サーバの接続は（例えば）Axiosなど使ってRESTでやってたけど、GraphQLに変えてみたいという人が対象。 ただ、「そもそもGraphQLとは？」とか「RESTと比べたメリット・デメリットは？」みたいなことは書かない。（既に
はじめに Nuxt（Vue）の Typescript 環境構築は、確立された手法が存在しません。 よって、いろんな人が、いろんなやり方で、環境を構築されています。 ここで紹介するのは、僕が色々な手法を試した中で、 一番楽で、一番使いやすいと感じた環境構築の手法です。 型推論が 100% 完璧ではなかったりしますが、完璧を目指すと大変です。 ある程度妥協して、まぁこんくらいなら十分かなと思えるような環境を構築します。 完璧を求める方は、他の方の手法をお試しください。 それでは、構築していきましょう。 追記：あまり頑張らないために重要なこと 2020年4月に、nuxtの環境構築コマンドcreate-nuxt-appが改良され、 Typescript環境を簡単に構築できるようになりました。 この記事の前半の内容は、このコマンドによって代替できますので、 こちらを利用することを推奨します。 cre
サーバーサイドレンダリング（SSR）が必要な理由まとめ！NextJS ・ NuxtJS導入を検討している方は必見です | Ragate ブログ
サーバーサイドレンダリング（SSR）が必要な理由まとめ！NextJS ・ NuxtJS導入を検討している方は必見です こんにちは！ 近年の Web アプリケーションの世界は急速に進化しつつあり、 これまでは単純な HTML の配信だったものが、 現在ではマルチメディアコンテンツでインタラクティブな体験が当たり前となってきました。 特に JavaScript フレームワークの開発や検索エンジンの最適化が急速に進むことになり、よりユーザーにとって Web の世界が親しみやすいものになったと考えます。 今回は JavaScript フレームワークによる各配信手法の説明や、 その中でもサーバーサイドレンダリング（以下：SSR）というものが必要な理由について解説したいと思います！ はじめに JS フレームワークを用いて開発したことがある人ならクライアントサイドレンダリング（CSR）やサーバーサイドレ
アドベントカレンダー１日目：NuxtJS で検索フォーム画面を作りながら学ぶ「GET クエリとの付き合い方」 - 虎の穴開発室ブログ
この記事は、 虎の穴ラボ Advent Calendar 2020の 1 日目の記事です。 qiita.com もうすぐ年末ですね。年の瀬を如何お過ごしでしょうか？ 気が付けば今年の思い出はほとんど自宅のおっくんです。 今回は NuxtJS で作る検索フォームを題材に、NuxtJS の環境設定から、GET クエリを利用した実装までを紹介したいと思います。 実行環境 OS:macOS Catalina 10.15.5 Chrome 85.0.4183.121 Node.js: v14.15.1(nodenv による導入) NuxtJS: 2.14.6 構成 初めに今回作成する検索フォーム画面の全体の構成を紹介します。 クライアントからアクセスする先は NuxtJS の loalhost:3001 になります。 API へのアクセスは、二通りあります。 NuxtJS[localhost:300
東京都の新型コロナ対策サイトはなぜNuxtJSだったのか？ ─ シビックテックのベストプラクティス - エンジニアHub｜Webエンジニアのキャリアを考える！
東京都の新型コロナ対策サイトはなぜNuxtJSだったのか？ ─ シビックテックのベストプラクティス 東京都が3月初旬に公開した新型コロナウィルス感染症対策サイトは、モダンなWeb技術を使いオープンソースの手法で開発されました。シビックテックの活動から生まれたベストプラクティスについて、開発者のお2人に聞きました。 東京都が2020年3月3日深夜に公開した新型コロナウイルス感染症対策サイトは、都内の感染動向が見やすく整理されているだけでなく、NuxtJSベースのSSR（Server Side Rendering）で静的ホスティングにNetlifyを採用したサーバレスなSPA（Single Page Application）というモダンな技術選定がWebエンジニアの間で注目を集めました。 ソースコードはGitHub、UIデザインをFigmaで管理しているため、社会的な問題の解決に協力したいエン
CloudWatch RUM を使って NuxtJS アプリのクライアント側のエラーをモニタリングしてみた | DevelopersIO
はじめに プロフィールビューアーサービス Proflly（プロフリー）の運用にて、エラーが発生している原因を調査することがあります。その際に再現性があるエラーの場合は、原因を突き止めやすいのですが、再現性がないエラーの場合、調査して原因を突き止めるのが難しい場合があります。 そういった場合に、クライアント側のエラー(Javascript のエラーなど)をモニタリングできると、エラー時の挙動がより調査しやすくなるので、CloudWatch RUM を実際に触って試してみました。 やってみること CloudWatch RUM にアプリケーションモニターを作成 NuxtJS アプリ(Single Page Application)に Amazon CloudWatch RUM Web Client を組み込む NuxtJS アプリでエラー（例外）を発生させる エラー内容をアプリケーションモニター
TypeScript を採用している Nuxt.js プロジェクトで @nuxtjs/storybook を導入してハマったポイント - odan blog
TypeScript を採用している Nuxt.js プロジェクトで @nuxtjs/storybook を導入してハマったポイント 追記: 2020-11-20 v3.2.0 のリリースでこの問題は解決されました。 @nuxtjs/storybook とは Storybookを簡単に使うための Nuxt.js のモジュールです。 従来は nuxt.config.js とは別に、Storybook 用の webpack.config.js を別でメンテする必要がありましたが、このモジュールが nuxt.config.js から Storybook 用の webpack.config.js を生成してくれるので、不要になりました。 yarn nuxt storybook build がエラーで失敗する このモジュールがリリースされて、真っ先にこのブログに導入しました。しかしドキュメントの通り
authモジュールはNuxt.jsで利用できる認証モジュール authを使うことによって非常に簡単にログイン・ログアウト等の機能を実装できる Auth moduleはVuexを使用して、ユーザの認証情報を管理しま セットアップ 以下実施 authおよびaxiosモジュールを追加する 認証ミドルウェアをセットアップする ローカルスキームを構成する オプションをカスタマイズする https://auth.nuxtjs.org/schemes/cookie $authサービスを利用する authおよびaxiosモジュールを追加 インストール
NuxtJSとTypeScriptとmicroCMSとNetlifyとAlgoliaで自社メディアサイトつくった - GAミント至上主義
2020/7/1に公開しました↓。いわゆるオウンドメディア的なもの。ここでは忘れないうちに技術的なことだけ書いておきます。 senior-job.co.jp 見た感じ普通のブログですが、裏側はタイトルどおり今どきな技術で攻められるだけ攻めきった感あります。 そのおかげで作るのも楽しく運用も楽、PageSpeed InsightsでPCだと100点！（調子がいいときに限る） 早いのでスマホでぜひ試してみてみて！ Google系のいろんなテスト結果 (2020/7/3頃) PageSpeed Insights (PC) AMP テスト 2020/7/17追記 モバイル優先で最適化した結果オールグリーン (90点以上)になりました！ Lighthouse (Mobile) Lighthouse (PC) 構造化データ 主な機能 NextJS 2.13でfull static exportしたもの
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NuxtJSの色々な共通化を試してみた話
NuxtJS製のWebサービスをECSに移行したはなし - KAYAC engineers' blog
![[速報] IAMのMFA(多要素認証)でPasskeyが利用できるようになりました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/001a85b3d2d1df2cc863e2347b85bfa4f9bf04e6/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2024%2F06%2FIMG_3975-1.jpg)
NuxtJS で構築する LP・サイトコーディング開発環境｜TechRacho by BPS株式会社
TeleportHQでノーコードウェブサイト開発してみた(NextJS・NuxtJS・Gatsbyにエクスポート)
NuxtJS + Vuexでいい感じのTypescript環境をあまり頑張らないで構築する - Qiita
【ログイン機能】nuxtjs/auth-nextメモ
blog.kobephotomic.work
tomo-0402.hatenablog.com
otonagai-life.com
chikuwanwan1106.hatenablog.com
www.tokyo-np.co.jp
www.sankei.com