tsukuruiroiroのブックマーク (799)

  • Cloudflare Pages・Vercel ・Netlify の違いや使い分けをまとめる


    Vercel VercelNext.jsSSRNuxt.jsbuilder使SSRVercelbuilderSSR VercelWeb API/apiJS Netlify Netlify Functions使netlify-plugin-nextjs使Next.jsSSRnetlify.to
    Cloudflare Pages・Vercel ・Netlify の違いや使い分けをまとめる
    tsukuruiroiro
    tsukuruiroiro 2021/03/04
    それぞれデプロイして調べてみた
  • レンタルサーバー運営会社に不正利用を通報したときの窓口と、各社の対応をまとめた。 - Qiita


     CMS使    |  Web Fundamentals  |  Google Developers   IPA
    レンタルサーバー運営会社に不正利用を通報したときの窓口と、各社の対応をまとめた。 - Qiita
  • ウェブサービスで最初の1000人のユーザーを獲得するために行うべき8つのこと


    YipitDataCEO How To Get Your First 1,000 Users | Vinicius Vacanti http://viniciusvacanti.com/2011/02/08/how-to-get-your-first-1000-users/ 10001000
    ウェブサービスで最初の1000人のユーザーを獲得するために行うべき8つのこと
  • ITエンジニアとしての勉強をやめた話 - infragirl’s blog


      AZ-900  11(´)  3 (´) 
    ITエンジニアとしての勉強をやめた話 - infragirl’s blog
  • Clubhouse リアルタイム配信の仕組みについて (解説編)

    Cloubhouse はすでに OSS である Janus Gateway に切り替えており Agora は使用していないようです ライセンス Creative Commons — 表示 - 非営利 - 改変禁止 4.0 国際 — CC BY-NC-ND 4.0 前提 ざっくりと雑に解説。 どんな技術を使っていてこんな感じだろうという妄想は以下をどうぞ。 Clubhouse リアルタイム配信の仕組みについて (妄想編) 著者 商用 WebRTC SFU 開発者 WebRTC プロトコルスタック実装者 End to End Encryption プロトコルスタック実装者 Clubhouse の仕組みはとてもシンプルで配信者が N 人で、それを数千人が聞くという co-streaming と呼ばれる仕組みの一つ。この方式は今までは主に映像ありでパネルディスカッション的な使い方が主だっだ。それを

    Clubhouse リアルタイム配信の仕組みについて (解説編)
  • Clubhouse リアルタイム配信の仕組みについて (妄想編)

    Cloubhouse はすでに OSS である Janus Gateway に切り替えており Agora は使用していないようです ライセンス Creative Commons — 表示 - 非営利 - 改変禁止 4.0 国際 — CC BY-NC-ND 4.0 前提 @suthio_さんがつぶやいていたのがきっかけ https://twitter.com/suthio_/status/1353945619577008128?s=20 招待してくれた @dmnlk さんに感謝 DNS パケット見ただけ 他の方の解析は見ていない クライアント側の処理は知らない 気が向いたら更新している 著者 商用 WebRTC SFU 開発者 WebRTC プロトコルスタック実装者 End to End Encryption プロトコルスタック実装者 IRIAM 配信サーバ設計者 妄想 求人にメディアサーバ

    Clubhouse リアルタイム配信の仕組みについて (妄想編)
    tsukuruiroiro
    tsukuruiroiro 2021/01/30
    Clubhouse、セキュリティ/プライバシー周りでそのうち燃えそうな予感がする…
  • Next.js から Prisma ORM を利用する

    Next.js に Prisma ORM を導入する方法について解説します。 Next.js プロジェクトの雛形を作成 $ mkdir hello-next-app && cd hello-next-app $ npm init -y $ npm install next react react-dom --save $ npm install typescript @types/node @types/react --save-dev $ code src/index.tsx

    Next.js から Prisma ORM を利用する
    tsukuruiroiro
    tsukuruiroiro 2020/12/23
    小さいアプリならこの構成で十分いけそうだなー。nextauth使えば認証周りも楽にできたりするし
  • Command Line Interface Guidelines

    Contents Command Line Interface Guidelines An open-source guide to help you write better command-line programs, taking traditional UNIX principles and updating them for the modern day. Authors Aanand Prasad Engineer at Squarespace, co-creator of Docker Compose. @aanandprasad Ben Firshman Co-creator Replicate, co-creator of Docker Compose. @bfirsh Carl Tashian Offroad Engineer at Smallstep, first e

    Command Line Interface Guidelines
  • Daily Web 2020/11

    Intent to Prototype: Screen Fold API https://groups.google.com/a/chromium.org/g/blink-dev/c/prHGPxF62i4 折りたたみデバイスなどに向けて、たたみ方のタイプや角度を取得できるようにする API Intent to Ship: Schemeful Same-Site https://groups.google.com/a/chromium.org/g/blink-dev/c/aiXFdnA5tsk SameSite Cookie が SchemeLess だったのを SchemeFull に変える http:// と https:// が Cross Site になるので安全性向上 M88 から Finch して影響を調査 Intent to Prototype: Media Source E

    Daily Web 2020/11
    tsukuruiroiro
    tsukuruiroiro 2020/11/28
    このリンク読んでくだけで勉強になる
  • ROC曲線を直感的に理解する

    1. この記事について この記事は、機械学習で出てくるROC曲線を、直感的に理解することを目的とするものです。ROC曲線の一般的な定義や説明自体はインターネット上に溢れているので、ここではそれとは少し違った説明をします。 2. ROC曲線とAUC ROC曲線は、機械学習における二値分類タスクのモデル性能の評価に用いられるものです。モデル出力(予測値)が連続的である場合に用います。 ROC曲線は、予測値と真のターゲットの対応から描くことができ、例えば下図のようなイメージです。 ROC曲線が何者かを述べる前に、これをどのように評価に用いるかを簡単に説明します。 ROC曲線の下側の面積 (AUC: Area Under the Curve) は、予測値の大きい順にデータを並べ変えたとき、1が上に固まっている(0が下に固まっている)ほど大きくなるという性質があります。下図の2つのケースを比較すると

    ROC曲線を直感的に理解する
    tsukuruiroiro
    tsukuruiroiro 2020/11/20
    分かりやすい
  • Next.jsのnext/imageコンポーネントの使い方と注意点


    2020/10/27Next.js10Next.js Conf Next.js10next/imagenext/imagenext/image next/image next/image[1]    PNGJPEGWebPWebP
    Next.jsのnext/imageコンポーネントの使い方と注意点
    tsukuruiroiro
    tsukuruiroiro 2020/10/29
    書いた
  • 世耕参議院幹事長「脱炭素へ原発の新設も検討を」 | 各地の原発 | NHKニュース


    2050  
    世耕参議院幹事長「脱炭素へ原発の新設も検討を」 | 各地の原発 | NHKニュース
  • react-modal のアクセシビリティまわりの実装を読む


    react-modal  v3.11.2   react-modal accessibility3 The app element Keyboard Navigation ARIA attributes The app element  aria-hidden  aria-hid
    react-modal のアクセシビリティまわりの実装を読む
    tsukuruiroiro
    tsukuruiroiro 2020/10/26
    勉強になった。モーダル一つとっても配慮しなきゃいけないポイントが結構あるのね
  • Next.js Database with Prisma | Next-Generation ORM for SQL Databases

    Next.js blurs the lines between client and server. It supports pre-rendering pages at build time (SSG) or request time (SSR). Prisma is the perfect companion if you need to work with a database in a Next.js app. You can decide whether to access your database with Prisma at build time (getStaticProps), at request time (getServersideProps), using API routes, or by entirely separating the backend out

    Next.js Database with Prisma | Next-Generation ORM for SQL Databases
    tsukuruiroiro
    tsukuruiroiro 2020/10/26
    気になる
  • 競技プログラマのためのSwiftチートシート

    Swift 未経験者が Swift競技プログラミングに挑戦してみるための、 Swift の基構文や標準ライブラリのチートシートです。競技プログラミングで必要そうなものに絞って掲載しています。より詳しい情報は公式ドキュメント "The Swift Programming Language" を御覧下さい。 チートシートの各項目に素早くアクセスするには、ページ右下の "Contents" をご活用下さい。 Hello World

    競技プログラマのためのSwiftチートシート
    tsukuruiroiro
    tsukuruiroiro 2020/10/26
    すごいボリュームですごい(語彙力)
  • チーム個々人のテックブログをRSSで集約するサイトを作った(Next.js)


      - note.com or退    稿稿
    チーム個々人のテックブログをRSSで集約するサイトを作った(Next.js)
    tsukuruiroiro
    tsukuruiroiro 2020/10/25
    書いた
  • SSR / SSGの理解を一段深ぼる: BFFアーキテクチャ


    BFF Backend for FrountendUI/UX Web  DB  () or DB BFFWebor UX BB
    SSR / SSGの理解を一段深ぼる: BFFアーキテクチャ
    tsukuruiroiro
    tsukuruiroiro 2020/10/22
    Vercel + Next.jsだとこのあたりの複雑な処理をほとんどやってくれるから楽
  • Early Work

    初期の作品 --- Early Work Paul Graham, October 2020 これは、Paul Graham: Early Work を、原著者の許可を得て翻訳・公開するものです。 <版権表示> 和訳テキストの複製、変更、再配布は、この版権表示を残す限り、自由に行って結構です。 (「この版権表示」には上の文も含まれます。すなわち、再配布を禁止してはいけません)。 Copyright 2020 by Paul Graham 原文: http://www.paulgraham.com/early.html語訳:Shiro Kawai (shiro @ acm.org) <版権表示終り> Paul Graham氏のエッセイをまとめた『ハッカーと画家』の 邦訳版が出版されました。 出版社の案内ページ Amazon.co.jp サポートページ 2020/10/20 翻訳公開

    Early Work
    tsukuruiroiro
    tsukuruiroiro 2020/10/22
    それな「ださいものを作ってしまうことへの恐れ」
  • AIが手描きのスケッチを美しいプロトタイプに変換してくれる「uizard」を使ってみた! - paiza times


    @0310lan AIWeb 調  uizard  uizard uizard AI  AI PC
    AIが手描きのスケッチを美しいプロトタイプに変換してくれる「uizard」を使ってみた! - paiza times
    tsukuruiroiro
    tsukuruiroiro 2020/10/22
    こういうツール便利だけど、後から修正するときにそのツール上で修正しなきゃいけないのはネック。それなら最初からXD使うかーってなっちゃう
  • プログラミング的ゾンビとプログラミングの学習について

    背景 こちらのまとめを読んで、「数学的ゾンビ」と面白い考え方だなと思うので、プログラミング的ゾンビというのも考えられないかと考えてみた。そして、同時にプログラミングの理解だとかプログラミングの学習とか、そのところも同時に書いていければなーとかでいろいろ書いてみた。 プログラミング的ゾンビについて プログラミング的ゾンビとは? プログラミング的ゾンビというものを考えたとき、それはどういうものか?考えてみると以下の2つの点があてはまれば、プログラミング的ゾンビだと言えるだろう。 プログラムを書けるように見える プログラムの内容や意味するところは分かっていない と考えたとき、どのような人がプログラミング的ゾンビだろうか?と思うわけで、具体例を示していこう。 プログラミング的ゾンビの具体例 こうしたとき、プログラミングゾンビの一番典型的なのが、誰かが書いたコードをひたすらコピペして作る人たちだ。そ

    プログラミング的ゾンビとプログラミングの学習について
    tsukuruiroiro
    tsukuruiroiro 2020/10/22
    人気の言語とかフレームワークとかだとググったらだいたいのパターンのサンプルコードが見つかるから いつまでとゾンビ状態から抜けられない人もけっこういるんだろうな