mr_ozinのブックマーク (1,324)

  • Cloudflare Workersとかでお仕事したり遊んだりしていたら就職することになった件|ryoppippi


    5: Cloudflare/20235  Cloudflare Workers/Pages (Host) SvelteKit() Hono (API Backend) Lucia Auth () Drizzle (ORM) Swift UI() Planetscale (DB) etc... Web FrontendiOS full stack engineer1
    Cloudflare Workersとかでお仕事したり遊んだりしていたら就職することになった件|ryoppippi
    mr_ozin
    mr_ozin 2024/01/10
  • JavaScriptの組み込みAPIのIntlが凄いので紹介してみた。

    はじめに 明けましておめでとうございます。 (一週間遅れ) この記事はJavaScriptの組み込みAPI Intl の紹介と解説です。 Intl とは? MDN から引用すると Intl オブジェクトは、 ECMAScript の国際化 API の名前空間で、言語に依存した文字列の比較、数値の書式化と、日付の書式化を提供します。 Intl オブジェクトは、いくつかのコンストラクターに加え、国際化コンストラクターや他の言語に関する関数に共通する機能へのアクセスを提供します 用はi18nの書式版です。 例を出すより見たほうが早いので実際に機能解説します。 (先に言っておきますが、実はこれバックエンド無しで自然言語処理が出来る優れものです。) 用語解説 localesって何?そもそもnewって何?って人がいるかもしれないので locales https://developer.mozilla.

    JavaScriptの組み込みAPIのIntlが凄いので紹介してみた。
    mr_ozin
    mr_ozin 2024/01/07
    id:Fushihara ちょっと長いけどこんな感じで書けます (new Date()).toLocaleDateString("ja", {year: "numeric", month: "2-digit", day: "2-digit"}) => '2024/01/07'
  • Webフロントエンド入門


     HTMLCSSJSweb2023 😇  HTML, CSS, JS Web  React, Next.js WebJS(React) ReactFacebookVercel使Next.js 
    Webフロントエンド入門
    mr_ozin
    mr_ozin 2024/01/07
    多分Web制作の人が今現在流行っているフロントエンドに入門する話だと思うけど、Node.jsだったり、なぜbundleツールが必要なのかも軽く触れた方がいい気がした、scriptタグでjQuery入れる時代とは隔世の感がありすぎる
  • useEffect: 基礎から使用すべきでない例まで

    はじめに useEffect について、きっちり調べようと思い調べてみた。公式ドキュメントのまとめ記事になっている。 useEffect 基礎編 useEffect とは Effect を用いるとレンダリングの後にコードを走らせることができ、React 外のシステムの要素と同期することが可能になる。 なぜ必要か まず、React コンポーネントの二種類のロジックについて整理する。 レンダリング レンダリングをする際、コードはpropsとstateを受け取り、変換し、画面で表示したいJSXを返す。コードのレンダリングは結果のみを計算するべきでそれ以上のことをするべきではない。 イベントハンドラ イベントハンドラはコンポーネントの中にある関数で、Input Field の更新やユーザを他の画面へ誘導したり等、単純な計算以上の役割を担う。イベントハンドラはユーザの行動(ボタンクリック等)による、

    useEffect: 基礎から使用すべきでない例まで
    mr_ozin
    mr_ozin 2024/01/05
  • 父方の集まり、ガチで俺以外全員賢くて「IQが20違うと話が通じない」の下側を担当させられるの最悪→それはつれぇ…

    ひるくる @ramen3856 話し通じないの、瞬発的なIQというよりは教養と知識量に差が開きすぎてて会話の基礎部分が共有できてない感じだ 2024-01-02 16:02:38

    父方の集まり、ガチで俺以外全員賢くて「IQが20違うと話が通じない」の下側を担当させられるの最悪→それはつれぇ…
    mr_ozin
    mr_ozin 2024/01/04
    でも俺はアンタの「妹含め俺以外の子ども4人勉強始めて草 俺dlsite眺めてるけど」の切れ味が好きだぜ
  • OGPの設定をPlaywrightで自動テストする

    どういう人向け OGP の確認を毎回デプロイしてから Twitter に URL を貼り付けて確認している人 Twitter Card Validator が使えなくて困っている人 meta タグのテストってどうやって書くのか模索している人 サンプルリポジトリ 自分のサイトですが、こんな感じでテストを書いています。 Playwright の page.locator で meta タグのチェックを行う Playwright で要素のチェックを行う時はawait page.getByRole("button")といった感じでページ内の要素を取得できます。 Example を見た感じだと Body 内の要素の取得に使うものだと思われていそうですが、Head 内の要素も取得できます。 ということは、<meta property="og:title" content="Example.com" /

    OGPの設定をPlaywrightで自動テストする
    mr_ozin
    mr_ozin 2024/01/04
  • コンテナって何?(Kubernetes入門)

    初心者むけK8sハンズオンの補助資料です https://qiita.com/minorun365/items/0441e4878f0984a9fc0a

    コンテナって何?(Kubernetes入門)
    mr_ozin
    mr_ozin 2024/01/02
  • 栗田 唯の映画から学ぶ画づくりのセオリー 第1回:『ブレイキング・バッド』シリーズから学ぶ、視線誘導(前編)【新連載】


    2023/12/28   1 CGWORLD.jp TVTV   Blizzard Entertainment
    栗田 唯の映画から学ぶ画づくりのセオリー 第1回:『ブレイキング・バッド』シリーズから学ぶ、視線誘導(前編)【新連載】
    mr_ozin
    mr_ozin 2023/12/29
  • 12のソフトウェア・アーキテクチャの落とし穴とその避け方


      MVP
    12のソフトウェア・アーキテクチャの落とし穴とその避け方
    mr_ozin
    mr_ozin 2023/12/29
  • 生成AIの反対

    何?

    生成AIの反対
    mr_ozin
    mr_ozin 2023/12/28
    無産自然知能
  • 自分を救うプログラミング|naoya


          
    自分を救うプログラミング|naoya
    mr_ozin
    mr_ozin 2023/12/28
  • エンジニアは顧客の要望をちゃんと聞こう 〜「うちの店でカレーを出したい」と言われたら?〜|Katsuma Narisawa


    SALESCORECTO Web    調     調  調 
    エンジニアは顧客の要望をちゃんと聞こう 〜「うちの店でカレーを出したい」と言われたら?〜|Katsuma Narisawa
    mr_ozin
    mr_ozin 2023/12/27
    本当に辛いパターンとして、エンジニア側から必死にヒアリングや再提案しても「やることはすでに決まっているから」でリジェクトされて、やっている意味が分からないままずっと作業させられるのがある
  • 【PR】『Tailwind CSS実践入門』を2024年1月26日に出版します


    [1]Tailwind CSS  AmazonEC  HTMLCSS CSS使CSS Tailwind CSS93
    【PR】『Tailwind CSS実践入門』を2024年1月26日に出版します
    mr_ozin
    mr_ozin 2023/12/27
  • なんで TypeScript に Schema Validation ライブラリが必要なのか(Valibot作例付き)


    TypeScript  Schema Validation  FetchAPI 使 JSON  //  type Post = { postId: number; //  id: number userId: number; title: string; body: string; }; const fetchPost = async (id: number): Promise<Post> => { const response = await fetch( `https://jsonplaceholder.typicode.com/posts/${id}` ); // any const json
    なんで TypeScript に Schema Validation ライブラリが必要なのか(Valibot作例付き)
    mr_ozin
    mr_ozin 2023/12/27
    書きました。Optional地獄におさらば
  • npm ciのキャッシュ方式の検討


    node_modulesnpmci CInpmci使  ~/.npm node_modules  ~/.npmnpmciPOSIXOS ~/.npm package-lock.json npmci
    mr_ozin
    mr_ozin 2023/12/26
  • IMAX / Dolby 検索

    に存在するIMAXシアター、Dolbyテクノロジーが採用されている映画館を検索、表示します

    IMAX / Dolby 検索
    mr_ozin
    mr_ozin 2023/12/21
    作りました。映画館選びにご活用ください。
  • 多様なプロダクトが存在する freee における health check 標準化 - freee Developers Hub


    freee  Platform Solution 1 nkgw Twitter   freee  Advent Calendar 2023 15 調 freee  health check health check freee  health check  ...  health
    多様なプロダクトが存在する freee における health check 標準化 - freee Developers Hub
    mr_ozin
    mr_ozin 2023/12/17
  • Vite は使ってないけど Jest を Vitest に移行する


    () Vitest  Jest npm-scripts Vite使Vitest 使  Jest Vitest  Webpack 使Vite使 ViteVitest 使 Vitest
    Vite は使ってないけど Jest を Vitest に移行する
    mr_ozin
    mr_ozin 2023/12/15
  • デジタル庁でjQueryが何をしているのか - laiso


    TL;DR: jQueryDrupal WebNext.jsDrupal1 jQuery  Hal Seki DrupalCMS2DrupalNextjs
    デジタル庁でjQueryが何をしているのか - laiso
    mr_ozin
    mr_ozin 2023/12/14
  • Node.js v12 を使い続けていたのはなぁぜなぁぜ?

    移行が大変だもん

    Node.js v12 を使い続けていたのはなぁぜなぁぜ?
    mr_ozin
    mr_ozin 2023/12/14