Logo
svg

新刊書『Reactマスター Zero To Hero』リリース

Reactのほぼ全範囲をカバーしたビギナー向け教本をリリース

その他2024.2.22

svg

「これ一冊だけでOK!」という入門書が全然OKではない理由

私たちがつい分厚い入門書を選んでしまう理由と、その対策について紹介

その他2024.1.7

svg

【今すぐできる】JavaScriptがむずかしくてReact/Vueに進めない時の対処法

JavaScriptで詰まってしまった人に向けて、React/Vueを始める方法を紹介

ビギナー向け2023.12.27

svg

【0円・1分で完了】HTMLとCSSでつくったウェブサイトを無料で今すぐ公開する方法

0円、そして1分でウェブサイトを公開する方法を紹介

その他2023.12.26

svg

Next.jsだけでお問い合わせフォームを作る方法を解説

Next.jsをフロントエンドとバックエンドに使ってお問い合わせ機能を作ります。AppフォルダとPagesフォルダ、両方のコードを紹介

Next.js2023.12.23

svg

【実例で解説】「フロントエンド」と「バックエンド」の違いを実例を使って解説

ウェブの勉強をしていると、必ず出てくる「フロントエンド」「バックエンド」。それぞれが何をしているのか実例で紹介

その他2023.12.21

svg

ウェブサイトとウェブアプリの違い

 違いは一方通行と双方向にあります

その他2023.12.19

svg

【2分でわかる】APIとは?

わかりにくい『API』を、実例を使って解説します

その他2023.12.19

svg

英語はプログラミング学習に役立つ?

英語をマスターした後でプログラミングの勉強を始めた私の体験を紹介します。

その他2023.12.19

svg

Next.js Appフォルダでの変更点を20個、時短で紹介

Next.jsバージョン13でデフォルトになったAppフォルダの特徴や知っておくと便利なことを20個以上、時短で紹介します。

Next.js2023.12.12

svg

新書リリース。「Next.jsでつくるフルスタックアプリ 前編・後編」

最新のNext.js(Appフォルダ)を使ってフルスタックアプリを開発する新書を出版します

Next.js2023.11.28

svg

Next.js開発画面をモバイル端末や他のパソコンでも共有する方法

同じWiFiネットワークに接続している場合、開発画面を複数端末で簡単に共有できます

Next.js2023.06.08

svg

Next.js 13のコード変更点(パス取得/リダイレクト/リクエストbodyの解析など)

Next.jsバージョン12から13へのマイグレーション中に書き換えた変更点を紹介します。

Next.js2023.05.18

svg

Next.jsビギナー向け入門書(v13/Appフォルダ)最新版を発売

専門用語なし。2時間でストレスなく終えられる優しいNext.js入門書リリース

Next.js2023.05.12

svg

電子書籍を紙の本で読めるようになりました

電子書籍のペーパーバック版(紙の書籍)の発売を開始しました。サイズはA5、フルカラー印刷です。

その他2023.04.29

svg

Next.jsバージョン13の変更点を時短で解説

v13で導入されたappフォルダやgenerateStaticParams。要点だけを手短にまとめて紹介します。

Next.js2023.04.19

svg

GatsbyではなくNext.jsを選ぶ理由

GatsbyよりもNext.jsを選ぶようになった理由や、next/imageの使いにくさに関して思うところを書きます。

Next.js2022.12.23

svg

Next.jsビギナー向け入門書、最新版を発売

Next.jsとGatsbyの最新バージョンに準拠したビギナー向け入門書をリリースしました

Next.js2022.12.21

svg

create-react-app起動時のブラウザ自動オープンをオフにする方法

create-react-app起動時、ブラウザが勝手に開く機能をオフにする方法を紹介します。

その他2022.12.9

svg

エラーの見つけ方と対処方法

プログラミングの勉強中にエラーが発生した時の対処方法を紹介します。

その他2022.11.27

svg

Next.jsサーバーでCORS問題が起きる時の解決方法

Next.jsのサーバーとは異なるURLからリクエストをした時に起きるCORSを解決するコードを紹介します。

Next.js2022.11.14

svg

新書をリリースしました。「MERNスタックでつくるフルスタックアプリ 前編・後編」

MERNスタックを使ってメルカリのようなフリマアプリを開発する新書を出版しました

その他2022.08.06

svg

執筆作業の後に気をつけていること

本を書いた後の読み直し作業(校訂)で気をつけているポイントを紹介します。

その他2022.07.18

svg

新しい本をリリースしました

Node.js、Express、MongoDBを使ったアプリ開発を解説するビギナー向け教本を販売開始しました。

その他2022.04.07

svg

ウェブ制作の営業パートナーを募集しています

業務拡大につき、BtoB、中小企業、スタートアップ、ベンチャー向けのウェブサイト制作を営業してくれるパートナーを募集中です。

その他2022.02.19

svg

成功スタートアップ企業のウェブサイトの特徴

スタートアップやベンチャー企業のウェブサイトにWordPressは少なく、別の特徴があります。

Jamstack2022.02.10

svg

多摩地域の中小企業のホームページで発生している問題

多くのホームページに共通して発生している問題があります。対策と合わせて解説します。

ビギナー向け2022.01.19

svg

【誰でもできる】無料・15分でお問い合わせページを作る方法

費用0円、作業時間15分でお問い合わせページを作ります。パソコン苦手のビギナーでも簡単にできる方法です。

ビギナー向け2022.01.13

svg

NetlifyのBuildを消費しない方法

ローカル環境でBuildすることで、より速く、より安価にサイト運用ができます。

Gatsby2021.12.29

svg

【ビギナー向け】Jamstackサイトの簡単な作り方

GatsbyとContentfulを使って、CMS付きのJamstackサイトを作り方を紹介します。

Jamstack2021.12.27

svg

Next.jsにページネーションをNPMパッケージなしで追加する方法

NPMパッケージは使わずにNext.jsにページネーションを追加します。

Next.js2021.12.25

svg

Next.jsのブログに前後記事へのリンクを追加する方法

NPMパッケージは使わずに、Next.jsに前後の記事へ移動するリンクを追加します。

Next.js2021.12.25

svg

【2024年版】Reactの勉強をHTML/CSSの知識だけで始める方法

HTMLとCSSの知識だけでReactを使う方法を紹介

ビギナー向け2021.12.09

svg

静的サイトジェネレーターのサイト一覧(Next.js / Nuxt / Gatsby)

Next.js、Gatsby、Nuxt.jsを使ったウェブサイトとアプリをリストアップします。海外のJamstackサイト開発会社も載せます。

Jamstack2021.12.08

svg

Web幹事に掲載されました【monotein/モノテイン】

全国のウェブ制作会社の情報を収集・紹介している「Web幹事」に掲載されました。

その他2021.12.06

svg

Jamstack完全ガイド【Jamstackのすべて】

Jamstackのメリット、デメリットからテクノロジー、WordPressとの連携まで、Jamstackのすべてを解説します。

Jamstack2021.12.06

svg

無料相談でいただいた質問と回答 その1

これまでにフォロワーの方から頂いた質問の一部を紹介します。

その他2021.12.02

svg

ReactでNetlifyのFormsが認識されない原因と解決方法

NetlifyのFormsは簡単なミスの修正ですぐに動くようになります。

Gatsby2021.12.02

svg

SNS全盛の時代に『まだ』ウェブサイトは必要なの?

インスタグラムやYouTubeなどで集客から販売までできる今、ウェブサイトが必要なのかどうかを解説します。

マーケティング2021.12.01

svg

Gatsbyに前後の記事へのリンクを追加する方法

本記事では最初にGatsbyサイトにブログ機能を追加し、次にNPMパッケージなどは使わずに前後の記事へ移動する機能を実装します。

Gatsby2021.11.28

svg

Gatsbyブログのページネーションの作り方

本記事では最初にGatsbyサイトにブログ機能を追加し、次にNPMパッケージなどは使わずにページネーションを実装していきます。

Gatsby2021.11.27

svg

Figmaのグラデーションがブラウザで表示されない時の直し方

グラデーションを含んだSVG画像が正しく表示されない時の原因と対処法を紹介します。

その他2021.11.27

svg

HTMLとCSSを勉強したあと、何をすればいいのかわからない・・・

HTML → CSSと順調に進んできたものの、そこでつまづいてしまう人は多くいます。その理由と対処法を紹介します。

ビギナー向け2021.11.26

svg

ホームページで集客と販売を実現する具体的な方法

私自身も実践している集客対策、販売対策を包括的にこまかく紹介します。

マーケティング2021.11.25

svg

なぜあなたのホームページは成功しないのか? その唯一の理由

ホームページが失敗する理由、それは「前後」をしっかりと考えていないからです。成功するために必要な考え方を紹介します。

マーケティング2021.11.23

svg

Gatsby v4にアップデートしました

当サイトをGatsby v4にアップデートしました。v4ではサーバーサイドレンダリングなども利用可能になっています。

Gatsby2021.11.20

svg

出版した本のインタビューを受けました。

私の書いた「はじめてつくるReactアプリ」執筆のきっかけとなった挫折経験や苦労などを話しています。

私のこと2021.10.06

svg

サーバー、データベース、バックエンド、フロントエンドの違い

ウェブ開発でよく聞く用語、サーバー、データベース、フロントエンド、バックエンド、APIなどの違いを分かりやすく解説します。

ビギナー向け2021.10.04

svg

タテ書きKindle原稿をマークダウンとCSSでつくる方法

このページは現在最新情報に更新作業中です。

その他2021.08.20

svg

【作って比較】「ヘッドレスWordPress」と「普通のWordPress」

同一のウェブサイトを、「ヘッドレスWordPress」と「普通のWordPress」で作って、それぞれのメリット、デメリットを紹介します。

WordPress2021.07.26

svg

Next.jsにマークダウンのブログ機能を追加する方法

Next.jsでブログ機能を実装するコードを紹介します。getStaticPaths()とgetStaticProps()を使います。

Next.js2021.06.26

svg

コアウェブバイタルを上げればランキングも上昇するのか?

2021年6月から導入の始まった「コアウェブバイタル」。コアウェブバイタルの解説とその改善方法、検索ランキングやSEOとの関係を説明します

スピードUP2021.06.21

svg

日本在住の外国人の方向け文章校訂アプリ「CONARE」リリース

CONAREは速く、安く、そしてより自然な日本語を提供します

その他2021.05.12

svg

プログレスバーの作り方(React / Gatsby / Next.js)

ページの長さによって動的に変わるプログレスバーの簡単な作り方を紹介します。

Gatsby2021.05.11

svg

軽量で高画質、AVIF(.avif)画像の作り方と使い方

最新の画像フォーマットAVIF(.avif)のメリット、作り方、使い方、そしてWebPとの違いを解説します。

スピードUP2021.04.30

svg

当サイトをGatsby v3にアップデートしました

今月リリースされたGatsby v3にアップグレードして、サイト開発、そしてサイト表示スピードが大きくアップしました

Gatsby2021.03.25

svg

マークダウンとCSSを使ってKindle原稿をつくる方法

このページは現在最新情報に更新作業中です。

その他2021.02.18

svg

Gatsbyサイトにメルマガ登録フォームを設置する方法

Mailchimpを使えば、0円でメールアドレス登録フォームと自動返信機能を実装できます

Gatsby2021.02.17

svg

コールドメールとは? 成功のコツを実体験に基づいて解説

コールドメールの定義から送り方、成功させるコツまで、網羅的に紹介します。

マーケティング2021.01.31

svg

SPAの何が「シングル」なのか?

何枚もページのあるWebアプリケーションが、なぜ「シングル・ページ・アプリケーション(SPA)」と呼ばれるのでしょうか?

Jamstack2021.01.26

svg

いま人気のアイソメトリックデザインを使っていますか?

目にしない日はない「アイソメトリックデザイン」。なぜメッセージを効果的に伝えられるのか解説します。

デザイン2021.01.23

svg

なぜJamstackは「ホスティングサービス」を使うのか?

Jamstackで必ず耳にする「ホスティングサービス」。なぜ「レンタルサーバー」ではダメなのでしょうか?

Jamstack2020.12.18

svg

Jamstackを使っているのはだれ?

Jamstackの採用が多い業界、Jamstackで作られることの多いウェブサイトの種類などを紹介していきます。

Jamstack2020.12.15

svg

これだけで「静的サイトジェネレーター」のすべてがわかります

静的サイトジェネレーターが作られた背景、Jamstackとの関係、buildプロセスをわかりやすく解説します。

Jamstack2020.12.13

svg

Jamstackが解決できていないデメリット

たくさんの人がJamstackでサイト作りをしています。しかしJamstackに死角やデメリットはないのでしょうか?

Jamstack2020.12.10

svg

【比較】WordPress vs. Jamstack ― ウェブサイトはどっちで作るべき?

「WordPressからJamstackに乗りかえた」という人が増えてきました。その理由を探ってみましょう。

Jamstack2020.12.05

svg

Jamstackサイトが0円で公開できる理由とは?

Jamstackサイトが0円で公開できるのは○○○を使っているからです。

Jamstack2020.12.03

svg

Jamstackが現れるまでの歴史 ― LAMPからMEAN、そしてJamstackへ

Web開発のニュースタンダードとして定着しつつあるJamstackはどのようにして現れたのか? その発展の歴史を紹介します。

Jamstack2020.12.01

svg

これだけ読めばOK! Jamstackのすべてがわかります

高スピード、高セキュリティ、低コストのJamstack。その秘密をわかりやすく紹介します。

Jamstack2020.11.22