最低限の知識で簡単なWebアプリを作る（生JavaScript vs React&TypeScript、やりたいこと別サンプル集）
Qiita(trend) · 2023-03-12
はじめに ユーザーが何の準備も必要なく、PCでもスマホでも動かすことができるWebアプリの魅力に惹かれてJavaScriptを勉強しました。 Web初心者のわたしが最終的にはこんなアプリたちを作ることができました。 完全に独学なので...
はじめに ユーザーが何の準備も必要なく、PCでもスマホでも動かすことができるWebアプリの魅力に惹かれてJavaScriptを勉強しました。 Web初心者のわたしが最終的にはこんなアプリたちを作ることができました。 完全に独学なので...
年に1~2回は社内でLTを行ってきていて、今年もプレゼンテーションを行う機会が訪れました。LTの発表は数分で終わりますが、時間がかかるのは準備の方です。LTの準備には、まず発表テーマと内容を決めて、構成を検討します。資料を探したり、読...
はじめに 本記事ではNode.js環境でTypeScriptを用いたPDFテキストの抽出する手順について、プロジェクトのセットアップから扱います。また、型定義を参照しつつサンプルコードに解説を加え、筆者の環境で遭遇したエラーも簡単に取り上げています。 想定読者 PDFを
1.はじめに 資格勉強会の企画運営を担当することになりました。 新卒1年目向けの資格勉強会で、AWS系の資格が対象でした。企画運営とは、勉強会のカリキュラムやスケジュールを作成したり、勉強会で司会進行などを行います。2人で行います。...
本記事について Elasticsearchを知らない人に向けて Elasticsearchの構成要素とユースケースについて解説します。 本記事後半にて、私が実際にプロジェクトで構築したシステムを実例として紹介します。 Elasticsearchの概要・特徴 Javaで書
現金を持ち歩かなくてもスマートフォンで簡単に料金の支払いができるキャッシュレス決済が急速に普及しています。そのなかで、キャッシュレス決済をさらに便利にするサービスが登場しました。 ELESTYLE（エレスタイル）社が提供する「OneQR」で...
コンテナランタイムのもっとも代表的な実装としてCloud Native Computing Foundation（CNCF）が開発を主導するのが「containerd」です。 その最新版として3月11日付でリリースされた「container...
GHC 9.6.1が2023年3月12日にリリースされました。 GHC 9.6.1 is now available - Announcements - Haskell Community この記事では、GHC 9.6の新機能を確認していきます。過去の類似の記事は GHC
<a href="https://github.com/storybookjs/storybook/releases/tag/v7.0.0-rc.0">https://github.com/storybookjs/storybook/releases/tag/v7.0.0-rc.
<a href="https://github.com/remix-run/react-router/releases/tag/react-router%406.9.0">https://github.com/remix-run/react-router/releases/tag
研究室のSlackチャンネルに最新の論文を共有してくれるbotがあれば、議論をもっと活発化できるのでは？と思ったので試しに作ってみました！ 目標 こんな感じで、時間通りにarxiv論文を要約したものをシェアしてくれるSlackbotを作ります。 手順 SlackBot
はじめに CyberAgentさんが主催するWeb-Speed-Hackathon-2023に参加してきました！ とても面白く学びがいがあり充実したイベントでした！ CAの社員さんが2ヶ月もかけて作り込んだ重々アプリに苦戦してましたがたくさん勉強できて充実したハッカソンになり
この記事の概要 この記事では、Prometheus、Node Exporter、Grafanaを利用したリッチなサーバー監視システムを手軽に構成する方法を解説します。以下にPrometheusの構成図を示していますが、今回解説するのはオレンジ色の角丸四角形で囲まれた部分につい
Riverpod、便利ですよね。毎日使っています。 そんなRiverpodには、.autoDisposeという便利な機能があります。 https://docs-v2.riverpod.dev/docs/concepts/modifiers/auto_dispose この.auto
はじめに Swiftで、既知の値を表現する方法について、時々コードレビューで指摘することがあるので、記事にしておこうと思います。 この記事では、既知の値に対して以下の3種類の方法を紹介します。 enumで実装する方法 structで実装する方法 enum + structで
CloudflareはWaiting Room/待合室という機能を提供しています。これは、高負荷が予測されるウエブサイトに対して、その前段に待合室というものを作成し、順次アクセスしてきたユーザーを順番にオリジンウェブサイトにリダイレクトしてあげる機能です。これを用いることで設計を
今は日記をScrapboxに移行（scrapbox.io/kentaro/）したのですが、その前の20年分ぐらいのブログはWordPressに入っています（kentarokuribayashi.com）。長い間書き続けてきたブログには、僕の人格のかなりの部分が注ぎ込まれているでし
この記事は何 Rubyはバージョン3.2からWebAssembly(WASM)に対応をしています。 この記事では、RubyのWASMパッケージであるruby.wasmについて調べたことを残しておきます。 WebAssemblyとは...