【合格体験記】1ヶ月で基本情報技術者試験に合格した話と、その勉強方法など

こんにちは、Khsmty と申します。 この度、1月に基本情報技術者試験を受験し無事合格したので、合格体験記として勉強方法などを残しておこうと思います。(遅筆すぎてめちゃくちゃ遅くなってしまった…) 筆者の受験時スペック 普通科の高校2年生

【コピペでOK】Discord の AutoMod 設定方法のいろは

AutoMod とは AutoMod とは、昨年6月に追加された、Discord に標準搭載されている荒らし対策機能です。 多くの荒らし対策 Bot とは違い、メッセージが送信されてから削除するのではなく、メッセージの送信自体をブロックする

【Discord】知られざる超有能 Bot「Sapphire」の使い方を紹介！

こんにちは。Khsmty と申します。Discord Bot の開発・運用などをやっています。 この記事では、あまり知られていないながらも超有能な Bot、Sapphire の紹介をしていこうと思います！ Sapphire の導入方法 まず

Rust の imageproc で斜体 (italic) を表現する方法

Rust、特に画像生成周りの情報がネット上に全然ないので、備忘録的に残しておきます。 やりたいこと まず、以下のようなシンプルな「Hello, World!」と画像に出力するだけのプログラムがあったとします。 use image::{Dyn

【Discord】Bot とは？種類や見つけ方も紹介！

そもそも Discord の Bot とは？ Bot は、よく Discord の拡張機能と言われるように、サーバーに追加することで、Discord には搭載されていない様々な便利機能を使えるようになります。Bot は Discord のア

【Discord】Bot の導入方法を画像付きで紹介！

はじめまして、Khsmty です。Make it a Quote などの Bot を開発・運用しています。 この記事では、Discord Bot の導入方法をステップごとに説明していきます。それでは、行きましょう！ ⓪ Bot の導入 UR

LINE に送信したリンクを強制的にデフォルトブラウザで開かせる方法

やりたいこと LINE 内ブラウザでリンクを開くデメリットとして、以下のものがあります。 過去に TikTok のアプリ内ブラウザにキーロガーが仕込まれていたことがあり、LINE でもそれがないとは言えない スマホがダークモードだと勝手にサ

html2canvas を使って html で作った要素を画像としてダウンロードする方法

html で作った要素を画像化してダウンロードしたい時って、ありませんか？私はあります。 そんなときに使えるのが、「html2canvas」というパッケージです。 html2canvas とは、html の要素をキャンバスに描画して、画像と

CORESERVER に Redis をインストールして Litespeed Cache のオブジェクトキャッシュを有効にする

この記事では、Litespeed 系の Web サーバーで使用できる Litespeed Cache のオブジェクトキャッシュを有効にする方法を紹介します。 Redis を使用するため、一般には高速化が見込まれると言われています。(php

【Markdown】nextra を使って簡単にドキュメントを作成する方法

目次 非表示 nextra とは 使ってみる セットアップ 開発サーバーの起動 使える記法 Callout Steps Tabs File Tree まとめ nextra とは nextra は、Next.js ベースの ...

【画像で解説】WP Mail SMTP を使って Gmail 経由で WordPress からメールを送る方法！

このサイトでも使用している WordPress では、たまにシステムメールが送られてくることがあります。 ドメインに MX レコードや DKIM や DMARC、SPF などが設定されておらず、レンタルサーバーがメール送 ...

Local を使って WordPress のテスト環境をローカルに構築する方法

WordPress を使っていると、たまにプラグインなどのテストなどをするためにテスト環境が欲しくなります。 さくらのレンタルサーバー などのステージング環境を作れるレンタルサーバーならいいのですが、このサイトでは CO ...

【保存版】Next.js と Nuxt の違いまとめ

Next.js と Nuxt は、どちらも最近人気のフロントエンドのフレームワークで、両者ともに SSR (サーバーサイドレンダリング) や SSG (静的サイトジェネレーター) などの機能を備えています。 ただ、両者と ...

Jamstack やめました

Jamstack をやめて、WordPress に移行しました！！ こんにちは、Khsmty です。この記事では、私が以前使っていた Jamstack (JavaScript APIs Markup stack) から動 ...

Next.js で構造化データ (JSON-LD) に対応する

なんか SEO によさそうなので、この Next.js のブログで構造化データ (JSON-LD) に対応してみました。 目次 非表示 実装 型定義ファイルの導入 ページへ JSON-LD を追加 検証 参考 実装 pa ...

esbuild で TypeScript を高速にコンパイルする

esbuild とは、Go で書かれた速くてシンプルな JavaScript のバンドラーです。 この記事では、esbuild を使って TypeScript のコンパイルを行う方法について紹介します。 ご存知の通り、T ...

個人サイトを Nuxt から Next.js に移行した

個人サイトを書き直した で、このサイトでは Nuxt v3 を使っていると書きました。 が、訳あって Next.js に移行したのでメモしておきます。 目次 非表示 なぜ移行したのか 謎の挙動が多い Next.jsを ( ...

Yarn v3 を導入して高速に依存関係をインストールする

目次 非表示 Yarn v3 とは 新規プロジェクトを作成する Yarn v3 のインストール・初期化 パッケージのインストール .gitignore の設定 既存プロジェクトを移行する Yarn v3 のインストール ...

Nuxt 3 で Vuetify を使う方法

目次 非表示 Vuetify とは？ インストール プラグインの作成 Nuxt の config を編集する mdi を追加する 以上 Vuetify とは？ 2014 年の最初のリリース以来、Vue.js は、世界で最 ...

rimraf を使って npm run 中にディレクトリを削除する

目次 非表示 rimraf とは 使い方 インストール scripts に組み込む rimraf とは TypeScript などコンパイルが必要な環境で開発していると、ファイルを削除して再コンパイルした際に、消したはず ...