pinkid77のブックマーク (138)

  • 「GitHub難しい!!」を30分で解決するサイトを共同開発しました🚀|kazzyfrog


     GitHub  First Contributions JA 使  GitHub   First Contributions JA First Contributions JA  - React/ Next.js Web - GitHub -  2  1. JavaScript/ React  JavaScript/ React 
    「GitHub難しい!!」を30分で解決するサイトを共同開発しました🚀|kazzyfrog
    pinkid77
    pinkid77 2024/06/30
  • 知らないとあぶない、Next.js セキュリティばなし


     zaru Next.js  3 Client Components  Props  Server Actions   Next.js    Next.js  Client Components  Props  Client
    知らないとあぶない、Next.js セキュリティばなし
    pinkid77
    pinkid77 2024/06/30
  • CSSはどんどん進化している! マグネットのようにくっつくエフェクトを実装するテクニック -CSS Anchor Positioning


    CSS JavaScript Anchor Magnet Slide Menu   CSSChrome 125+使 See the Pen Anchor Magnet Slide Menu by coliss (@coliss) on CodePen
    CSSはどんどん進化している! マグネットのようにくっつくエフェクトを実装するテクニック -CSS Anchor Positioning
    pinkid77
    pinkid77 2024/05/22
  • 【新機能】Vercel Postgres + Next.js + PrismaでフルスタックWebアプリケーションを作ってみた


    GW5Vercel(2023 5/1) Storage VercelPostgres VercelKVVercel BlobVercelPostgres使ClientServerPrisma + Next.js
    【新機能】Vercel Postgres + Next.js + PrismaでフルスタックWebアプリケーションを作ってみた
    pinkid77
    pinkid77 2023/05/03
  • 過激派が教える! useEffectの正しい使い方


    ReactuseEffect使useEffect使  使React ReactUIReactUIReactReactReact ReactReact
    過激派が教える! useEffectの正しい使い方
    pinkid77
    pinkid77 2023/05/03
  • ユニットテストをGitHub CopilotとChatGPT使って書いてみたらやばかったです | DevelopersIO


    GitHub CopilotChatGPT AWS@bun76235104  AI   OSSGitHub CopilotChatGPT  OSS使 GitHub Copilot
    ユニットテストをGitHub CopilotとChatGPT使って書いてみたらやばかったです | DevelopersIO
    pinkid77
    pinkid77 2023/03/31
  • とってもやさしいフロントエンド入門

    まず、新しいアイデアが提案されると、ステージ0の「Strawman」と呼ばれる段階に入ります。ステージ0のアイデアが価値のある提案として見なされ、大まかな形で問題点や解決策を説明できるようになると、ステージ1の「Proposal」と呼ばれる段階に進みます。そして、提案がある程度まとまって仕様の草案として認められると、ステージ2の「Draft」と呼ばれる段階に上がります。さらに細かいところまで練り上げられて、仕様がほぼ完成した状態になると、ステージ3の「Candidate」の段階になります。最後に、2つ以上のブラウザがその機能を実装していて、ECMAScript の編集者に承認されると、ステージ4の「Finished」と呼ばれる段階になります。 ステージ4に上がった提案は、毎年 6 月のタイミングで ECMAScript の新しいバージョンとしてリリースされます。リリースする際は、ECMAS

    とってもやさしいフロントエンド入門
    pinkid77
    pinkid77 2023/03/25
  • TypeScript 型レベル関数型プログラミング in 2023 - Object.create(null)

    ちょっと前に話題になった hotscript の技法の紹介やら, ラムダ計算を TypeScript の型にコンパイルする話やらなんやら. 通常の型レベル関数 TypeScript の型エイリアスはパラメータを取れるので, これは型レベルの関数であるとみなせます. type IsNumber<X> = X extends number ? true : false; type A = IsNumber<42>; // = true 一方でこのようにして定義された関数は第一級ではない, つまり関数そのものを他の関数の引数として渡したりすることができません. type FilterUnion<F, X> = X extends unknown ? (F<X> extends true ? X : never) : never; // ~~~~ // ^ Error: Type 'F' is n

    TypeScript 型レベル関数型プログラミング in 2023 - Object.create(null)
    pinkid77
    pinkid77 2023/03/25
  • やはりお前らの「公開鍵暗号」はまちがっている。


       使 SSHTLS    
    やはりお前らの「公開鍵暗号」はまちがっている。
    pinkid77
    pinkid77 2023/03/07
  • const Hoge: React.FC<Props>=()=>って書いてたら思考停止系と言われたので調べた


    VTeacherSatokoQA 2006(LINE)(LINE)10GREEIT()😅 1.React   
    const Hoge: React.FC<Props>=()=>って書いてたら思考停止系と言われたので調べた
    pinkid77
    pinkid77 2023/02/23
  • ReactではじめるChrome拡張開発入門


    ReactTypeScriptChrome  DeepLChrome  2  React 2023/02/20  2024/02/18 
    ReactではじめるChrome拡張開発入門
    pinkid77
    pinkid77 2023/02/21
  • 単体テストの考え方/使い方 の感想文 | フューチャー技術ブログ

    はじめにTIG EXU真野です。 積読を消化しようというテーマの、読書感想文連載 の1冊目は、単体テストの考え方/使い方 です。 書籍の基礎情報です 2022年12月28日発売 Unit Testing Principles, Practices, and Patterns の翻訳書。原著は2020年1月14日に発売 テーマ 質の高いテストを行い、ソフトウェアに価値をもたらそう!単体(unit)テストの原則・実践とそのパターン プロジェクトの持続可能な成長を実現するための戦略 単体テストの原則・実践とそのパターン コード例は C# であるものの、どの言語でも適用できる汎用的な内容とのこと 中を見ると、微妙にC#特有ぽいところに1箇所悩みましたが、それ以外はその通り 翻訳者の須田さんは、他にもセキュア・バイ・デザイン: 安全なソフトウェア設計 やOAuth徹底入門 セキュアな認可システムを適

    単体テストの考え方/使い方 の感想文 | フューチャー技術ブログ
    pinkid77
    pinkid77 2023/02/21
  • フロントエンド開発のためのセキュリティ入門

    Developers Summit 2023 10-A-4 「フロントエンド開発のためのセキュリティ入門」の発表資料です。 https://event.shoeisha.jp/devsumi/20230209/session/4176/ 「HTTPS化」「CORS」「XSS」「脆弱なライブラリのチェック」について説明しています。

    フロントエンド開発のためのセキュリティ入門
    pinkid77
    pinkid77 2023/02/10
  • 図で分かるReact18のしくみ


    ?React18使ReactGitHub  note Advent Calendar 2022 17  React React  Fiber ReactFiber Fiber 1Fiber1<MyComponent><div>
    図で分かるReact18のしくみ
    pinkid77
    pinkid77 2022/12/19
  • DBのロックについてあまり意識したことがない人に向けた実は覚えておきたいロックについての知識 - CARTA TECH BLOG


    CARTA fluct   @konsent_nakka CARTA TECH BLOG 12/14DB 調 DB     SELECT : LOCK IN SHARE MODE 
    DBのロックについてあまり意識したことがない人に向けた実は覚えておきたいロックについての知識 - CARTA TECH BLOG
    pinkid77
    pinkid77 2022/12/17
  • SEOで成果を出すために必要な知識と実践方法の全て

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOとは、「Search Engine Optimization」(検索エンジン最適化)という意味で、今の日においては主にGoogleの検索エンジンで上位に表示されるための一連の施策のことだ。(Yahoo!やBingなどの検索エンジンも対象となる)わかりやすくいえば「自社サイトを1位に表示させるための対策」とも言える。 このページでは、よりビジネスを成長させたい方にSEOを攻略するために必要な具体的な知識とスキルを解説している。 ここで解説している通りに、真剣に取り組んでもらえれば、どのような業種の方でも今までをはるかに上回る流入と、コンバージョンを実現することができるようになるだろう。 現在、思うようにサイトにアクセスが集まらなくて

    SEOで成果を出すために必要な知識と実践方法の全て
    pinkid77
    pinkid77 2022/12/14
  • 今すぐにNext.jsでフロントエンド開発 or Web制作を快適に始めたい方におすすめの簡単セットアップを紹介する


     LCL Next.js使  format StylelintEslint  Next.js使LPWebWeb Web1Next.js使
    今すぐにNext.jsでフロントエンド開発 or Web制作を快適に始めたい方におすすめの簡単セットアップを紹介する
    pinkid77
    pinkid77 2022/12/04
  • GitHubのREADMEの見た目をイケてる感じにする

    どうも、hanetsukiです。 GitHubにはアカウントそれぞれにREADMEを乗せられるリポジトリがついているのはご存知でしょうか? 以前から簡易的なプロフィールは掲載していたのですが、訪問していただいた方に「おっ!」っと思わせるようなREADMEにしたいと思い更新することにしました。 今回更新するにあたって何を使ったのかというのを忘備録的に残していきます。 これが今回完成したREADME 詳しいソースコードは、リポジトリをご覧ください。 Skill Icons 自分が持っているスキルなどを表示するときに便利。 他にもお気に入りの言語や、今学習の言語という使い方もできそうですね! 詳しい利用方法は、https://github.com/tandpfun/skill-icons#readme をご覧ください Badge Generator Zennのフォロワー数の記載に利用しています。

    GitHubのREADMEの見た目をイケてる感じにする
    pinkid77
    pinkid77 2022/11/22
  • 【認証】JWTについての説明書

    はじめに この記事を読んでいるあなたはJWTについて知っているだろうか?JWTは、認証されたユーザを識別するために最も一般的に使用される。JWTは認証サーバから発行されて、クライアント・サーバで消費される。 今回の記事では、Webアプリケーションの認証方法として最も利用されているJWT認証を簡潔に解説する。 記事の読者の対象 JWT認証について知らない人 JWTのメリット・デメリット、仕組みについて詳しく知りたい人 アプリケーションの認証方法について詳しく知りたい人 JWTとは JSON Web Token(JWT)とは、クライアント・サーバの間で情報を共有するために使われる規格の1つである。JWTには、共有が必要な情報を持つJSONオブジェクトが含まれている。さらに、各JWTはJSONのcontentsがクライアントあるいは悪意のあるパーティによって改ざんされないように、暗号(ハッシュ

    【認証】JWTについての説明書
    pinkid77
    pinkid77 2022/11/21
  • VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet

    VSCodeを使いこなすには、まずはよく使用する操作のショートカットを覚えることです。コードを書くときに便利なショートカットとどのように機能するか視覚的に分かるチートシートを紹介します。 ショートカットはmacOS, Windows, Linux対応で、視覚的にどうなるか分かるので、記憶に残りやすいと思います。

    VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet
    pinkid77
    pinkid77 2022/10/18