Tsuukoのブックマーク (331)

  • AWS CDKのコード変更時にリアルタイムで構成図のプレビューを表示する

    TL;DR プレビュー対象はcdk synthで出力されたCloudFormationのテンプレートファイル 構成図はVSCode拡張機能aws toolkitのApplication Composerでプレビュー表示(変更検知機能利用) nodemonを用いて、プレビューを開いた状態でtsファイル保存時にcdk synthを実行することで再表示させる nodemon -e ts --ignore cdk.out --exec 'cdk synth' 情報元: aws-summit-2024-iac-booth-demo/realtime-draw-diagram at main · aws-samples/aws-summit-2024-iac-booth-demo · GitHub 前準備 ※コンテナ開発/TypeScriptを前提とする。 1. CDKプロジェクト作成 すでに作成済み

    AWS CDKのコード変更時にリアルタイムで構成図のプレビューを表示する
    Tsuuko
    Tsuuko 2024/06/24
  • 情報整理の決定版「NotebookLM」が最高すぎる。こういうのがほしかったのよ!! (1/7)


      EvernoteMicrosoft OneNoteNotion  66NotebookLM AI
    情報整理の決定版「NotebookLM」が最高すぎる。こういうのがほしかったのよ!! (1/7)
    Tsuuko
    Tsuuko 2024/06/15
    読書感想文が一瞬で終わりそう
  • 2ヶ月でAWS認定12冠したので攻略法を語ります - Qiita

    AWS認定 is 何? 人気のクラウドサービス「アマゾンウェブサービス」が提供している認定資格試験です。パソコンで実施するタイプの選択式テストとなります。 時流に応じて資格数は増減しています。だいたい10件ちょいです。 2023年度:12資格 2024年度:10資格(→また12に増える予定) 何をやったの? 昨年末、急に思い立って認定資格を2ヶ月でコンプ(全冠)しました。 すいません、ちょっと盛りました。登竜門の「SAA(ソリューションアーキテクト アソシエイト)」だけは3年前に取っていました。 残りは週に1〜2件のペースで取得していたことになります。 資格に挑戦した理由は? 実は私、「資格を取ること」にあまり価値を感じていませんでした。 勉強に多くの時間を使う必要があり、他のことができなくなる 机上学習やるならハンズオンに時間を割く方が実務に活きやすい 数が多すぎて、全冠なんて自分とは別

    2ヶ月でAWS認定12冠したので攻略法を語ります - Qiita
    Tsuuko
    Tsuuko 2024/06/12
  • KillerCodaで無料Kubernetesを遊び尽くす!

    KillerCodaというサイトがあるのですが、こちらは無料でKubernetesを使えそうだったので色々試してみます! なんとCKAやCKADの練習にもなる!というのが魅力的に感じました✨ KillerCodaの概要 ユーザーが既存のシナリオから学び、クリエイターとしてはあらゆるツールや技術を教えるためのシナリオを提供できることが特徴のサイトです。単に無料で遊べるというよりは、シナリオを作る・シェアする・学ぶというところがメインのようです。 それは無料/有料ユーザーの違いにも表れています。Nodeのスペックではなく、シナリオに関連する要素が課金対象となるようです。 Free User シナリオ使用数は無限 パブリックシナリオは3つまで作成可能 PLUS Member(有料メンバー) シナリオを4時間まで使用可能 同時に3シナリオを開くことができる Exam Remote Desktop

    KillerCodaで無料Kubernetesを遊び尽くす!
    Tsuuko
    Tsuuko 2024/06/03
  • Next.jsとPrismaをCloudflareにデプロイして月300万のDBクエリに無料で耐える


     Next.js  Cloudflare  Edge Runtime Edge Runtime Node.js Runtime Prisma 使  Prisma Accelerate Prisma Accelerate Edge Runtime  Prisma 使 6  Prisma Accelerate  Cloudflare Workers  
    Next.jsとPrismaをCloudflareにデプロイして月300万のDBクエリに無料で耐える
    Tsuuko
    Tsuuko 2024/06/02
  • AIUI.me - Screenshot to code

    Transform any screenshot into a fully functional, reusable component with just a single click.

    AIUI.me - Screenshot to code
    Tsuuko
    Tsuuko 2024/06/02
  • React 19の新機能まるわかり

    2024年4月にリリースされたReact 19 Betaの新機能について、細かい点やポイントを解説します。

    React 19の新機能まるわかり
    Tsuuko
    Tsuuko 2024/05/30
  • VS Codeでマークダウンを快適に書きたい! オススメの拡張機能と設定6選 - ICS MEDIA


    使使 VS Code使 VS Code便  VS CodeExceltoMarkdowntable
    VS Codeでマークダウンを快適に書きたい! オススメの拡張機能と設定6選 - ICS MEDIA
    Tsuuko
    Tsuuko 2024/05/24
  • Magic UI

    UI library for Design Engineers20+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion. 100% open-source, and customizable.

    Magic UI
    Tsuuko
    Tsuuko 2024/05/24
  • 令和のHTML / CSS / JavaScriptの書き方50選


    Web 2024Web 調 1. HTML  Lazy loading <img>loading="lazy"
    令和のHTML / CSS / JavaScriptの書き方50選
    Tsuuko
    Tsuuko 2024/05/14
  • 中級Git操作


    GitHubScott ChaconPro GitSo You Think You Know GitGit  git rerere git rerere"reuse recorded resolution"  git config --global rerere.enabled truegitmain
    中級Git操作
    Tsuuko
    Tsuuko 2024/05/03
  • OIDCって何なんだー?から、実際に使うまで - BASEプロダクトチームブログ


     BASE BANK Division @gatchan0807  OIDCOpenID Connect使OIDCBASE BANK使 OIDC OIDCWeb OIDC調調
    OIDCって何なんだー?から、実際に使うまで - BASEプロダクトチームブログ
    Tsuuko
    Tsuuko 2024/05/01
  • Next.js 型安全なルーティングを使う

    Next.js 型安全なルーティングを使う 2024.04.28 Next.js では実験的な機能として、型安全なルーティングを利用できます。この機能を使うことでリンク先のパス名を静的に検査できるため、typo などのエラーを事前に防ぐことができます。 この記事における「型安全」とは、静的な型検査によりランタイムで起こり得るエラーを事前に検知することを指します。 Next.js では Next.js 13.2 より実験的な機能として、型安全なルーティングを利用できます。この機能を使うことでリンク先のパス名を静的に検査できるため、typo などのエラーを事前に防ぐことができます。 なお、型安全なルーティングを利用するためには App Router と TypeScript を使用している必要があります。 型安全なルーティングの利用方法 型安全なルーティングを有効にするためには、experim

    Next.js 型安全なルーティングを使う
    Tsuuko
    Tsuuko 2024/04/29
  • GitHub - gvcgo/version-manager: 🔥🔥🔥 A general version manager for multiple sdks, such as Java, Go, Node.js, Deno, Bun, .Net, Python, PyPy, PHP, Rust, Kotlin, Scala, Groovy, Flutter, Julia, Zig, V, Typst, Android SDKs. A much better choice than vfox, fn

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - gvcgo/version-manager: 🔥🔥🔥 A general version manager for multiple sdks, such as Java, Go, Node.js, Deno, Bun, .Net, Python, PyPy, PHP, Rust, Kotlin, Scala, Groovy, Flutter, Julia, Zig, V, Typst, Android SDKs. A much better choice than vfox, fn
    Tsuuko
    Tsuuko 2024/04/08
  • 第807回 Vaultwardenでパスワードをセキュアに管理しよう | gihyo.jp


     使使使 1 508password-storeGPGGit
    第807回 Vaultwardenでパスワードをセキュアに管理しよう | gihyo.jp
    Tsuuko
    Tsuuko 2024/04/03
  • Next.jsを初心者向けツールとして捉えている自分が、実践 Next.js を読んでみて


    Next.js Next.js 2024-03-28   Next.js  PR tl;dr App Router    Next.js    @takepepe  Next.js 
    Next.jsを初心者向けツールとして捉えている自分が、実践 Next.js を読んでみて
    Tsuuko
    Tsuuko 2024/03/29
  • romgrk

    I often feel like javascript code in general runs much slower than it could, simply because it’s not optimized properly. Here is a summary of common optimization techniques I’ve found useful. Note that the tradeoff for performance is often readability, so the question of when to go for performance versus readability is a question left to the reader. I’ll also note that talking about optimization n

    Tsuuko
    Tsuuko 2024/03/22
  • Cloud Run + Litestream で RDB を使いつつ費用を格安に抑える


    Litestream  Cloud Run 使Litestream        Litestream Litestream  SQLite  Amazon S3  Google Cloud Storage   Cloud Run  DB SQLite 使 SQLite  Litestream 使 SQLite 
    Cloud Run + Litestream で RDB を使いつつ費用を格安に抑える
    Tsuuko
    Tsuuko 2024/02/06
  • TypeScript のような構文で OpenAPI のスキーマを定義する TypeSpec

    import "@typespec/http"; using TypeSpec.Http; model User { id: string; name: string; birthday?: utcDateTime; address: Address; } model Address { street: string; city: string; state: string; zip: string; } @route("/users") interface Users { list(@query limit: int32, @query skip: int32): User[]; create(@body user: User): User; get(@path id: string): User; } openapi: 3.0.0 info: title: (title) versio

    TypeScript のような構文で OpenAPI のスキーマを定義する TypeSpec
    Tsuuko
    Tsuuko 2024/01/29
  • 「普段YouTube何見てるん?」って聞かれた時に恥ずかしくなく話が盛り上がるベストYouTuberを知りたい

    リンク YouTube Genの炊事場 SUIJIBA 趣味で脚小説を書いているものです。 料理も映像製作も趣味ですので、どうかお手柔らかに。 ■メンバーシップ登録は一番下の URLから↓ 週に4回程度、リスナーさんとアットホームに馬鹿話をしています。 月額90円でいつでもやめられますのでお気軽に。ご新規さん大歓迎です! 同居人のカレー屋チャンネル↓ https://www.youtube.com/channel/UCZYNMKwoJ22LgDWenKT-JYg ご用の方はどのような内容でも下記のアドレスへお気軽に↓ tokyomeshinotomo@gm 3 users 81

    「普段YouTube何見てるん?」って聞かれた時に恥ずかしくなく話が盛り上がるベストYouTuberを知りたい
    Tsuuko
    Tsuuko 2024/01/17
    量産型のずんだもんと5chまとめ…