ZennとQiitaの2重管理を解消してみた

2024/03/30 15 users Qiita プラットフォーム 手間 たび ミス

概要 ZennとQiitaに同じ記事を投稿する際には、同じ内容を2つのファイルで管理する必要があります。変更があるたび、忘れずにコピー&ペーストをして、プラットフォーム独自の記法[1]を書き換えなくてはなりません。手間がかかる上に、手作業なのでミスが起こるかもしれません。 複数の場所で同じ記事を管理するのが面倒 ... 続きを読む

CodeMirror v6によるZennのMarkdownエディタの作り方

2024/02/01 17 users Markdownエディタ ラッパーライブラリ チャプター

Zennでは、「記事」や「本のチャプター」のMarkdownエディタのベースにCodeMirrorというライブラリを使っています。これまではCodeMirrorのv5を使っていた（正確にはv5に依存するラッパーライブラリを使っていた）のですが、古いバージョンを使い続けるリスク解消と更なるエディタの拡張性を得るため、CodeMirrorのv6に... 続きを読む

ZennのE2Eテスト基盤をリプレイスしました（開発体験向上、CI時間の短縮、Playwright移行）

2024/01/30 21 users 後回し ユーザ 短縮 リリース 距離

はじめに 2023年にZennチームにJoinしたdyoshikawaです。 このたびZennのE2Eテスト基盤をリプレイスしました。このような下回りの改善はユーザへの価値提供との距離が近い機能開発と比べてどうしても後回しになりがちな中、Publication Proという大きなリリースを迎えて少し開発が落ち着いたタイミングであり、E2Eテスト... 続きを読む

【トリビア】Railsのコントローラに出てくるparamsはハッシュじゃない - Qiita

2024/01/17 8 users params Rails Qiita コントローラ トリビア

はじめに Railsに関するトリビア的なネタです。 QiitaやZennを見ていると、ときどきRailsのコントローラに出てくるparamsをハッシュ（Hashオブジェクト）だと説明している記事を見かけます。 しかし、paramsはハッシュではありません。 確かめてみよう こんな感じでparamsの中身をputsしてみましょう。 続きを読む

技術ブログもShortの時代になった

2024/01/07 69 users YouTube TikTok short リール 長尺

はじめに 動画を主とするコンテンツプラットフォームでは、Youtubeも長尺からshortへ、tiktokやリールといったshortな動画が流行っています。 一般的に技術ブログですと、詳細な説明と深い分析がコアコンテンツになりますが、この領域でもshortなものがあってもいいんじゃないかと思い、Zennのスクラップ機能を使って社... 続きを読む

2023年に読んでよかった技術書

2023/12/20 322 users 技術書 Ktor 部類 ドキュメント 特定

おそらく 2023 年に Zenn で出す最後の記事になるかと思います。 タイトルの通り、2023 年に読んだ本の中で、特に素晴らしかったものをご紹介します。 あまり今年は技術書を読んだ印象がなく…というのも、特定の xx(例えば Next.js、Ktor)といった部類に関しては公式のドキュメントを読むことがほとんどになり、書籍に求... 続きを読む

Azure OpenAI Serviceの日本語記事まとめ

2023/09/29 73 users Azure OpenAI Service Qiita 知見

Azure OpenAI Serviceについての日本語記事のまとめです。主に公式ドキュメント以外のブログやZenn/Qiitaの記事をまとめています。ボリュームが多いので、目次から気になる項目を選択してご覧ください。 ※長く使える知見のまとめにしたかったので一過性のニュース的な記事や内容が重複している機能紹介記事などは意図的... 続きを読む

ZennにみるCloudRunとBigQueryによるアプリケーション構築 / zenn-cloudrun-bigquery-serverless

2023/09/23 75 users BigQuery CloudRun アプリケーショ メイン

Zennは、クラスメソッドが展開する技術者向けの知識共有プラットフォームです。Cloud Runを中心としたGoogle Cloudのソリューションをメインで使用しており、スケーラブルなWebアプリケーションとなっています。 このセッションでは、「サーバーレスとはなにか」という部分から改めてディスカッションし、アプリケーショ... 続きを読む

Zenn をやめることになったので、やったことを振り返ってみる

2023/09/22 6 users ゴー フロントエンドエンジニア 初め コードブロック 機会

この記事について 私はこれまで Zenn のフロントエンドエンジニアとして働いてきましたが、2023/09 いっぱいで Zenn もといクラスメソッドをやめることになりましたので、この機会に Zenn でやってきたことを振り返ってみようかなと思います。 コードブロックのコピペ Zenn に入ってまず初めにやったことといえば、コー... 続きを読む

Axios 使うのやめたらビルドサイズが 10 KB 減って、なんか知らんがパフォーマンスも良くなった話

2023/09/13 120 users AXIOS Fetch API モダンブラウザ ビルドサイズ

Axios 使うのやめたらビルドサイズが 10 KB 減って、なんか知らんがパフォーマンスも良くなった話 この記事について Zenn では長らく通信処理に Axios を使っていました。 しかし、Fetch API が多くのモダンブラウザなどで普通に使えるようになった今、使う必要性があまり無くなったため、Axios を使っている処理を全て ... 続きを読む

Zenn に Content Security Policy を段階的に導入した話

2023/09/04 13 users 実例 Content Security Policy 方法

この記事について 先日、Zenn では Content Security Policy を導入しました。 この記事では Content Security Policy を Next.js ( Pages Router ) で導入する方法を解説するともに、Zenn の実例を紹介したいと思います。 Content Security Policy とは？ そもそも Content Security Policy を知らない人が居るかもしれ... 続きを読む

【catnose】Zennを生んだ個人開発者に聞く、プロダクト開発の美学

2023/08/02 145 users resume CatNose サルワカ 美学 デザイナー

個人開発者 catnose ソフトウェア開発者・デザイナー。 個人開発者として、Webデザイナー向けメディア「サルワカ」、ポートフォリオ作成サービス「RESUME」、技術情報共有サービス「Zenn」、簡単にAIサービスがつくれる「だれでもAIメーカー」など、数々のプロダクトを世に送り出す。家族は妻、娘、犬、猫。 個人開発者... 続きを読む

統計ダッシュボード機能を BigQuery と BI Engine で実装する

2023/07/28 8 users BigQuery tl;dr 本稿 課題 閲覧回数

先日、統計ダッシュボード機能(β)をリリースしました。記事をひとつでも公開している場合、Zennにログインすればどなたでも統計情報を表示できます。執筆頻度の確認や閲覧回数の参考にお役立てください。 本稿ではどのように実現したかについて課題とともに記録します。 TL;DR 投稿ページの表示イベントは Google Analyt... 続きを読む

(新人)エンジニアが開発しやすいREADMEの書き方

2023/06/29 165 users README コラボイベント 登壇スライド エンジニア 新人

2023年6月28日に開催された「Findy×freee」さんのコラボイベントに登壇した「新人エンジニアが入っているプロジェクトにおけるREADMEの書き方」の登壇スライドです エンジニアが開発しやすい環境作りをする(Zenn) 続きを読む

新刊『動かして学ぶ！Python FastAPI開発入門 』発売、Web APIの作り方とAWS・GCPへのデプロイ方法まで

2023/06/13 45 users 新刊 デプロイ方法 Web API 発売 作り方

本書はエンジニアのための情報共有コミュニティ「Zenn」で中村翔さんが公開されている人気コンテンツ「FastAPI入門」を元に書籍化。Python3.11への対応、コラムの追加、本番環境での運用を想定したAWS・GCPへのデプロイ方法について追記するなど、大幅にパワーアップした内容となっています。 FastAPIはDjangoやFlaskに... 続きを読む

『現場で役立つシステム設計の原則』を読みました - 人間のあるべき姿の探索

2023/06/11 209 users 探索 あるべき姿 原則 Qiita 現場

はじめに 現場で役立つシステム設計の原則を知りたいと思っていたのですが、丁度現場で役立つシステム設計の原則について言及されいてる書籍があったので読みました。 gihyo.jp ある程度知名度のある書籍で、QiitaやZenn等でまとめられている方がいらっしゃるのですが、自分のアウトプットとして、感想も交えてまとめて... 続きを読む

「動かして学ぶ！Rust入門」著者のmebiusbox様へインタビューしてみた。 | DevelopersIO

2023/05/09 11 users DevelopersIO Rust入門 反響 翔泳社 著者

Zennで大きな反響があった「Rust入門」の著者であるmebiusbox様が執筆された動かして学ぶ！Rust入門が翔泳社より出版されることになり、出版を記念して著者の方へインタビューを行いました。 フリーソフトウェアの開発から技術記事の執筆へ — この度は翔泳社から「動かして学ぶ！Rust入門」が出版されるとのことで、おめ... 続きを読む

React Application Architecture for Production〜これ一冊で全てが網羅〜

2023/05/09 286 users 網羅 bulletproof-react 一冊 全て 著書

はじめに この記事は、Alan Alickovicさんの著書「React Application Architecture for Production」をまとめたものになります。Alanさんと言えばZennで最も人気のある記事「bulletproof-react」の作者であり、彼のprojectから学ぶことはとても多い印象です。 今回紹介する本は2023年1月に公開されたため、bulletproof-r... 続きを読む

GASとChatGPTを組み合わせてZennとQiitaの急上昇記事を紹介するTwitter botを作った

2023/05/06 22 users Qiita chatgpt tech GAS リクエスト

はじめに idea カテゴリで投稿するか迷いましたが、一応 ChatGPT へリクエストを投げる GAS のコードも紹介しているので、tech 記事で投稿することにしました。 ほしかったもの Qiita には急上昇記事を紹介する公式アカウントが存在しています。 が、Zenn には公式のそれが存在していませんでした。 一応公式アカウント... 続きを読む

2022年のOSS関連収入まとめ - 酒日記 はてな支店

2022/12/26 16 users はてな支店 酒日記 GitHub OSS 最初

2022年も押し詰まって来ましたね。OSSの収入まとめがはやっているようなので、自分もまとめておきます。 最初にまとめ GitHub Sponsors ¥116,308 + Zenn ¥56,626 = ¥172,934 でした。 ただし、今年の収入のうち$550はGitHubが突然始めた Thank you to our maintainers だったので、それがなければ年間10万円以下だったと... 続きを読む

Next.js の Zod 活用術

2022/12/14 16 users getServerSideProps Zod Tips 本稿

本年は Next.js + バリデーションライブラリの Zod をよく利用し、Zenn でもいくつかの関連記事を投稿しました。本稿では、この組み合わせならではの TIPS を紹介します。記事で紹介するサンプルは以下に置いています。 リクエスト検証に便利な Zod Next.js で getServerSideProps を使用すると、リクエスト検証をサーバ... 続きを読む

個人開発を学べる記事 23選

2022/11/18 638 users 個人開発 23選 Qiita 独断 偏見

本記事で紹介されている記事はあくまで個人の独断・偏見に基づいたものであることは予め述べておきます。今回の記事で紹介する記事は、いいねの数がQiitaであれば4桁、Zennであれば3桁であるものを中心に紹介していきます。 開設後３週間で収益１０万円を得た個人開発サイトでやったことの全部を公開する 個人開発の面白... 続きを読む

Git ブランチの表現も Mermaid がよい感じに表示してくれました

2022/10/18 12 users Mermaid GitHub Markdown ブランチ 表現

Zenn や GitHub の Markdown から利用できる Mermaid には「Git ブランチを表現する」機能があります。 その機能を利用してみたところよい感じだったので、記述方法やカスタマイズについてなどを記事にしてみます。 Git ブランチを表現するとは？ ドキュメントでブランチの説明などを読んでいると下記のような図(グラフ)... 続きを読む

Next.jsにおけるSVGファイルの表示方法を考える

2022/10/16 9 users SVGファイル Next.js src SVG IMGタグ

はじめに フロントエンド開発を進める際に、Next.jsでのSVGでの扱い方について考える機会があったので、Zennで共有しようと思った次第です。 本来、Webサイト内でSVGファイルを表示させる方法は、大きく分けて以下3点だと思われます。 imgタグのsrcにSVGファイルへのパスを設定して読み込ませる。 CSSファイル内のbackgr... 続きを読む

ZennでRustの記事を書いたら本を書くことになった話

2022/10/13 19 users rust

脱稿(執筆の完了・提出)は当初6末予定だったのですが、書いてるうちにどうしても間に合わず2週間ほど予定をずらさせていただきました。実は企画が通る前から少し書いてたのですが、それでもどうしても子育て・仕事・執筆の3つを成り立たせ続けるのは至難の業で、結果遅れてしまいました。 企画後、実際の執筆の流れもみ... 続きを読む