Go言語[Golang]MariaDBに接続してTRUNCATEしINSERTする

  • 2019/07/26
Go言語(Golang)でMariaDBを操作するナレッジ第一弾です。今回はデータベースに存在するテーブルを空(TRUNCATE)にし、データを挿入(INSERT)する方法を解説します。…

Read More

Go言語[Golang]サイトマップからURL(loc)を取得するコード

  • 2019/07/20
Go言語(Golang)でよく扱うsliceの要素をランダムにシャッフルする(並び替える)コードです。…

Read More

Go言語[Golang]sliceの要素をランダムにシャッフルするコード

  • 2019/07/20
Go言語(Golang)でよく扱うsliceの要素をランダムにシャッフルする(並び替える)コードです。…

Read More

Go言語[Golang]TwitterAPIを使ってツイートを投稿するコード

  • 2019/07/18
Go言語(Golang)でTwitterAPIを制御するサンプルソースです。anacondaパッケージを使って、簡単にツイッターにツイートを投稿してみます。わずか7行のコードで自分のタイムラインにツイートできてしまうGolangの手軽さは最高です。Go言語なら簡単にAPIを利用したWEBアプリが開発…

Read More

HUGOのフルAMP化やめました

  • 2019/07/16
ブログ高速化を目指してHUGO+フルAMPを構築してきました。 フルAMPとは、モバイルページのみならず、PCページもAMP化することで、ブログの表示を高速化しようという試みです。 一見いいとこだらけに見えますが、下記の理由でフルAMP化をやめ、通常のレスポンシブHUGOブログに戻しました。 なお、…

Read More

HUGOのフルAMPで究極のブログ爆速化 その5~最適なアドセンスサイズとコード~

  • 2019/07/07
今回はフルAMPのHUGOブログにおける最適なアドセンスのサイズとコードを紹介します。 フルAMPのブログの場合テンプレートにもよりますが、PCページでアドセンス広告の表示がきれいに表示されない、または、表示されないケースがあります。 そこでアドセンスに多く広告出稿されているバナーサイズを網羅できる…

Read More

HUGOのセクションの構造・レイアウト・タイトル・_index.mdを学ぶ

  • 2019/06/21
HUGOブログのサブディレクトリを使って記事をうまく分類してみます。 HUGOではサブディレクトリ配下のことをセクションと呼びます。 セクション配下にはメイン記事とは色合いの違う記事(カテゴリ別記事)をまとめておくと何かと都合がいいです。 例えば、ブログのメイン記事はGo言語だけど、日々の雑記も書き…

Read More

HUGOとフルAMPで究極のブログ爆速化 その4~Lightboxの設置~

  • 2019/06/19
今回はHUGOブログのAMPページでLightbox機能を実装してみたいと思います。 Lightboxとは上の画像をクリックしたときのように、対象がズームアップして表示される機能です。 本HUGOブログはAMP公式テーマ一覧からテンプレートを選びカスタマイズして使っています。 LightboxもA…

Read More

HUGOとフルAMPで究極のブログ爆速化 その3~SNSカード・ブログカードの設置~

  • 2019/06/18
フルAMP化されているこのHUGOブログ。 PCで見てもモバイルで見てもAMPページで高速表示(Googleのキャッシュページ)されています。 今回はフルAMP化するにあたってのナレッジ【SNSやブログのカード】の作り方を共有したいと思います。 ※これまでHexoでフルAMP化としていましたが、He…

Read More

HexoからHUGOに移行してみた

  • 2019/06/16
Hexoで生成していた当ブログですが、この度、Go言語ベースのHUGOという静的サイトジェネレーターに移行しました。 HexoはNode.jsベースなのですが、本業がNode.jsということもあり非常に使いやすく、またカスタマイズしやすいものでした。 ところが、記事数が増えると静的コンテンツを生成す…

Read More

Firebase Hosting firebase.jsonでリダイレクトのキャプチャをする方法

  • 2019/06/04
当ブログはFirebase Hostingにホスティングしていますが、運営上、301リダイレクト(URLパスの変更)を行う必要が発生しました。 Firebase Hostingでは通常のサイトやWordPressなどの.htaccessで行うような処理をfirebase.jsonに記述して処理するよ…

Read More

HexoとフルAMPで究極のブログ爆速化 その2~head.ejsの解説~

  • 2019/06/04
前回の記事「HexoとAMPで究極のブログ爆速化 その1~テーマのカスタマイズ~」 前回は、AMP公式ページのAMPテンプレートを使いHexoテーマをカスタマイズし、HexoブログのフルAMP化を行いました。 ※フルAMP化・・・PCページもモバイルページも全てAMP化することで更にサイトの高速化…

Read More

HexoとフルAMPで究極のブログ爆速化 その1~テーマのカスタマイズ~

  • 2019/05/30
前回、HexoのフルAMP化による爆速化という記事を書きました。 ※フルAMP化とはパソコンページもAMP化するという意味で使っています。 ※現在のこの記事も、パソコンで見てもモバイルで見てもAMPページが表示されています。 前回は序章ということでフルAMP化に至る経緯を書きました。 今回から、実…

Read More

HexoとAMPで究極のブログ爆速化を実現する(パソコン&モバイル仕様)

  • 2019/05/28
SEO対策にとってブログやサイトの高速化は今や必須対策となっています。 このブログもこれまで色々な高速化対策を施してきました。 Firebase、Netlify、Cloudflareなどのホスティングサービス移行やCDN利用 CSSやJSファイルのインライン化 HTMLソースの圧縮 画像のwebp…

Read More

Hexoブログは簡単に複製・量産できる

  • 2019/05/27
Hexoブログもかなりなれてきました。 評判通りHexoでのブログ更新はかなりサクサク行うことができます。 こうなると新しくブログをどんどん作りたくなります。 そう、ブログの量産です。 ブログの量産というと一見面倒くさそうに考えてしまいますが、テーマを変えることがなければ意外に簡単にブログを開設する…

Read More

Hexo->Netlifyで静的サイトを公開する方法をわかりやすく解説

  • 2019/05/20
以前Hexo->GitHub->Netlifyデプロイという記事を書きました。 この記事では静的サイトジェネレーターであるHexoで生成されたHTMLソースなどをGitHubへ送ると、GitHubからへNetlifyへ自動でデプロイしてくれるという内容でした。 ところが最近になって、G…

Read More

Hexo heap out of memoryでソース生成できない状況を解決する

  • 2019/05/15
Hexoでheap out of memoryエラーが出てしまい、HTMLソースを生成できなくなってしまいました。 このエラーはヒープサイズ不足(メモリ不足)ということなのですが、よくある解決方法に以下のものがあります。 /プロジェクト名/node_modules/hexo/node_modules…

Read More

Node.jsで画像をダウンロード保存し、リサイズ・サムネイル作成してみよう

  • 2019/05/09
今回は画像をダウンロードしてリサイズしたり、サムネイルを作成する工程を同期・非同期を考慮しながら考えてみます。 Node.jsでプログラムを組む場合、同期・非同期を意識しないと意図しない結果が返ってきます。 よくあるのが処理が完了しないうちに最終処理、特に出力や保存が実行され、空や壊れたデータが出力…

Read More

Node.jsでwebpフォーマット画像に変換できない→変換できた!

  • 2019/05/08
Node.jsのプログラムでjpgやpngやgif画像をwebp画像に変換できない! そんなwebpに関するお悩みを解決する記事です。 webpはサイトの高速化に貢献する画像フォーマット。 このブログの画像もすべてwebpフォーマットで配信しています。 (ブラウザがwebpに対応していない方申し訳あ…

Read More

Firebaseのたまりまくった過去のデプロイファイルを定期的に消す方法

  • 2019/05/06
Firebase(このブログのホスティング先)の無料枠である1GBを超えてしまいました!!!・・・ん??? 静的ファイルを数十MBアップしただけのハズなんだけど・・・??? そこでFirebaseのコンソール画面を見に行くと、なんと、これまでデプロイした分が大量に保存され容量を圧迫していました。 …

Read More

Search

^
PAGE TOP