ニシカワヒロキ

大阪にある「ブラックな企業」のトゥモローゲート株式会社のフロントエンドエンジニアです。…

ニシカワヒロキ

大阪にある「ブラックな企業」のトゥモローゲート株式会社のフロントエンドエンジニアです。オモシロイを形にして「きっかけ」を世の中に生み出すことをしています。サイトやSNSで情報を受け取ったユーザーが行動してもらうのがオモシロイと考えています。緩めに備忘録として更新していきます。

Nuxt.jsを実際の案件で使ったら初期設定が大事だった件

Nuxt.jsを勉強してnoteにちょくちょくあげていましたが、この度初めて実案件に取り入れてみました！ 但し、レンタルサーバーでの公開だったので、自分の環境でrun generat…

ニシカワヒロキ
ニシカワヒロキ
3年前
3

制作フロー部の改善日記〜コーディング目線でのお願い〜

元々採用ブランディング事業をしていた関係で、もうすぐ繁忙期に入るので、どうやって連携をとってスムーズに進めようか考えている今日この頃です。 トゥモローゲート（以…

ニシカワヒロキ
ニシカワヒロキ
3年前
3

Nuxt.js + WordPressの連携 その2

モダンな制作環境を構築したくて始めたNuxt.jsとWordPressの連携。今回はその２となります。 WordPressでREST APIを書いて、API作成へのハードルは下がりました。（とてつ…

ニシカワヒロキ
ニシカワヒロキ
3年前
4

制作フロー部の改善日記〜ワイヤー再定義〜

※今回はコーポレートサイトでのワイヤーの役割を記事にしてます。 今回のnoteでは、制作フロー部といって制作フローの改善や制作に関わるさまざまな意識改革をしていくチ…

ニシカワヒロキ
ニシカワヒロキ
3年前
1

Nuxt.js + WordPressの連携 その1

今回はJavaScriptのフレームワークであるNuxt.jsとCMS(コンテンツマネージメントシステム)であるWordPressが連携できると聞いて、「これはモダンな環境開発ができる！」と…

ニシカワヒロキ
ニシカワヒロキ
3年前
12

トゥモローゲートのフロントエンドを紹介します。

1年ぶりの更新…。 自分自身反省してます。 今年はしっかり更新しよう！ と言うことで、トゥモローゲートのフロントエンドとして何をしているかどんなポジションなのかを…

ニシカワヒロキ
ニシカワヒロキ
3年前
28

Nuxt.jsのmeta関連の設定をしてみた

前回下記の記事で、テスト的に関西人事交流会のサイトにNuxt.jsを導入してみました。 今回はこの記事の続きで、headタグ内の設定をしていこうと思います。 下記は設定し…

ニシカワヒロキ
ニシカワヒロキ
4年前
2

既存サイトをNuxt.jsに乗り換えてみた

初めまして。この記事からnoteの投稿をしていく、トゥモローゲート株式会社でフロントエンドエンジニアをしている西川と申します。 技術選定の幅を広げるため、技術導入す…

ニシカワヒロキ
ニシカワヒロキ
4年前
1
ニシカワヒロキ

ニシカワヒロキ

Nuxt.jsを実際の案件で使ったら初期設定が大事だった件

Nuxt.jsを実際の案件で使ったら初期設定が大事だった件

Nuxt.jsを勉強してnoteにちょくちょくあげていましたが、この度初めて実案件に取り入れてみました！

但し、レンタルサーバーでの公開だったので、自分の環境でrun generateしてサーバーにアップするというNuxt.jsの良さが（おそらく）半減の状況でしたが、「まずは実案件で開発して善し悪しを考えよう！」というまずやってみる精神でNuxt.jsで制作を進めてみました！

その中で、各ペー

もっとみる
ニシカワヒロキ

ニシカワヒロキ

制作フロー部の改善日記〜コーディング目線でのお願い〜

制作フロー部の改善日記〜コーディング目線でのお願い〜

元々採用ブランディング事業をしていた関係で、もうすぐ繁忙期に入るので、どうやって連携をとってスムーズに進めようか考えている今日この頃です。

トゥモローゲート（以下：TG）の制作はウォータフォール式で進めています。（過去のnoteにも書いてます。）

で、この記事でも言っていた通り、コーダーからするとカオスな状態でそんな状態が繁忙期で起これば何が起きるかと言うと、

コーダー（主に俺）が静かにキレ

もっとみる
ニシカワヒロキ

ニシカワヒロキ

Nuxt.js + WordPressの連携 その2

モダンな制作環境を構築したくて始めたNuxt.jsとWordPressの連携。今回はその２となります。

WordPressでREST APIを書いて、API作成へのハードルは下がりました。（とてつもなく難しいことだと思ってました。API作れる人、全員神！ぐらいまで思ってました。笑）

以下が前回、WordPressでREST APIの設定を中心に書いたnoteです。

今回はフロント側の話で、N

もっとみる
ニシカワヒロキ

ニシカワヒロキ

制作フロー部の改善日記〜ワイヤー再定義〜

制作フロー部の改善日記〜ワイヤー再定義〜

※今回はコーポレートサイトでのワイヤーの役割を記事にしてます。

今回のnoteでは、制作フロー部といって制作フローの改善や制作に関わるさまざまな意識改革をしていくチームがあります。
そのチームの中で改善してきたことや改善していこうとしている内容を伝えていきます。

Web制作には色んな工程があります。
クライアントのヒアリング、ヒアリングをもとに要件定義、Webの構成を考えたり、ワイヤーを作った

もっとみる
ニシカワヒロキ

ニシカワヒロキ

Nuxt.js + WordPressの連携 その1

Nuxt.js + WordPressの連携 その1

今回はJavaScriptのフレームワークであるNuxt.jsとCMS(コンテンツマネージメントシステム)であるWordPressが連携できると聞いて、「これはモダンな環境開発ができる！」と安易な目的に胸を踊らせ連携してやろうと思い、奮い立ちました。

シリーズとして、全４回の更新を予定しています。挫折したら挫折したという事実をアップします。
出来るだけ挫折しないように要領良く習得してみせます！

もっとみる
ニシカワヒロキ

ニシカワヒロキ

トゥモローゲートのフロントエンドを紹介します。

トゥモローゲートのフロントエンドを紹介します。

1年ぶりの更新…。
自分自身反省してます。
今年はしっかり更新しよう！

と言うことで、トゥモローゲートのフロントエンドとして何をしているかどんなポジションなのかを紹介していこうと思います！
そもそも自己紹介もせずに記事書くのもおかしな話だったので、そこも反省です...。

そもそもトゥモローゲートとは？
企業ブランディングや採用ブランディングを行なっています。
企業ブランディングでは理念の構築や

もっとみる
ニシカワヒロキ

ニシカワヒロキ

Nuxt.jsのmeta関連の設定をしてみた

Nuxt.jsのmeta関連の設定をしてみた

前回下記の記事で、テスト的に関西人事交流会のサイトにNuxt.jsを導入してみました。

今回はこの記事の続きで、headタグ内の設定をしていこうと思います。

下記は設定したheadタグ内のmetaデータとOGPタグです。

nuxt.config.js

export default{ // 〜省略〜 head: { meta: [ { char

もっとみる
ニシカワヒロキ

ニシカワヒロキ

既存サイトをNuxt.jsに乗り換えてみた

既存サイトをNuxt.jsに乗り換えてみた

初めまして。この記事からnoteの投稿をしていく、トゥモローゲート株式会社でフロントエンドエンジニアをしている西川と申します。

技術選定の幅を広げるため、技術導入する話やエンジニアが思ってること考えていることを投稿していこうと思います。

0.はじめに今回は、サイトの高速化を目指して、サーバーサイドレンダリング(SSR)の実装をするため、JavaScriptフレームワークのNuxt.jsをテスト

もっとみる