Vercel + Next.js + PlaywrightでOGP画像を自動生成する
Twitter や Facebook など、SNS 上で Web サイトをシェアしたときに表示される OGP 画像。 あらかじめ静的ファイルとしてサーバーに配置されることも多い一方で、画像をサーバー側で動的に生成することができれば、より自由度高く、視覚に訴える OGP 画像で PR することができます。 追記 2022-05-18: 下記の問題は既に解消済みです 🎉 2021-05-25: Vercel 内部で使用されている @vercel/nft の影響で playwright が利用できない状況になっています。playwright-core support を追加した pull request がマージされているので、そのうち解決すると思われます。 https://github.com/vercel/nft/issues/211 https://github.com/vercel/n
Zennで発生した障害の原因と行なった対策のまとめ
2021/02/24の11時頃〜1時間ほどzenn.devにアクセスしづらい・アクセスできない問題が発生していました。その後も3時間ほど一部のページへのアクセスができない状況となっていました。Zennに投稿してくれた方、見に来てくれた方、ご迷惑をおかけしてすみませんでした。 今回の障害は学びが多かったので、個人の記事として残しておくことにします。 原因 今回の障害は、使用しているクラウドサービスではなく、Zenn自体に原因がありました。 1. KaTeX記法により生成されるHTMLが思った以上に大きかった ZennのマークダウンエディターではKaTeX記法をサポートしています。例えば、$a\ne0$と書くとa\ne0と表示されます。 KaTeXはサーバーサイドレンダリングをサポートしており、KaTeX記法からの数式のHTMLへの変換はサーバーサイドで行なっていました。DBにはマークダウンだ
上坂すみれのルーツをたどる | アーティストの音楽履歴書 第33回
アーティストの音楽遍歴を紐解くことで、音楽を探求することの面白さや、アーティストの新たな魅力を浮き彫りにするこの企画。今回は、2012年に声優として本格的に活動を始め、2013年より音楽活動も精力的に行なっている上坂すみれのルーツに迫った。 取材 / 臼杵成晃 文 / 中野明子 自我の目覚めは2ちゃんねる小さい頃は部屋の一点を見つめがちな、とにかくじっとしている子供でした。その頃から「怒られたくない」みたいなメンタリティがとても強くて、動かなければ怒られないと思ったのか、家にあった観葉植物を見たり、日没に部屋の中の影が移動するのを見たり、囚人みたいな過ごし方をしていた気がします。最初にハマった音楽的なものは“ゲームボーイの音色”。中でも「ポケットモンスター」の「シルフカンパニー」というBGMに惹かれました。この曲、すごく怖いんですよ。でも聴くのをやめられなくて、ゲームボーイの電池が切れるま
これは試されている、と思った経験はありますか？
回答 (62件中の1件目) (๑˃́ꇴ˂̀๑)衣料の盗撮防止加工vsカラーフィルター機能での透視撮影 人間は波長域380~750nmの範囲の電磁波を視覚で捉えることができます。 短波長380nm側を紫、長波長750nm側を赤色として認識するのですが、赤色750nmを超える波長域は目に見えません。 今後、透視盗撮アプリとか出てくるんでしょ～ だが！透視盗撮させないぞ！ がんばれ繊維産業☆ 繊維構造レベリング 負けるな薬品工場☆ 金属付与ふよ～
放送大学マイルストーン('23)｜lumpsucker
はじめにこの記事は、放送大学の（主に情報コースを中心とする）学生さん向けに、私の履修済み科目の感想と主観的評価を共有して、履修計画の参考にしていただくことを目的に作成しました。下記の記事の通り、2019年-2020年の2年間で情報コースの科目を8割方履修したのでそれなりの網羅性があるかと思います。 （2023年2月追記）その後、選科履修生として履修した他コースの科目や大学院科目などを追加して112科目掲載しています。試験難易度については履修時期によって会場試験・在宅ペーパー試験・在宅Web試験が混在しているので参考程度でお願いします。 タイトルは私が現役生の時に通っていた大学の似たような評価システムから拝借しました。 以下の科目は基本的にナンバリングが低い順に並べています。閉講済みの科目も混じっていますが、記録と後継科目の参考のために残しておきます。あくまで全て（上記の記事にある通り、文系
クセの強い街「大阪」に生まれて（寄稿・ヨッピーさん） - SUUMOタウン
著： ヨッピー 僕がまだ大学生で、生まれ育った大阪に住んでいたころの話である。 インターネットで知り合った東京の友達が、大阪で開催されるオフ会に参加する、と言うので大阪駅まで迎えに行った。「初めて行くので大阪を案内してほしい」とのことで、オフ会の時間まで梅田や難波といった代表的な大阪の街を案内する事にしたのだ。 友達は夜行バスで東京から来たため、朝早い時間に合流した。疲れただろうし、と喫茶店に入って休憩しつつモーニングコーヒーなんかを飲んでいたのだけど、東京から来た友達はのっけからテンションが高かった。 「大阪の人って全員ボケとツッコミをやるんでしょ？」 「おばちゃんがアメちゃんくれるとか」 「知らない人ががんがん話しかけてくるって本当？」 などなど。 「大阪人」という人種（？）は全国的にも独特のポジションというか、変なバイアスがかかって見られがちだというのはひとりの大阪人としてヒシヒシと
お知らせ）デイリーポータルZは4月1日から変わります！（運営会社が）
こんにちは。デイリーポータルZ 林です。 デイリーポータルZは2021年4月1日から東急メディア・コミュニケーションズ株式会社の運営になります。 日付がエイプリルフールですが、譲渡は嘘ではありません。 4月1日はまた別の嘘をつく予定です。（無粋な説明） リリースに書いてあるとおり、 東急グループは、渋谷が世界中から「日本一訪れたい街」として選ばれることを目指し、「エンタテイメントシティSHIBUYA」の実現に向け、渋谷駅周辺において大規模な開発プロジェクトを推進するとともに、街のにぎわいを創出し渋谷独自のカルチャーを世界へ発信し続けることで様々なエンタテイメントが集積するまちづくりを進めています。 東急グループのエンタテイメント事業を推進する、東急メディア・コミュニケーションズのイベント企画力・運営力の向上およびWEB運営ノウハウの強化が期待できるものとして、連結子会社間にて事業譲渡を実行
WEINの一員として見てきたことを、すべて話します。｜前谷優太｜note
WEINの前谷優太と申します。 今回下記の記事が出た影響で、多くの方から僕に、連絡や問い合わせが来ております。 最初から最後まで渦中の1人として巻き込まれた僕としては、この件を言及するかどうかについて最後の最後まで悩みました。 それこそ元上場企業の社長や本田圭佑さんや高岡浩三さん含めて、海千山千の人たちに対して、たとえ本当のことであったとしても22歳の自分が何か言及をすることは、本当に恐怖でしかありません。 ですが事実無根のことや、切り取られて印象操作された記事で、WEINが掲げたビジョンを達成できなくなってしまうのは、どうしても嫌だったのでこのnoteを投稿いたします。 (こういった文章は表に出すのは今回が初めてですが、可能な限り客観的な事実を記載していき、解釈を入れないように注意してまいります……。) はじめに今回、DIAMOND SIGNALで取り上げられているWEIN Group(
TypeScript 4.2 覚書
こちらの記事のまとめになります。 タプルの先頭と途中でもRest Elementsを置けるようになる タプルの先頭と途中にRestElementsを置くことができるようになります。 タプルいいですよね。僕は好きです。 // leading Rest Element let a = [...string[], boolean]; a = [true]; a = ['1', '2', false]; // middle Rest Element let b = [boolean, ...string[], number]; b = [true, 10]; b = [true, 'a', 'b', 2];
文系パパエンジニアが放送大学等でコンピュータサイエンス・数学を学んで理系学士を取りに行く話 - とあるCS学徒のブログ
※取りに行く話なのでまだ取ってません。 界隈ではコンピュータサイエンス（以下CS）を学ぶことが流行っていますが、これはとあるパパのとある一例です。どなたかの参考になれば。 こちらの通り申請致しました。 https://t.co/IDkVJAWjc2— Y (@wbspry) 2021年2月13日 誰？ 事の経緯 なぜ大学でCS・数学を学びたいのか CS系学位を課す外資大企業たち CSできるマンへの憧れ 立ちはだかる数学の壁 dynamicなものよりstaticなもの ところで、CSって何？ 選択肢と選択 なぜUoPeopleではなかったか 週次の人巻き込み課題が大変そう 単位移行が可能なのか（※当時は）よくわからなかった とはいえ なぜ帝京理工通信ではなかったか なぜJAISTではなかったか 学位授与機構との出会い 新しい学士への途（単位累積加算制度）とは 学位取得までの流れ そして単位集
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
