thumbnail

2024-02-19

Bluesky APIで自動投稿する方法

Blueskyは、Twitter社の社内プロジェクトが独立した分散型SNSです。今回はPythonを使って、BlueskyのAPIで自動投稿する方法を解説します。

thumbnail

2024-02-13

Next.jsのApp RouterでISRを検証したぞ!

Next.jsでは、サイト全体のビルド後に特定のページだけ更新・生成する機能があります。従来はISRと呼ばれていましたが、App Routerではこの名称もあまり使われなくなり、使い方も大きく変わりました。App RouterでISRを行うための機能を検証してみたので、共有します。

thumbnail

2024-01-27

NGINXで「WWWなし」のURLを「WWWあり」のURLにリダイレクトする方法

NGINXで「WWWなし」「WWWあり」のURLを片方に寄せて、URLの正規化を行う方法を解説します。

thumbnail

2024-01-12

Viteでルート・パスを変更したらハマった、、、

Viteでルート・パスを変更すると、ビルド時にCSSやJavaScript等のソースのパスも、変更した内容に基づいて設定してくれます。しかし場合によっては直感通りに動かない場合もあります。ルート・パスの変更時の挙動の解説と、対応方法を共有します。

thumbnail

2023-12-31

Linuxサーバにパスワードレスで接続する方法

SSHキーを使って、Linux系サーバにパスワード無しで接続する方法について解説します。

thumbnail

2023-12-02

ViteでReactプロジェクトを作成する方法

従来のcreate-react-appを使ったReactプロジェクトの作成方法は、公式ドキュメントから姿を消しました。代替の最有力とされるViteを使った、素のReactプロジェクトを作成する方法を解説します。

thumbnail

2023-11-18

Windowsで古いバージョンのNode.jsをインストールする方法

古いバージョンのWindows用Node.jsのインストーラの探し方と、Node.jsのライフサイクルについて解説します。

thumbnail

2023-11-06

Next.js 14のServer Actionsを試してみたぞ!

Next.js 14でServer ActionsがStableになりました。本番移行に向けて試したみたので、使い方や簡単な実装例などを共有します。

thumbnail

2023-10-22

Next.jsのWebサーバ機能でSocket.IOを使う

Express.jsのような専用Webサーバを使わずに、Next.jsのWebサーバ機能でSocket.IOを使う方法を解説します。

thumbnail

2023-09-26

Next.jsでMDXを扱う方法

MDXはReactのコンポーネントを扱うことができるMDファイルです。Next.jsでMDXからページを生成する方法を解説します。

thumbnail

2023-09-07

nvmでLinuxに最新版のNode.jsをインストールする方法

nvm(Node Version Mananger)を使って、Linuxに任意のバージョンのNode.jsをインストールする方法を解説します。

thumbnail

2023-09-01

Next.js 13のRoute Handlersに移行したぞ!

Next.js 13.2で、Route Handlersは従来のAPI Routesに代わる機能として導入されました。このサイトでも移行が済みましたので、利用方法などを解説したいと思います。

thumbnail

2023-08-12

Google Analytics 4(GA4) のAPIを実行する方法

PythonでGoogle Analytics Data API v1を使って、GA4のデータを取得する方法を解説します。

thumbnail

2023-07-31

SQLの基礎の基礎

関係データベースのCRUD操作の基本となるSQLの構文を、初心者向けに解説します。CREATE、INSERT、SELECT、DELETE文等が解説範囲です。

thumbnail

2023-07-12

自宅のPCでSQLの実行環境を作る(初心者向け)

SQLite3はサーバ不要で使える関係データベースで、自分のPCのみで簡単にセットアップできます。SQLの練習にうってつけです。SQLite3の設定方法と簡単な使い方を解説します。

thumbnail

2023-06-29

【超初心者向け】Docker入門

初心者や独学者向けに、Docker ImageやContainerの概念と、入門的な使い方を解説します。

thumbnail

2023-06-06

Next.js13のApp Routerを試してみたぞ!

Next.js13の目玉機能、App Routerに移行しました。ベースとなるReactの新技術、Server Componentsを中心に、App Routerの機能を解説します。

thumbnail

2023-05-14

React.jsでFont-Awesome 6を使う方法

React.jsで、Font-Awesome 6.4を使う方法を解説します。様々な利用方法がありますが、SVG+Javascriptで必要なアイコンだけimportして使う方法を説明します。

thumbnail

2023-05-03

Next.js 13のImageコンポーネントの簡単な使い方とメリット

Next.js 13のImageコンポーネントでは、画像最適化が大幅に強化されました。その簡単な使い方とメリットを解説します。

thumbnail

2023-04-21

【Core Web Vitals】imgタグをレスポンシブにする方法

imgタグのwidthやheightの意味や、srcsetやsizes属性を使ってimgタグをレスポンシブにする方法を解説します。

thumbnail

2023-04-12

Twitter API v2に移行したぞ!

Twitter API v2に移行しました。移行に期限が設けられているので、旧APIの利用者は遅かれ早かれ、移行が必要となります。私が移行した時の手順や、プログラムの修正内容を共有しますので、参考にしてください。

thumbnail

2023-04-05

Next.js 13へのアップテート手順

Next.js 12から、13にアップデートしました。私が行ったアップデート手順と、後方互換の無いアップデートへの対応方法を共有します。

thumbnail

2023-03-25

FitbitのWeb APIを実行する方法

Fitbit Web APIを実行するために必要な認証用トークンの取得方法と、Pythonを使ったFitbitのWeb APIの簡単な実行方法を説明します。

thumbnail

2023-03-12

Javascriptでdrag-and-dropを実装する方法

Javascriptでdrag-and-dropを実装する方法を解説します。React.jsを使う場合と、使わない場合、それぞれ例示し説明します。

thumbnail

2023-02-26

Prismjsでシンタックスハイライトする方法

Prismjsやremark-prismを使って、HTML内のcode部分のシンタックス・ハイライトをする方法を解説します。

thumbnail

2023-02-25

npmの巨大なエコシステム、unifiedについて調べました

mdファイルをHTMLファイルに変換したりする時に使われるnpmパッケージ、unifiedについて解説します。

thumbnail

2023-02-03

【PM2】ecosystem.conf.jsを試そうとしたら、変なところでハマった!

はじめてWindowsとLinuxの差にハマりました

thumbnail

2023-01-31

Ubuntuで最新版のNode.jsをインストールする方法

nパッケージを使って、LinuxでNode.jsをインストールする方法を解説します。

thumbnail

2023-01-23

Chromebookを2年間使った感想

最近めっきりCMを見なくなったChromebook。個人的に良い・悪いと思ったところを紹介し、普及活動したいと思います。

thumbnail

2023-01-12

【ゾンビ化】エラーで落ちたプログラムを自動で再起動させる方法

PM2を使って、エラー落ちしたプログラムを自動で起動させる方法

thumbnail

2023-01-04

OANDA APIの実行例3- Python編

指値、逆指値、トレーリング注文等、成行以外の注文方法の出し方を解説します。

thumbnail

2022-12-28

OANDA APIの実行例2- Python編

建玉情報の取得、口座情報から利益情報を取得する方法を解説します。

thumbnail

2022-12-21

OANDA APIの実行例- Python編

OANDA APIのドキュメントはサンプルが充実していないので、Pythonのサンプルを乗せました。価格取得、ロウソク足、注文の3つ解説しています。

thumbnail

2022-12-12

Oanda APIについて

Oanda APIのドキュメントの見方を解説します。

thumbnail

2022-11-22

GoでWebのAPIを実行する方法

機会はあまりないかもしれませんが、GoでWebのAPIを実行する方法を解説します。

thumbnail

2022-11-09

前作ったマインスイーパーをReact流に作り直す。

canvasで作ったマインスイーパーが何となくReactっぽくなかったので、作り直しました。

thumbnail

2022-10-23

ReactでMinesweeperを作った時の話

canvasを使ってMinesweeperを作ったものの、Reactの機能があまり使われていない気が、、、?

thumbnail

2022-10-16

Next.jsに移行しました。

ホームページのリリースから僅か1か月で作り直した時の話

thumbnail

2022-10-10

背油を求めて尾道へ

瀬戸内海に浮かぶ島々に、スープに浮かんだ背油を重ねながら尾道に向かいました。

thumbnail

2022-09-25

神の島で私を待ち受けるのは雄々しい鹿。

神の島、宮島に古より佇む厳島神社。その聖域に足を踏み入れるや否や、その神聖を守らんと言わんばかりに、一匹の精悍な日本鹿が私の前に立ちはだかるのでした。

thumbnail

2022-09-21

お好み焼きを求めて--広島

2013年2月、濃厚なソースに絡まったキャベツに想いを馳せつつ、広島県に向かうのでした。

thumbnail

2022-09-11

宮城最終日

秋保温泉、石巻、松島と2日間周りました。電車もまだ復旧途中で、想像していた以上に移動が出来ず、 震災の大きさを感じさせられました。

thumbnail

2022-09-07

宮城、2日目

2012年3月12日、仙台から石巻に向かいます。帰りは松島へ。。

thumbnail

2022-08-29

2012年3月、宮城へ

東日本大震災からちょうど1年、このタイミングで東北を旅するのは適切なのか、、、そう自問自答しながら、宮城に向かうのでした。

thumbnail

2022-08-26

長崎2日目

初の一人旅の最終日。最後に温泉に浸かり、東京に戻ります。

thumbnail

2022-08-20

そして長崎へ

九州3日目。博多の雑踏を離れ、元祖和洋折衷の街、長崎へ向かいます。

thumbnail

2022-08-20

博多周辺を探索

九州2日目。博多周辺と大宰府を中心に観光します。大宰府では、レンタサイクルを乗り回します。

thumbnail

2022-08-20

九州、そして鼻血

2011年冬、当時新社会人だった私は、一人九州に旅立つのでした。