はてなブログのWebhookを使ってMastodonとBlueskyに投稿するGoogle Apps Scriptを書いた - 日直地獄
はてなブログにWebhook機能がついた。なんか面白いことができそうな気はするけど、まずは平凡にMastodonとBlueskyへの自動投稿機能を作成してみた。手頃な Google Apps Scriptで作成している。 Slackに投稿できてもよいなと思っていたけど、意外とBlueskyの対応が大変で(BlueskyのリンクカードってBlueskyが情報を取りに行って勝手に表示してくれるのではなくて投稿側が全部情報を組み立てる必要があって、かつ画像のアップロードも行わないといけない。つまり、Webhookで送られてきたURLに対してfetchして、og:imageのURLを取得、og:imageを取りに行きBlobやmimeTypeなどを取得、画像データをBlueskyにアップロードし得られた一意のIDを投稿データに付加してpostする必要がある…)そこで力尽きてしまった。 セットアップ
はてなブログにWebhook機能を追加しました！外部システムとの連携が容易になります - はてなブログ開発ブログ
本日、有料プラン(はてなブログPro, for DevBlog, Business, Media)利用者を対象に、Webhook機能を追加しました。 他のシステムとの組み合わせが前提となるため技術者向けの機能となりますが、例えば SlackやDiscordなどへの更新通知や、Hatenablog Workflows Boilerplateと組み合わせてGitHub側のデータ更新の自動化に利用するなど、ぜひご活用ください。 Webhook機能に関する詳しい説明については以下のヘルプをご参照ください。またヘルプでは、WebhookをトリガーにGitHub Actionsを実行する設定例なども用意しておりますので、参考になれば幸いです。 Webhookの設定例のスクリーンショット
Notionで下書きした記事をはてなブログに自動転写するシステムを開発した話 - hacomono TECH BLOG
こんにちは！hacomonoの開発基盤グループでインターンとして活動しているゆーたです。 2024年7月にhacomonoにジョインしました。これまで約2年間、主にアプリケーション開発を担当するインターンやバイトをしていましたが、hacomonoでは開発基盤チームに所属していることもあり、インフラも含めて広く触れる機会をいただいています。 先日、初めてのタスクを完遂したので、今回はその内容を振り返りたいと思います。 TL;DR Notionで管理しているテックブログ記事を、はてなブログへ自動転写するアプリケーションを開発 記事の手動転写による30分〜1時間のリードタイムを、数分に短縮することに成功 背景 hacomonoでは、記事の管理をNotionで行い、投稿先にははてなブログを利用しています。 これまで、Notionで執筆した記事を手動でコピーし、はてなブログに貼り付けていました。しか
はてなブログの自動生成アイキャッチでおみくじをひけるようにした - k-murakami0609の日記
はてなブログの新機能が出てた。 staff.hatenablog.com htmlとcssを書けるんだから何か変なことできるでしょって思って、おみくじ以外を思いつかなかったのでとりあえずやってみることにした。 実装は chatgpt に聞いたらすぐ答えてくれた。animationで頑張れば良いらしい。 .omikuji { font-size: 36px; font-weight: bold; text-align: center; padding: 20px; color: #fff; background: linear-gradient(135deg, #ff7e5f, #feb47b); border-radius: 12px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); width: 300px; margin: 100px auto;
自動生成アイキャッチをカスタムする機能で遊ぼう！ - 日直地獄
はてなブログで、自動生成アイキャッチをカスタムする機能がリリースされましたね。 staff.hatenablog.com はてなブログのインターンによる機能開発であり、ディレクターとして開発に関わっていたわけですが(関係性の明示)、なかなか面白い、というか上等で実用的なおもちゃという感じでいじってると時間が溶ける。プレビューがキビキビ反映されるのはとても気持ちいいですね。 さて変数とHTMLとCSSがかけると様々なことが可能になります。実際に見てみましょう。 タイトルを設定していない記事でいい感じにする SVGで背景をつける カテゴリに応じてデザインを変更する もう全部ChatGPTに作ってもらう 他の人の事例が知りたい タイトルを設定していない記事でいい感じにする 例えば、自分のブログの場合、日記にはタイトルをつけずに、人に読まれたいブログっぽい記事にはタイトルをつける、という風習がある
自動生成アイキャッチを自由にカスタマイズする機能をリリースしました！ - はてなブログ開発ブログ
はてなブログでは、本文に画像が存在しない場合などに、記事の本文やカテゴリのデータからアイキャッチ画像(SNSシェアした際に表示される画像)を自動生成する機能を提供しています。 これまでは、自動生成アイキャッチ画像のデザインはすべてのブログで共通していましたが、ブログごとにHTMLを使って自由にカスタマイズできる機能を提供しました！*1 企業が運営しているブログの場合は、企業ロゴを含めてブランドを意識してもらいやすくしたり、個人ブログでもブログのイメージに沿った体裁に変更したりなど、ブログのアピールにご活用いただければと思います。 カスタマイズは「アイキャッチ」設定の「自動生成アイキャッチのカスタマイズ」から行うことができます。 より詳しい設定方法やカスタマイズの方法、HTMLの例については、下記のヘルプをご確認ください。 なお、本機能は「はてなサマーインターン2024」のインターン生が開発
SmartNewsへの配信可否の設定を追加しました - はてなブログ開発ブログ
はてなブログでは、はてなブログに公開された記事の情報をSmartNewsに自動で送信しております。そのため、はてなブログの記事はSmartNewsに掲載され、多くの人に読まれる機会があります。 これまでは、SmartNewsにはてなブログの記事が掲載される際には、ブラウザで閲覧したときと同じ体裁での表示（以降、WebView）も可能でしたが、SmartNewsの仕様変更により、SmartView（スマートビュー）と呼ばれる記事閲覧に最適化されたシンプルな画面の表示のみの対応となります。 このため、ブログ内にご自身で広告を設置しているユーザー様にとっては、SmartNewsにおけるWebViewでの記事閲覧に伴う収益の機会がなくなります。それを望まない場合もあると考え、今回SmartNewsへの配信可否を設定する機能を追加しました。「詳細設定 > 配信設定 > SmartNewsで配信」より
【法人向け機能】オウンドメディアの記事作成をサポートする「AIコンテンツアシスト」をリリースしました - はてなブログ開発ブログ
はてなブログMedia（レギュラープラン、ライトプラン、HRプラン）上で、生成AIを活用して記事作成をサポートする「AIコンテンツアシスト」機能を追加しました。 AIコンテンツアシストについて オウンドメディアの記事作成で良質な記事を作成するためには、通常、多くの時間と費用がかかります。「AIコンテンツアシスト」は生成AIを活用することで、より良い記事にするためのブラッシュアップやファクトチェック、想定読者（ペルソナ）の分析など、記事の品質向上や記事の目的の達成に注力できる時間を増やせるようになることを期待するサポート機能です。 サポート機能は「記事のアイデア」「構成案」「本文」「タイトル」「概要文」の5つの要素で構成されています。記事作成方法は、記事の内容とターゲットを入力し、提案された5つの「記事のアイデア」から作成したい記事を選択します。その後「構成案」「本文」などの機能で作成方法指
Unengineered Weblog のテーマを自作した - Unengineered Weblog
このブログのテーマを自作してみました。 このテーマはお堅い（？）ソフトウェア技術書から発想しました。「プログラミング言語C」とかちょっと前のオライリーの本とかをイメージしています。背景色に書籍の紙をイメージしたクリーム色、フォントは明朝体、ボーダーラインは少なめ、文章中の強調とセクションタイトルは太字のゴシック体といった感じです。 ちなみに書籍に使われているの淡いクリーム色の紙を淡クリームキンマリというそうです。初めて知りました。 シンタックスハイライト コードのシンタックスハイライトを無くしてみました。技術書にはシンタックスハイライトがついていないことも多く、それを真似してみました。ただコメントには色をつけました。 package main import ( "fmt" "math/rand" "time" ) func main() { for i := 0; i < 10; i++
はてなブログから OSS blogsync への寄付のご報告と「HatenaBlog Workflows Boilerplate」でのGitHub Workflow の仕組みと工夫 - Hatena Developer Blog
この記事は HatenaBlog Workflows Boilerplate を利用してレビュー・公開をしております。 はてなエンジニアアドベントカレンダー 2023 の 25 日目の記事です。 こんにちは。はてなブログのサブディレクターの id:AirReader です。 先日、組織でのはてなブログ運営を GitHub 上で行うためのテンプレートリポジトリ「HatenaBlog Workflows Boilerplate」を公開しました。このテンプレートをご利用いただくと、組織でのブログ運営に求められるワークフロー(下書きの作成、更新、内容のレビューや公開など)を GitHub 上で行うことができます。 さて、本記事の前半は私より同機能の裏側で利用している OSS blogsync への寄付のご報告を、後半は id:d-haru から同機能の仕組みや工夫について共有いたします。 blog
はてなブログとblogsyncの歴史 | おそらくはそれさえも平凡な日々
ヘンリーでVP of Engineeringを務めるSongmuです。このエントリーは株式会社ヘンリー Advent Calendar 2023 、11日目の記事です。 はてなブログとblogsync はてなブログにはAtomPub APIという、はてなブログをAPIで操作できる機能があります。これは実は結構古くからある機能で、2013年にリリースされています。当時のはてなインターン生によるもので、moznionさん、krrrrさんが担当されたようです。歴史を感じますね。 そのAtomPub APIを利用し、はてなブログを管理するためのCLIツールとして、当時はてな社のチーフエンジニアで現CTOのmotemenさんが「個人で」開発したGo製のOSSがblogsyncです。これは2014年にリリースされています。社員が自社サービスのユーザーであり、社員が趣味の個人開発でそのサービス利用のため
個人ブログの記事をGitHubで管理するようにした - stefafafan の fa は3つです
現役はてな社員ということもあり、ドッグフーディングの意味も込めてずっとはてなブログを利用してきました。ブログを書く時は基本はてなブログの記事編集画面から直接編集してきましたが、このたび公式でGitHubテンプレートリポジトリが公開されていたので使ってみることにしました。(自分ははてなブログチーム所属ではありませんが、株式会社はてなのエンジニアなので宣伝記事ではあります)。 staff.hatenablog.com セットアップについて 基本的にリポジトリのREADMEに書いてある通りぽちぽちしていれば簡単に記事を全部リポジトリに同期できて非常に楽でした。記事の同期の際に下書きエントリも公開状態になっちゃうのかと少し気になりましたが、そこは初期セットアップの際に下書きも取り込むかどうかのフラグがあったので安心ですね。 github.com なお、自分はWebアプリケーションエンジニアであり日
テックブログを GitHub で管理できるようにしました - SmartHR Tech Blog
こんにちは！エンジニアリングマネージャの 吉成 です。 この記事は SmartHR Advent Calendar 2023 4日目の記事なのですが、実は ANDPAD さんの Advent Calendar 2023 1日目 とまさかのネタ被りです。 この日のために 後回しにしていた 寝かせていたネタだったので、二番煎じとなりますがこのまま出させていただくことにしました 😌 背景 さて、弊社では今年の5月から、各プロダクトチームが週ごとに持ち回りでテックブログを執筆する取り組みを開始しました。 元々は執筆のためのフローは特に整備しておらず、公開までの壁打ちやレビューといったものは有志の方にすべておまかせしておりました。 今年の8月に DevRel の1人目として inao san が入社され 1、テックブログの担当チームやレビューなど諸々の業務を引き継いでいる中で、組織でのはてなブログ
父さんまたブログを書こうと思うんだ - 大西ブログ
長く更新していないブログを再開するのは、行きつけだったが足が遠のいてしまった飲み屋の暖簾を久しぶりにくぐるような気まずさがある。聞かれてもいないのに「最近仕事が忙しくてね…」なんて言い訳をしてみたり。 この記事はそういった類のものである。言い訳と自分語りが苦手な人はここで引き返してください。 TwitterがXになり、ポストTwitterサービスも盛り上がっている。いくつかそれらのサービスにアカウントを作ってみたものの続かず。SNSもいいけど、やっぱりブログを書こう、自分の折々の気持ちをちゃんと書き残そうと改めて思ったのであった。 近年、ブログもSNSも全然更新しなくなってしまった。 なぜブログを更新をしなくなったかを振り返り、過去を乗り越えて、またブログを書いていこうというセルフリハビリテーションのためにこの記事を書いている。 2018年8月30日 話は5年ほど遡る。2018年の私は非常
「AIタイトルアシスト」機能をクローズドβとして公開しました。記事本文から「見出し・タイトル要素・SNS向けタイトル」それぞれのタイトルを提案します - はてなブログ開発ブログ
追記 2023年12月20日 本機能を正式リリースしました。詳しくは下記にてご確認ください。 staff.hatenablog.com 以下は、2023年10月25日の告知内容です。 本日「AIタイトルアシスト」機能をクローズドβとして公開しました。 本機能では、AIを用いて、本文の内容からはてなブログで設定できる3つのタイトル「見出し・タイトル要素・SNS向けタイトル」それぞれのタイトルを提案いたします。 はてなブログのタイトル設定の特長として、記事の見出し・検索エンジン向けタイトル(title要素)・ソーシャルメディア向けタイトル(og:title)の3種類、それぞれ別のタイトルを設定できる機能が挙げられます。それぞれのタイトルで適切な内容を設定することは記事が読まれることに大きく影響しますが、適切なタイトルを設定することはなかなか大変な作業になります。 AIタイトルアシスト機能を提供
組織でのはてなブログ運営をGitHub上で行うためのテンプレートリポジトリ「HatenaBlog Workflows Boilerplate」を公開しました - はてなブログ開発ブログ
GitHub上ではてなブログ運営を可能にするテンプレートリポジトリ「HatenaBlog Workflows Boilerplate」をベータ版として公開しました。 このテンプレートをご利用いただくと、組織でのブログ運営に求められるワークフロー(下書きの作成、更新、内容のレビューや公開など)をGitHub上で行うことができます。組織利用向けに整備していますが、どなたでもご利用いただくことが可能です。 導入方法や詳しい利用方法については、上記のリポジトリのREADMEをご参照下さい。 特長など 下書きの作成時に、作成した下書きのみが含まれたプルリクエストを自動で作成します*1。コンフリクトを防ぎ、ワークフロー上の管理を容易にします GitHub Actions を利用して動作するためローカルでの環境構築が不要です。GitHub組み込みのVisual Studio Code (github.d
はてなブログの記事にMastodonとMisskeyのシェアボタンを追加できるようにしました - はてなブログ開発ブログ
はてなブログの記事にMastodonとMisskeyのシェアボタンを追加できるようにしました。 これにより、はてなブログの記事をMastodonやMisskeyへより簡単に共有できます。 MastodonとMisskeyのシェアボタンは「デザイン設定画面 」> 「カスタマイズ」 > 「記事」 > 「ソーシャルパーツ」より設置できます。*1 開発の背景 SNSが多様化する中、MastodonやMisskeyの利用も広がっています。そうした時代の変化を考慮し、はてなブログの記事をより幅広いSNSで楽しんでいただけるよう、本機能を追加しました。どうぞご利用ください。*2 *1:デザイン設定はPC版の機能です。 *2:MisskeyシェアボタンやMisskey へのリンクは、はてなブログiOSアプリ上で正常に動作しない場合があります。ご了承ください。
インポート機能を改善し、noteからのインポートの際に画像インポート等も行えるようにしました - はてなブログ開発ブログ
はてなブログでは、インポート機能を改善し、noteのエクスポートデータの形式に合わせてインポートできるようにしました。今回変更されたのは、以下の4点です。 noteから画像を取得して、画像のインポートができるようにしました YouTubeとVimeoの動画へのリンクを動画プレーヤーとして変換するようにしました noteのルビ記法を、ルビ表示に関連するHTML要素に変換するようにしました noteからのインポートの場合、文字コードの選択をせずにインポートできるようにしました noteから画像を取得して、画像のインポートができるようにしました これまで、noteのエクスポートファイルをインポートしても、画像をインポートすることはできませんでした。今回の改善により、noteから画像を取得して画像のインポートができるようになりました。 なお、画像インポートが完了する前にnoteを退会した場合、画像
記事ページに最終更新日が表示されるようになりました - はてなブログ開発ブログ
はてなブログでは、記事ページにその記事の最終更新日を表示させる機能をリリースしました。 読者にとってコンテンツの鮮度は重要な要素のひとつです。この機能を利用し最終更新日を表示することで、過去に作成したコンテンツのアップデート情報を正確に伝えることができます。 この機能の使い方 はてなブログMediaご利用法人ユーザーの方 > ダッシュボード画面左側にあるサイドメニューから「デザイン」 それ以外の方 > ダッシュボード画面左側にあるサイドメニューから「デザイン」 > 「カスタマイズ」 を開き、「最終更新日」の「最後に更新した日付も表示する」をチェックしてください。 注意事項 更新日は2023年8月1日以降に更新した記事のみ表示されます。 投稿日と更新日が同一の場合は更新日の表示はされません。 過去の記事についてはタイトルもしくは本文を編集して更新すると更新日が表示されます。（編集をせずに「更
技術情報発信に取り組む企業の交流イベント 「はてなブログ DevBlog Meetup」を開催しました #HatenaDevBlog - Hatena Developer Blog
こんにちは。はてなブログ 法人ブログチームでサブディレクターを担当しております、id:AirReader と申します。 2023年7月24日にブログを使った技術情報発信に取り組む企業の交流イベントである「はてなブログ DevBlog Meetup」を開催しました。ご来場いただきましたみなさま、誠にありがとうございました。 発表スライドなどを以下で共有させていただきます。 はてなブログの企業技術ブログのひみつ まず初めに、わたくし id:AirReaderより「はてなブログの企業技術ブログのひみつ」と題した発表をさせていただきました。はてな・はてなブログが技術情報発信を支援させていただいている背景、これまでの施策とこれからの施策、企業のみなさまが運営されている技術ブログの統計データや、今後のブログ運営でお役立ていただきたい機能などについてお話しさせていただきました。 speakerdeck.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
