{"componentChunkName":"component---src-templates-writer-js","path":"/writers/Masahiro+Harada/page-2","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"title":"React.lazy + Suspense + React Routerでルート単位のコード分割","date":"2019.12.31","slug":"react-code-splitting","author":"Masahiro Harada","eyeCatch":"https://hypertext-candy.s3-ap-northeast-1.amazonaws.com/posts/react-code-splitting/eye-catch.jpg","tags":["React"]}}},{"node":{"frontmatter":{"title":"関数型Reactコンポーネントでレンダリングと副作用Hookが実行されるタイミング","date":"2019.12.31","slug":"when-hook-is-called","author":"Masahiro Harada","eyeCatch":"https://hypertext-candy.s3-ap-northeast-1.amazonaws.com/posts/when-hook-is-called/eye-catch.jpg","tags":["React"]}}},{"node":{"frontmatter":{"title":"HookとRedux ToolkitでReact Reduxに入門する","date":"2019.11.04","slug":"learn-react-redux-with-hooks-and-redux-starter-kit","author":"Masahiro Harada","eyeCatch":"https://hypertext-candy.s3-ap-northeast-1.amazonaws.com/posts/learn-react-redux-with-hooks-and-redux-starter-kit/eye-catch.jpg","tags":["React","Redux"]}}},{"node":{"frontmatter":{"title":"Hookにも対応！Vue.jsエンジニアのためのReact Router v5入門","date":"2019.10.20","slug":"react-router-for-vuejs-developer","author":"Masahiro Harada","eyeCatch":"https://hypertext-candy.s3-ap-northeast-1.amazonaws.com/posts/react-router-for-vuejs-developer/eye-catch.jpg","tags":["React","Vue.js"]}}},{"node":{"frontmatter":{"title":"JavaScript中級編！？カスタムイベントを使おう","date":"2019.10.14","slug":"javascript-custom-events","author":"Masahiro Harada","eyeCatch":"https://hypertext-candy.s3-ap-northeast-1.amazonaws.com/posts/javascript-custom-events/eye-catch.jpg","tags":["JavaScript"]}}},{"node":{"frontmatter":{"title":"Visual Studio Code拡張機能 14選","date":"2019.10.13","slug":"visual-studio-code-extensions","author":"Masahiro Harada","eyeCatch":"https://hypertext-candy.s3-ap-northeast-1.amazonaws.com/posts/visual-studio-code-extensions/eye-catch.jpg","tags":["VS Code"]}}},{"node":{"frontmatter":{"title":"Vue.jsエンジニアのためのReact入門","date":"2019.09.17","slug":"react-for-vuejs-developers","author":"Masahiro Harada","eyeCatch":"https://hypertext-candy.s3-ap-northeast-1.amazonaws.com/posts/react-for-vuejs-developers/eye-catch.jpg","tags":["React","Vue.js"]}}},{"node":{"frontmatter":{"title":"タブやモーダルなど、よく見かけるフロントエンドUIコンポーネントの紹介と実装サンプル集","date":"2019.07.21","slug":"frontend-ui-components-and-coding-samples","author":"Masahiro Harada","eyeCatch":"https://cdn.hypertextcandy.com/posts/frontend-ui-components-and-coding-samples/eye-catch.jpg","tags":["JavaScript","CSS","HTML"]}}},{"node":{"frontmatter":{"title":"CSSコーディングレシピ集（フォーム編）","date":"2019.07.21","slug":"css-coding-recipes-form","author":"Masahiro Harada","eyeCatch":"https://cdn.hypertextcandy.com/posts/css-coding-recipes/eye-catch.jpg","tags":["CSS","HTML"]}}},{"node":{"frontmatter":{"title":"CSSコーディングレシピ集（コンポーネント編）","date":"2019.07.21","slug":"css-coding-recipes-components","author":"Masahiro Harada","eyeCatch":"https://cdn.hypertextcandy.com/posts/css-coding-recipes/eye-catch.jpg","tags":["CSS","HTML"]}}},{"node":{"frontmatter":{"title":"CSSコーディングレシピ集（レイアウト編）","date":"2019.07.21","slug":"css-coding-recipes-layout","author":"Masahiro Harada","eyeCatch":"https://cdn.hypertextcandy.com/posts/css-coding-recipes/eye-catch.jpg","tags":["CSS","HTML"]}}},{"node":{"frontmatter":{"title":"レガシーなJavaScript構成をWebpackでモジュール化するリファクタリング方法","date":"2019.03.10","slug":"modularize-javascript-codes-with-webpack","author":"Masahiro Harada","eyeCatch":"https://cdn.hypertextcandy.com/posts/modularize-javascript-codes-with-wabpack/eye-catch.jpg","tags":["JavaScript","Webpack"]}}},{"node":{"frontmatter":{"title":"Vue.js中級編！？「スコープ付きスロット」を理解しよう","date":"2019.03.01","slug":"vuejs-scoped-slots","author":"Masahiro Harada","eyeCatch":"https://cdn.hypertextcandy.com/posts/vuejs-scoped-slots/eye-catch.jpg","tags":["Vue.js"]}}},{"node":{"frontmatter":{"title":"若手が辞める理由には2つのスイッチがあるという仮説とその対策について","date":"2019.02.17","slug":"why-younger-employees-quit-and-its-solution","author":"Masahiro Harada","eyeCatch":"https://cdn.hypertextcandy.com/posts/why-younger-employees-quit-and-its-solution/eye-catch.jpg","tags":["人材育成"]}}},{"node":{"frontmatter":{"title":"GulpでフルスタックJS開発環境構築！サーバサイドNode + Babel／フロントエンドReact + Sass","date":"2019.02.17","slug":"node-babel-react-sass-development-with-gulp","author":"Masahiro Harada","eyeCatch":"https://cdn.hypertextcandy.com/posts/node-babel-react-sass-development-with-gulp/eye-catch.jpg","tags":["Node.js","React","Gulp"]}}},{"node":{"frontmatter":{"title":"Node.js（Express.js）アプリで AWS S3 からファイルをダウンロードする実装例","date":"2019.02.17","slug":"download-file-from-aws-s3-in-express-app","author":"Masahiro Harada","eyeCatch":"https://cdn.hypertextcandy.com/posts/download-file-from-aws-s3-in-express-app/eye-catch.jpg","tags":["Node.js"]}}},{"node":{"frontmatter":{"title":"Vue 2.6 で追加された新しい機能とシンタックス","date":"2019.02.11","slug":"whats-new-in-vue-2-6","author":"Masahiro Harada","eyeCatch":"https://cdn.hypertextcandy.com/posts/whats-new-in-vue-2-6/top.jpg","tags":["Vue.js"]}}},{"node":{"frontmatter":{"title":"Google Play StoreでPWAを配信できるらしい","date":"2019.02.03","slug":"pwa-on-google-play-store","author":"Masahiro Harada","eyeCatch":"https://cdn.hypertextcandy.com/posts/pwa-on-google-play-store/eye-catch.jpg","tags":["PWA","Android"]}}}]},"site":{"siteMetadata":{"url":"https://www.hypertextcandy.com","title":"Hypertext Candy","description":"Hypertext CandyはJavaScript、Vue.js、LaravelなどフロントエンドからサーバサイドまでWeb開発にまつわる記事を発信するブログメディアです。","adsenseClientId":"ca-pub-3279823241436813"}}},"pageContext":{"totalPages":7,"currentPage":2,"public":[true],"skip":18,"limit":18,"author":"Masahiro Harada"}},"staticQueryHashes":["256249292","2583738849"]}