こんにちは、柴田（@shibe97）です。 突然ですが本日、microCMSブログのソースコードをオープンソース化いたしました！ リポジトリはこちら。 https://github.com/microcmsio/microcms-blog 経緯microCMSを利用したJamstack構成のWebサイトはここ1年でだいぶ広まりつつあります。 しかし、Jamstack構成のサイトは一覧画面 / 詳細画面を作成するのは非常に簡単ですが、そこから先を実装しようとすると途端に難易度が上がります。 ネット上にはまだまだ知見は少なく、実案件で投入できるほどの実力を持つエンジニアはそう多くはないという印象です。 そこで、実稼働しているmicroCMSブログのソースコードが参考になるのではということで、今回オープンソース化に踏み切りました。 microCMSブログはデータソースとしてmicroCMS、フロ

back check 事業部に業務委託でコミットしているフロントエンドエンジニアの potato4d です。 ROXX では、 v1.0 が出る前から、プロダクト、コーポレートサイト、ランディングページ、メディアなど、多くのシーンにて、 Nuxt.js が採用されています。 Nuxt.js は多くの人に愛される一方で、最近は Vue 3.0 の話もあり、多少評価が落ち着いてきた印象があります。 この記事では、十分に普及した今だからこそ、 Nuxt.js の本当の優位性と、どういったときに使うべきか。あるいは使うべきでないかを再度言語化できればと思います。 「SSRとルールだけ」という勘違い まずは Nuxt.js の採用についてです。多くの場合、「Vue か Nuxt か」という問いには、いかが判断基準として使われます。 SSR 今必要かどうか Nuxt.js の組み込みのルールをチームに

この記事では面倒なので名前に .js が付いているものは省きます。例えばNext.js は Next と表記します。 まず結論から日本ではVueはReactと二分する人気があるように観測されますが、世界的な数字で人気・シェアを見るとReactが圧倒的です。 シェアだけで見るとAngularとAngularJS（Angular系の1.x系）の合計値はVueよりも高いですが、「今後はもう採用したくない」と考える率が高く、Angular/AngularJSの人気が低下しているということは間違いありません。 ※追記: Angularのシェア、人気度に関しては、Angular及びAngularJS両方を含む数値であり、AngularJSとAngularは別物であるものが混ざってカウントされているため、Angularのシェア及び人気度はあやふやかもしれません。他の数値に関して信頼性を疑うべきかどうかは

2019.11.02 に FRONTEND CONFERENCE 2019 (#frontkansai) にて発表したスライドです。

Lessons by WebAssembly app in production on CDN Edge Computing Service

複業メディアサイトのソースコード公開しました ホーム   >  エンジニア向け複業・副業情報   > 複業メディアサイトのソースコード公開しました 2019年10月16日(水) 23:12 更新：2020年02月17日(月) 23:27 はじめに 当サイトはNuxtを使って開発しています。 元々このサイトのソースコードはGitHubで公開しようと思っていましたが中々公開まで踏み出せず、、これだといつまでたってもクローズドになってしまうと思いこのタイミングで公開する事にしました！ 正直誰も参考にはならないコードだと思いながらも、、、少しでも誰かの役に立てばと思います。 複業メディアサイトのフロントエンドソースコード → https://github.com/hikarut/Fukugyou 当サイトの構成について フロントエンドとバックエンドの構成については以前まとめたので是非こちらをご参考

Nuxt,Netlify,Contentful,Python,Firebase,Herokuを使った無料でサーバレスな複業メディアサイトを作った話PythonHerokuFirebase個人開発Nuxt 何を作ったか エンジニア向けの複業(副業)メディアサイトを作りました。 複業(副業)関連のニュースを毎日自動で更新して配信してます。 https://fukugyou.dev/ 自分自身2年ほどエンジニアとして複業をしていて、今後もっと複業(副業)をする、興味を持つエンジニアは増えると思いますし、個人的にはもっと複業の良さを知ってほしいという思いがあります。 もちろん複業にはメリットデメリット、色々な意見があると思っていますが、そこも含めて世の中の複業にまつわるニュースを集約してフラットに情報提供出来る場があると良いなと思い当サイトを作りました。 個人で開発を進めておりましたがフロントエン

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

2019/6/1 初夏のJavaScript祭りで使用したスライドです。 Atomic Designの考え方をNuxt.jsのコンポーネント分割に取り入れてサービス開発してみました。フロントエンドエンジニア、デザイナー両面からの視点でやってみて良かったことやハマりどころをご紹介します。

エンジニアの井上です！ 今回は私が最近気になっていたAuth0とNuxt を使って簡単な認証機能を作っていきたいと思います。 認証をどのように実装するかは皆さん結構悩まれているかなと思います。 Auth0は様々な既存プロバイダと自由に連係可能かつマルチデバイス対応、多要素認証に対応しているなどのメリットがあり、かつ導入がとても簡単そうなので個人的に注目しています！ Auth0とは Nuxtとは Auth moduleとは Nuxt middlewareとは 実際にAuth0で認証作ってみる Nuxt でプロジェクト作成 Auth Moduleを追加する Auth0を設定する 認証ページを作成する ログインしてみる middlewareを使用してログインチェックする 終わりに Auth0とは Auth0 は認証基盤サービス (IDMaaS) です。マルチデバイス対応しOpenID Conne

「Nuxt.jsで中規模サービスを統合した話」 InsideFrontend 2019のA-3で発表した内容です。Read less

メリット 学習コストが低い WordPressはエンジニアでなくても比較的学習をはじめやすく、習得しやすいのが大きなメリットだと思っています。 学習すれば簡単なWebサイトであればある程度開発できてしまうので、そこから複業(副業)等でエンジニアとしての仕事をすることは十分可能です。 色々な機能を実装しやすい WordPressは昔からある技術で世界的にも使われているので デザイン面、機能面で幅広い実装が可能です。 テーマも無料から有料まで非常に多くありますし、 予約機能だったり EC機能などもプラグインを使って開発できるので 多様なニーズに応じた開発ができます。 デメリット 初期コストがかかる 正直デメリットというほどではりませんが、あとで比較するNuxt.jsを使った場合と比べるとお金がかかってしまう所は相対的にデメリットであると思います。 コストというのは具体的にはサーバ代のことで、W

エンジニアとして複業するならWordPressとNuxt.jsどっちを学ぶのが良いのか？ ホーム   >  エンジニア向け複業・副業情報   > エンジニアとして複業するならWordPressとNuxt.jsどっちを学ぶのが良いのか？ 2019年05月13日(月) 22:55 更新：2020年01月29日(水) 11:17 最近スキルアップでWordPressを学ぶ件について色々と議論されております。 勝又健太@テック系YouTuber@poly_soft 12万円のプログラミング情報商材が炎上してWordPressがもらい事故 色々な意見が言われていますが、それぞれで見る視点が違うのでどれも正しいと思っています。 そんな中自分は複業としてWordPressでサイト制作をした事もありますし、当サイトもNuxt.js使って作っておりますので、 エンジニアとして複業するならWordPressと

Nuxt+Netlify+Vuetify+Contentfulでエンジニア向け複業メディアサイト作りました ホーム   >  エンジニア向け複業・副業情報   > Nuxt+Netlify+Vuetify+Contentfulでエンジニア向け複業メディアサイト作りました 2019年05月06日(月) 09:28 更新：2020年02月13日(木) 23:32 私がエンジニアとして複業を始めてから2年ほど経ちましたが、複業を始められた事が自分の中で非常に良い経験となったので もっと多くの方に複業の良さを知ってほしいと思い、当サイト(https://fukugyou.dev)を作りました。 このサイトでは複業(副業)に関する情報をポータル的にまとめて提供したり、私自身の経験や考え等も発信しながら 複業について様々な情報を提供していければと思います。 このようなメディアサイトを始めるにはWord

ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse（Google ChromeのデベロッパーツールのAuditsタブ）というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ

Vue使うなら最初からNuxt.js使えよ、という条件反射みたいな風潮にちょっと反論してみる。 ※2020/7/6 追記 NuxtJSが必要な状況になって使ったときの感想などはこちら uyamazak.hatenablog.com ※2018/9/4 追記 1にviewsフォルダ等について追記 またこの記事はNuxtにしようかなと思っていたところでVue CLI3を使って感動し、今も使っていないのでその持論でもあります。 Vue-CLI3に関するVue開発者Evan Youの記事の和訳がきました jp.vuejs.org ※2019/2/19 追記 SSRのところにOGPについて追記 ※追記ここまで 概論 まずVue CLI 3で始めた方がいい。 最初から大人数で大きなアプリを作るつもりだったり、SSRが必要だったらNuxtでいいかも。 私がNuxtを使わない理由３つ 1. Vue CLI

スライド内のURL ・About ALIS：https://alismedia.jp/ja/ ・【ALISのシステム】サーバサイドアーキテクチャ:その1 〜ALIS サーバサイド構成〜：https://alis.to/AB2/articles/KBXeJ1VgwzNB ・Atomic …

レガシーシステムの大規模リプレイスで分かった「Vue.jsでSPAならNuxt.jsが有力」 10年以上前に作られたレガシーシステムをVue.jsで大規模リプレイスしたエムスリーに、導入して感じたVue.jsのメリットや、活用法を伺いました。 JavaScript（JS）のフレームワークは、何を使うのがベストなのでしょうか。ここ3年ほどで数々のJSフレームワークが誕生していますが、React、Angularという二大巨塔を超えるものはなかなか現れていません。 そんな状況の中、GitHubではReactを上回るスター数を誇っている1のが、2014年のリリース後、着実に進化を重ね、日本でも採用事例が増えてきているVue.jsです。「JavaScript ベスト・オブ・ザ・イヤー」に2016年、2017年と2年連続で選ばれているほか、Ruby on Rails（Rails）やLaravel とい

@potato4d の名前で活動 フリーランスのWebエンジニア Vue.js jp Docs core maintenance member Vue.js Japan UserGroup スタッフ nuxt/docs en & ja contributor Nuxt tech book 著者