Hiragino Sans GBの罠

Hiragino Sans GBの罠

Braveブラウザを使っているのだが，なぜか一部の文字が中国語の簡体字のようなフォントになっていた． Safariでは問題なく日本語フォントになっているので，Brave側の設定だということは間違いない．Secret Modeで見てみても同様の現象が起きているから，プラグインの問題でもなさそうである． Braveのフォント設定を確認する． brave://settings/fonts ヒラギノを使っているから問題ないはずだと思っていたのだが，よくよく調べると，Hiragino SansとHiragino Sans GBは異なるもののようだった．（もちろん名称が異なるから違うものだというのは分かっていたのだが，ちょっとした派生形くらいに思って何も考えずにGB付きを選んでいたのである） GBとは何の略なのか調べてみると，Guobiao（国標）、つまり中国の国家標準規格のことらしい．中国語を多少学んだことがあるとはいえ，流石にGBで中国語フォントだと気づくのは難しかった． ということで，Hiragino Sansに設定して，問題なく日本語フォントに戻すことができた． ちなみに以下
GitHubメモ

Tips

GitHubメモ

CLIで開発するワークフローのメモ リポジトリ用ディレクトリを作る # 好きな作業ルートへ cd ~/dev # なければ mkdir -p ~/dev && cd ~/dev # プロジェクト用ディレクトリ mkdir my-app cd my-app Git初期化 # Git管理を開始 git init # とりあえずREADMEだけ作る cat << 'EOF' > README.md # my-app ターミナル中心でGitHub連携する練習用プロジェクト。 EOF # 状態確認 git status # 変更をステージ git add . # 初回コミット git commit -m "chore:
GMKtec NucBox M7を買った

Misc

GMKtec NucBox M7を買った

先日K8 Plusを買うようなことを書いていたけど、結局トレード以外にWinマシンを使う予定がなさそうなので、そこまでスペック必要ないと判断してM7を買った。 ♦️この記事はアフィリエイトリンクを含みます 【18,000円OFFクーポン】GMKtec M7【AMD Ryzen 7 PRO 6850H 16GB 512GB】最大4.70GHz ミニPC Windows11Pro 4画面出力 2.5GbpsLAN WiFi6 HDMI 省エネ 小型パソコン オフィス ゲーミングpc 最大TDP70W ミニPC Ryzen みにpc OCuLink minipc 8K 最大18か月保証 レビュー特典付き 価格:64980円～ (2025/2/1 15:30時点) 感想(189件) ちなみにGMKtecのモデル名は、Kから始まるものが上位モデル、Mがミドルスペック、
トレードを始めてみようかと思っている

Misc

トレードを始めてみようかと思っている

気づいたらブログを放置して半年以上経っていた。当初は自分用のメモ＋人に見てもらう記事みたいなのを考えていたものの、どうにも書くモチベーションがわかずにここまできてしまった。 メモとしてはこうして久しぶりにブログを書くときなんかに役立っているので、あまり人の役に立とうとか大袈裟なことを考えずに、都度考えたことなんかを記録するものに変えてみようと思った。 ということでトレードをしてみようと考えている話。 ♦️この記事はアフィリエイトリンクを含みます 何を取引するのか 条件は以下のような感じで考えた * 資金は全然ないので、少額でもできる * 多少リスクがあっても良いので短期的に増やしたい * アルゴリズムトレード(Python)もしてみたい そして候補として為替(FX, Forex)と暗号資産が出てきた。 国内だとレバレッジはFXが25倍まで、暗号資産は2倍までのようで、FXの方が戦略の自由度が高そうということで、まずはFXを始めようと思っている。 準備 とは言っても、ほとんど知識がない。トレードは完全な初心者なので、まずは勉強することにした。
Ghostでコードブロックや画像を折りたたむ方法

Tips

Ghostでコードブロックや画像を折りたたむ方法

GhostのエディタではCardsという機能を使って記事本文中に様々な要素を埋め込むことができます。 Editor cardsJump to a card * Images * Markdown * HTML * Gallery * Divider * Bookmark * Email content * Email call to action * Public preview * Button * Callout * GIF * Toggle * Audio * Video * File * Product * Header * Embeds * Signup Card The Ghost editor includes rich media objects called Cards, which can be inserted into your content to add
ghost updateをすると編集したテーマファイルが元に戻ってしまう問題の解決策

Tips

ghost updateをすると編集したテーマファイルが元に戻ってしまう問題の解決策

以前Sourceテーマのファイルを編集して、タグ一覧のページを作りました。 Ghostブログにタグ一覧ページを作る (Sourceテーマの場合)記事を分類するのにタグをつけているのですが、いくらタグをつけたところで絞り込みに使えないのであれば何の意味もないですよね。 僕はSourceというGhostのデフォルトのテーマを使っているのですが、このテーマだと、それぞれのタグをそのままナビゲーションバーに設置することはできるんですが、ドロップダウンでタグを選んだり、タグの一覧を表示したりはすぐにはできないようです。 そこで今回は、Sourceテーマを使ってタグ一覧のページを作ってみましたという記事です。 Sourceテーマを使ってタグ絞り込みをしたいときにできること 上でも述べましたが、このテーマだと、ドロップダウンとか一覧ページはそのままだと出せません。 できるのは、それぞれのタグをナビゲーションバーに置くくらいです。 これは例えば、「ブログ」というタグをつけた記事があって、そのタグを持っている記事一覧を出せるようにしようと思ったら、ナビゲーションバーに「ブログ」という項目をわざわざ作ら
GhostにCode injectionでThree.jsの3Dモデルを埋め込んでみる

Tips

GhostにCode injectionでThree.jsの3Dモデルを埋め込んでみる

Three.jsを使って作られた3Dモデルをブログ記事の中にCode injectionを使って埋め込めるのかなとふと思ったので試してみました。 本文中でHTMLカードに<canvas>タグ、Code injectionのヘッダに<style>タグでCSSを、<script>タグでJavaScriptを貼り付けると、ちゃんと動かすことができました。 埋め込んだのはThree.jsのマニュアルにあった以下の例です。 three.js manual コードの中身は全く理解できていませんが、3Dって面白いですね。 Three.jsでは3Dモデルをインポートして使用することもできるようですが、以下のようなところから素材を使わせてもらうこともできるみたいですね。 OpenGameArt.orgというサイトで、ゲーム制作をしている人には有名なのかもしれませんが、僕は初めて知りました。 OpenGameArt.orgOpenGameArt.org 素材によってライセンス形態が異なるようですが、先日の記事で描いたCC0みたいなライセンスにしてある3D素材もあって、Three.j

Featured

テキストエディタUlyssesの使い方メモ (使用1週間の感想)

テキストエディタUlyssesの使い方メモ (使用1週間の感想)

Ulyssesの試用期間の1週間が過ぎて、明日から課金が始まるという段階でこの記事を書いています。 ここでは1週間使っている間によくわからなくて調べたことをメモがわりに置いておきます。 Ulyssesを使い始めた経緯 先日、Ghostでブログを書くためのエディタを探していて、iA Writerとどっちにするか迷った上でUlyssesを使ってみることに決めたという記事を書きました。 Ghostでブログを書くときのエディタの話 (Ghost editor, iA Writer, Ulysses)Ghostでブログを始めるにあたり、記事を書いたりメモをしたりするのに使えるエディタを探した時の記録です。記事の管理や投稿にストレスの少ない環境を作って、ブログを継続しやすくできれば良いなと思っていくつかエディタを試してみました。 エディタの条件 そもそもGhostには記事を書く際のエディタ(以下Ghost editor)が標準で用意されています。 Intro to the editorGhost has a powerful visual editor with familia

Latest

Joseph Mallord William Turner "Mortlake Terrace", 1827 | Courtesy National Gallery of Art, Washington

部屋に飾る絵画とブログの画像

僕は特別アートに詳しいわけでもないですが、たまに絵を見たくなることもあります。 そういうとき、思い切って美術館に行くこともあるにはあるんですが、基本的に出不精なのでネットで調べて満足してしまうことが大半です。 ただやっぱり画面の中で見るのはその一瞬だけですし、なんだか味気ないってのも正直あります。 この記事は、そんなときはパブリックドメインになっている絵画データを印刷するとなんかいいよってことを伝えたくて書きました。 こういう自由に利用可能な素材はブログの画像なんかにも使えるのもいいですよね。この記事のトップにもパブリックドメインの絵画をお借りして載せてみました。 パブリックドメインってなんぞや 高画質な絵画データでもパブリックドメインで無償でダウンロード可能になってるものが結構あったりします。 パブリックドメインとは、誰でも自由に利用可能(商用利用含む)な素材です。 パブリックドメインになっている素材は大きく分けて、 1. 著作権が切れたもの 2. 著作者がパブリックドメインにしたもの(CC0と表記されている) の２種類があるようです。 💡僕は
Ghostブログにタグ一覧ページを作る (Sourceテーマの場合)

Ghostブログにタグ一覧ページを作る (Sourceテーマの場合)

記事を分類するのにタグをつけているのですが、いくらタグをつけたところで絞り込みに使えないのであれば何の意味もないですよね。 僕はSourceというGhostのデフォルトのテーマを使っているのですが、このテーマだと、それぞれのタグをそのままナビゲーションバーに設置することはできるんですが、ドロップダウンでタグを選んだり、タグの一覧を表示したりはすぐにはできないようです。 そこで今回は、Sourceテーマを使ってタグ一覧のページを作ってみましたという記事です。 Sourceテーマを使ってタグ絞り込みをしたいときにできること 上でも述べましたが、このテーマだと、ドロップダウンとか一覧ページはそのままだと出せません。 できるのは、それぞれのタグをナビゲーションバーに置くくらいです。 これは例えば、「ブログ」というタグをつけた記事があって、そのタグを持っている記事一覧を出せるようにしようと思ったら、ナビゲーションバーに「ブログ」という項目をわざわざ作らないといけないということです。 これだとタグが増えてくると全部を載せるのは不可能ですし、それ以前に記事のタグをメニューに
テキストエディタUlyssesの使い方メモ (使用1週間の感想)

テキストエディタUlyssesの使い方メモ (使用1週間の感想)

Ulyssesの試用期間の1週間が過ぎて、明日から課金が始まるという段階でこの記事を書いています。 ここでは1週間使っている間によくわからなくて調べたことをメモがわりに置いておきます。 Ulyssesを使い始めた経緯 先日、Ghostでブログを書くためのエディタを探していて、iA Writerとどっちにするか迷った上でUlyssesを使ってみることに決めたという記事を書きました。 Ghostでブログを書くときのエディタの話 (Ghost editor, iA Writer, Ulysses)Ghostでブログを始めるにあたり、記事を書いたりメモをしたりするのに使えるエディタを探した時の記録です。記事の管理や投稿にストレスの少ない環境を作って、ブログを継続しやすくできれば良いなと思っていくつかエディタを試してみました。 エディタの条件 そもそもGhostには記事を書く際のエディタ(以下Ghost editor)が標準で用意されています。 Intro to the editorGhost has a powerful visual editor with familia
ブログ開始時にやったGhostのカスタマイズを紹介

ブログ開始時にやったGhostのカスタマイズを紹介

Ghostをインストールするとすぐにブログを書き始めることができますが、テーマを変えたりCode injectionを利用することで、デザインや機能を自分の好みにカスタマイズすることもできます。 この記事では、僕がブログ開始時に行った設定やカスタマイズをまとめておこうと思います。 設定 一般的なデザインや機能については、GhostダッシュボードのSettingから設定することができます。 基本的にはSettingの項目を上から順に見ていって、自分に必要なものを設定するだけなので、ここでは少し時間がかかったり、分からなくて調べたところだけ書いておきます。 テーマの選択と簡単なカスタマイズ 無料テーマと有料テーマ テーマは公式が用意している無料のものでも18個あって、目的に応じて選択することができます。 正直、今の僕は無料のものでも十分満足したので、有料のものはそれほど詳しく見ていないのですが、GhostのMarketplaceから色々なテーマを購入して使用することもできます。 Ghost Themes - The MarketplaceDiscover b
Ghostでブログを書くときのエディタの話 (Ghost editor, iA Writer, Ulysses)

Ghostでブログを書くときのエディタの話 (Ghost editor, iA Writer, Ulysses)

Ghostでブログを始めるにあたり、記事を書いたりメモをしたりするのに使えるエディタを探した時の記録です。記事の管理や投稿にストレスの少ない環境を作って、ブログを継続しやすくできれば良いなと思っていくつかエディタを試してみました。 エディタの条件 そもそもGhostには記事を書く際のエディタ(以下Ghost editor)が標準で用意されています。 Intro to the editorGhost has a powerful visual editor with familiar formatting options. Designed to get out of the way and let you do your best work, the editor delivers power and flexibility, with the ability to quickly add dynamic content
FormspreeでGhostにコンタクトフォームを設置する

FormspreeでGhostにコンタクトフォームを設置する

ブログには問い合わせフォームがあった方が良さそうなので、設置することにします。Formspreeというサービスを使うと、生成されるHTMLコードをコピペするだけでいいので簡単でした。 Custom Forms with No Server Code | FormspreeFormspree is a form backend, API, and email service for HTML & JavaScript forms. It’s the simplest way to embed custom contact us forms, order forms, or email capture forms on your static website.Formspree この記事では以下リンクでGhostが提供する設定ガイドを参考に進め、その手順を記録しておきます。現在のFormspreeの登録画面と少し違いますが、問題なく設置できました。
GhostにGoogle Analyticsを設定する

GhostにGoogle Analyticsを設定する

GhostでGoogle Analyticsを使う方法は、以下のリンクに記載があります。Ghost側の管理画面で、Settings -> Code injection と進み、ヘッダにGoogle Analyticsのコードを埋め込むと使えるようになります。 Official Ghost + Google Analytics IntegrationIntegrate your Ghost publication directly with Google Analytics using sensible code injection for in-depth site metrics in realtime 👉📈Ghost - The Professional Publishing Platform この記事では、上記のリンクに沿って設定した手順を記録しておきます。 Google Analyticsの設定 新しくアカウントを作る際には、Google Analyticsのサイトに行き、指示に従って新しいPropertyを作成する。 すでにアカウントを持っている場合
LinodeでGhostブログを立ち上げる

LinodeでGhostブログを立ち上げる

VPSサービスのLinodeと、オープンソースCMSのGhostを使って、このブログサイトを立ち上げました。この記事ではそのときに考えていたことや、実際の手順についてまとめています。 手順だけ見たいという方は以下からどうぞ 1. Linodeの設定 2. Ghostの設定 基本的に以下の公式の情報をもとに進めていますが、微妙にうまくいかないところがあったので、その辺りについては自分が動かすことができた方法を付け加えています。 * Linodeのガイド * アカウントの作成 Platform - Getting Started on the Linode Platform * インスタンスの作成 Guides - Create a Compute Instance * インスタンスの設定 Guides - Setting Up and Securing a Compute Instance * Ghostのガイド * LinodeでGhostを設定する流れ How to install Ghost on Linode * UbuntuにGhostをイ