ニシカワヒロキ
自分の備忘録としてまとめています。
Nuxt.jsを勉強してnoteにちょくちょくあげていましたが、この度初めて実案件に取り入れてみました！ 但し、レンタルサーバーでの公開だったので、自分の環境でrun generateしてサーバーにアップするというNuxt.jsの良さが（おそらく）半減の状況でしたが、「まずは実案件で開発して善し悪しを考えよう！」というまずやってみる精神でNuxt.jsで制作を進めてみました！ その中で、各ページのタイトルやディスクリプションやOGPの設定、Webフォントの設定、URLのサ
元々採用ブランディング事業をしていた関係で、もうすぐ繁忙期に入るので、どうやって連携をとってスムーズに進めようか考えている今日この頃です。 トゥモローゲート（以下：TG）の制作はウォータフォール式で進めています。（過去のnoteにも書いてます。） で、この記事でも言っていた通り、コーダーからするとカオスな状態でそんな状態が繁忙期で起これば何が起きるかと言うと、 コーダー（主に俺）が静かにキレる。 ということが起こります。（誤解が無いように言うと以前よりは改善されていま
モダンな制作環境を構築したくて始めたNuxt.jsとWordPressの連携。今回はその２となります。 WordPressでREST APIを書いて、API作成へのハードルは下がりました。（とてつもなく難しいことだと思ってました。API作れる人、全員神！ぐらいまで思ってました。笑） 以下が前回、WordPressでREST APIの設定を中心に書いたnoteです。 今回はフロント側の話で、Nuxt.jsで出力する話になります。 REST APIから出力するにはNuxt
※今回はコーポレートサイトでのワイヤーの役割を記事にしてます。 今回のnoteでは、制作フロー部といって制作フローの改善や制作に関わるさまざまな意識改革をしていくチームがあります。 そのチームの中で改善してきたことや改善していこうとしている内容を伝えていきます。 Web制作には色んな工程があります。 クライアントのヒアリング、ヒアリングをもとに要件定義、Webの構成を考えたり、ワイヤーを作ったり、デザインを考えたり、コーディングしたりと様々です。 ヒアリングや進行管理は
今回はJavaScriptのフレームワークであるNuxt.jsとCMS(コンテンツマネージメントシステム)であるWordPressが連携できると聞いて、「これはモダンな環境開発ができる！」と安易な目的に胸を踊らせ連携してやろうと思い、奮い立ちました。 シリーズとして、全４回の更新を予定しています。挫折したら挫折したという事実をアップします。 出来るだけ挫折しないように要領良く習得してみせます！ Nuxt.js + WordPressの連携とは？ 連携とはどういうことかと言
1年ぶりの更新…。 自分自身反省してます。 今年はしっかり更新しよう！ と言うことで、トゥモローゲートのフロントエンドとして何をしているかどんなポジションなのかを紹介していこうと思います！ そもそも自己紹介もせずに記事書くのもおかしな話だったので、そこも反省です...。 そもそもトゥモローゲートとは？ 企業ブランディングや採用ブランディングを行なっています。 企業ブランディングでは理念の構築や社員への理念浸透による、クライアントの価値を高める仕事をしています。 採用ブラン
前回下記の記事で、テスト的に関西人事交流会のサイトにNuxt.jsを導入してみました。 今回はこの記事の続きで、headタグ内の設定をしていこうと思います。 下記は設定したheadタグ内のmetaデータとOGPタグです。 nuxt.config.js export default{ // 〜省略〜 head: { meta: [ { charset: 'utf-8' }, { name: 'view
初めまして。この記事からnoteの投稿をしていく、トゥモローゲート株式会社でフロントエンドエンジニアをしている西川と申します。 技術選定の幅を広げるため、技術導入する話やエンジニアが思ってること考えていることを投稿していこうと思います。 0.はじめに今回は、サイトの高速化を目指して、サーバーサイドレンダリング(SSR)の実装をするため、JavaScriptフレームワークのNuxt.jsをテスト的に導入しました。 Nuxt.jsを導入してみましたが、サーバーの関係でSSR
