フロントエンド

【yaml.js】jsオブジェクトをYAML形式に変換

jsオブジェクトをyamlに変換したときの備忘録を書きます。 使うのはyaml.jsというライブラリです。これを使うとyamlとjsオブジェクトの相互変換が簡単にできます。 https://www.npmjs.com/package/yamljs インストール方法 まず、プロジェクトにyaml.jsをイ…

【Notion】notablogを使ってnotionブログを作ってみた"

NotionのAPIを使ってブログを作りたいと考えていたのですが,ReactやNext.jsを使ったものだとAPIを読み込むのに時間がかかったのと,シンプルなものがなかったのですが,notablogはシンプルでかつAPIにリクエストを送らないのでとても便利だったので書き残し…

Twitter Publishを使用せずX(Twitter)の埋め込みを作る方法

はじめに この記事は自分のメモ的な感じで残しておきます。内容は余裕で既出だと思われます。ユーザーにツイッターのリンクを入力してもらって、それを埋め込みにして使う方法を考えていた時のこと・・・ 埋め込みの作り方 Twitterの埋め込みを作るときTwitt…

【xterm】xterm.jsを使おうとすると見た目がおかしくなった話

問題点 ある日、Xtermを利用しようと考え、早速使ってみたところ、ターミナルではなく謎の文字が表示されて困った。 問題点 単純にXtermのCSSを適応してなかったことが問題だった。htmlの場合、しっかりとhead内にcssのリンクを入れてあげましょう。 <head> <link rel="stylesheet" href="node_modules/xterm/css/xterm.css" /> <script src="node_modules/xterm/lib/xterm.js"></script> </head> Rea…

【Notion】notablogを使ってnotionブログを作ってみた

まず NotionのAPIを使ってブログを作りたいと考えていたのですが,ReactやNext.jsを使ったものだとAPIを読み込むのに時間がかかったのと,シンプルなものがなかったのですが,notablogはシンプルでかつAPIにリクエストを送らないのでとても便利だったので書…