はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    GWの過ごし方

『zenn.dev』

  • 人気
  • 新着
  • すべて
  • OGPを確認するための CLI を作った

    4 users

    zenn.dev/uzimaru0000

    $ curl -s https://ogp.me | og +-----------------+-----------------------------------------------------------------------------------------+ | property | content | +-----------------+-----------------------------------------------------------------------------------------+ | og:title | Open Graph protocol | +-----------------+-------------------------------------------------------------------------

    • テクノロジー
    • 2023/06/27 09:21
    • Cloudflare Workers で画像生成

      30 users

      zenn.dev/uzimaru0000

      どうも、 uzimaru です。 最近、Vercel が @vercel/og という package をリリースしました。 これは、Vercel Edge Functions で OGP 画像を生成するための package です。 Vercel はすでに vercel/og-image というリポジトリを公開しており、それを Fork して画像生成をしていた人も多いと思います。(自分もやってました) こちらのリポジトリと違い @vercel/og は、ReactLike な Object や HTML を元に直接画像を生成するというアプローチを取っています。 そこで今回は、Edge 環境の一つである Cloudflare Workers で同じようなことをしてみたので記事にします。 @vercel/og の仕組み まずは、 @vercel/og の仕組みから説明します。 こちらのライブ

      • テクノロジー
      • 2022/10/19 05:18
      • Cloudflare
      • あとで読む
      • react-hook-form と zod でバリデーションのその先へ

        71 users

        zenn.dev/uzimaru0000

        どうも、 uzimaru です。 最近、react-hook-form と zod を使っていい感じにやっているのでそれについてまとめようと思います。 react-hook-form で zod を使う 公式から利用する方法が提供されています。 https://www.npmjs.com/package/@hookform/resolvers これを useForm の resolver で利用することで zod が使えるようになります。 zod 以外にも Yup, Superstruct, Joi, io-ts などが利用できます import { useForm } from "react-hook-form"; import { zodResolver } from "@hookform/resolvers/zod"; import * as z from "zod"; const

        • テクノロジー
        • 2022/06/24 19:35
        • react
        • zod
        • あとで読む
        • validation
        • development
        • programming
        • 開発
        • web
        • JSONをいい感じに見るCLIを作った

          497 users

          zenn.dev/uzimaru0000

          その他 OS の方は GitHub のrelease ページから DL することができます。 使い方 tv はミニマムな CLI として作ったのでテーブル表示の機能とそれに付随したオプションのみを提供しています。 配列になっている JSON をテーブル表示する キーを指定することでそのキーを使ってソートできる いくつかのスタイルでテーブルを表示できる 以上が主の機能です。 Table 表示 ユースケースとして JSON が帰ってくる API を想定します。 API の例として jsonplaceholder を利用します。 今回は https://jsonplaceholder.typicode.com/users を使います。 この API は以下のようなデータが返ってきます。 $ curl -s https://jsonplaceholder.typicode.com/users [

          • テクノロジー
          • 2021/09/06 10:10
          • JSON
          • cli
          • あとで読む
          • ツール
          • tool
          • Rust
          • shell
          • linux
          • javascript
          • 開発
          • OGP画像を簡単に作れるvercelのRuntimeを作りました!

            4 users

            zenn.dev/uzimaru0000

            どうも、 @uzimaru0000 です。 タイトルにもあるように OGP 画像を簡単に作れる vercel の Runtime を作りました。 作ったもの 使い方としては vercel.json に以下のように記述します。 { "version": 2, "functions": { "api/**/*.(html|tsx)": { "runtime": "@uzimaru0000/vercel-og-image@1.4.0", "memory": 1024 } } } functions の api/**/*.(html|tsx) に対応するファイルがこの Runtime で処理されます。 html と tsx に対応しています。 tsx は、React の Component を default で export することでその Component を元にした OGP 画像が生成され

            • テクノロジー
            • 2020/12/19 20:12
            • あとで読む
            • fetchの結果に型を付けたい

              3 users

              zenn.dev/uzimaru0000

              この記事は Aizu Advent Calendar 2020 6 日目の記事になります。 Fetch API の問題 Web フロントエンドでは任意のタイミングで HTTP リクエストをすることがあります。 XMLHttpRequest, jQuery.ajax, axios, etc... たくさんの手段があります。 僕はその中でも Fetch API を使うことが多いのですが、ここで少し問題点があります。 下のコードを見てみましょう。 /* このエンドポイントにリクエストを送ると { id: String, name: String, age: Number, created_at: Number, updated_at: Number, } というデータが返ってくるとする */ const END_POINT = '<URL>'; const apiRequest = () =>

              • テクノロジー
              • 2020/12/06 13:28
              • あとで読む
              • RustでつくるGit入門

                259 users

                zenn.dev/uzimaru0000

                Gitの仕組みを学び、Rustで実装する内容をまとめました。 Gitの仕組みの部分は無料公開されています。

                • テクノロジー
                • 2020/10/30 14:16
                • rust
                • git
                • あとで読む
                • book
                • 202010
                • 本
                • 勉強

                このページはまだ
                ブックマークされていません

                このページを最初にブックマークしてみませんか?

                『zenn.dev』の新着エントリーを見る

                キーボードショートカット一覧

                j次のブックマーク

                k前のブックマーク

                lあとで読む

                eコメント一覧を開く

                oページを開く

                はてなブックマーク

                • 総合
                • 一般
                • 世の中
                • 政治と経済
                • 暮らし
                • 学び
                • テクノロジー
                • エンタメ
                • アニメとゲーム
                • おもしろ
                • アプリ・拡張機能
                • 開発ブログ
                • ヘルプ
                • お問い合わせ
                • ガイドライン
                • 利用規約
                • プライバシーポリシー
                • 利用者情報の外部送信について
                • ガイドライン
                • 利用規約
                • プライバシーポリシー
                • 利用者情報の外部送信について

                公式Twitter

                • 公式アカウント
                • ホットエントリー

                はてなのサービス

                • はてなブログ
                • はてなブログPro
                • 人力検索はてな
                • はてなブログ タグ
                • はてなニュース
                • ソレドコ
                • App Storeからダウンロード
                • Google Playで手に入れよう
                Copyright © 2005-2026 Hatena. All Rights Reserved.
                設定を変更しましたx