Web制作– category –
-
Web制作
【GatsbyJS製ブログ】gatsby-plugin-manifestでPWA化
PWA…Progressive Web Apps 「なんのこっちゃ!?」と思う人もいるかもしれませんが、要はWebページをスマホ向けのモバイルアプリのように使えるようになる仕組みです。 キャッシュ機能が働いてオフラインでもWebページを見ることができたり、ホーム画面へ... -
Web制作
ConoHaWINGをオススメする理由【実際に使ってみたメリット・デメリット】
こちらの記事で説明しましたが、ブログを運営して収益化まで考えるなら、サーバーの契約とWordPressの設定は必須です。 特に私自身も契約していて、このブログでは実際に使ってみて非常に満足度の高いConoHaサーバーをオススメしています! ということで、... -
Web制作
【教員からフリーランス】サブドメインとサブディレクトリの違いと注意点
サブドメインやサブディレクトリに関心がある人は「複数のブログを運営しよう」と思っている人だと思います。 私も複数のブログを運営していますが、いくつか注意点がありますし、自分自身の失敗談もありますのでそれを踏まえて上手くブログ運営していきま... -
Web制作
【教員からフリーランス】初心者向け!ブログを複数運営する際の注意点
ブログを書いていたり、あるいは書く前に、 「沢山書きたいジャンルがあるなぁ…。ジャンルは絞った方がいいらしいから、複数ブログを運営したいな」 と思う人もいると思います。 結論… 止めとけ!失敗する!! 本当やめといた方がいいです…。 何を隠そう、... -
Web制作
【GatsbyJS製ブログ】リッチな内部リンクを作る(useStaticQuery使用)
内部リンクを上手く貼ることは結構重要な作業です。 Googleのクローラーが回遊しやすくなったり、ページ同士の関連性が深まることで評価が上がったり、なにより訪問者の滞在時間の増加に繋がります。 WordPressではテーマによって、内部リンクを枠付きだっ... -
Web制作
【GatsbyJS製ブログ】画像の扱い方(gatsby-plugin-image使用例も)
Gatsbyのウリの一つとして「画像の最適化」があります。 上手く画像指定してあげれば自動的にwebp形式で適切なサイズの表示をしてくれます。 しかし、この画像の最適化はGatsbyの鬼門でもあります。特に動的な画像指定はGraphQLも併用しなければいけないの... -
Web制作
【GatsbyJS製ブログ】Gatsbyでブログを立ち上げるまで
「Gatsby製ブログ」の記事が増えてきたので、まとめておきたいと思います。 実際にGatsbyを使って立ち上げているブログもあわせて見ていただけると嬉しいです。 基本編 インストール、とりあえず立ち上げ、構造把握 特にこの記事で説明している、Gatsby製... -
Web制作
【GatsbyJS製ブログ】Google マップをAPIなしでブログに埋め込む
皆さんはGoogle マップをブログに使っていますか? ブログの種類にもよりますが、マップを使う場面も出てくると思います。 この記事ではGoogle マップをAPIなしでブログに埋め込む方法を説明します。 ちなみに、ここで紹介する方法は全て無料の方法です(... -
Web制作
【GatsbyJS製ブログ】Youtubeの埋め込み(レスポンシブ対応も)
ブログを書いていて「ここにあのYoutubeを埋め込みたい!」もしくは「自分の作ったYoutubeを紹介したい!」ということがあると思います。ちなみに実際Youtubeの埋め込みをしている記事がコチラです。 ということで、今回はGatsbyでつくったブログ記事にYou... -
Web制作
【GatsbyJS製ブログ】パフォーマンス改善
Gatsbyでブログを立ち上げて運営し始めてから、色々とカスタムも加えていきました。 GoogleMapやYoutubeを埋め込んだり、アドセンスやアフィリエイトを埋め込んだり…おかげさまで、なんとなくブログっぽくはなってきました。 そんなある日「そういえば、Ga...