React19: useOptimistic を用いた楽観的UI更新と内部実装の解説 - Qiita

2024/12/10 10 users Qiita useOptimistic const 内部実装

import React, { useOptimistic } from 'react'; function ContactForm() { const [optimisticData, addOptimisticData] = useOptimistic( { name: '', email: '', message: '' }, (prevData, newData) => ({ ...prevData, ...newData }) ); async function handleSubmit(formData) { // 楽観的な更新を適用 addOptimist... 続きを読む

Computer Scienceの学位がなくてできる仕事・求められる仕事｜string name; cin >> name;

2024/09/26 184 users Coursera 学位 computer science

現在、Computer Scienceの技術分野と前提知識をまとめた記事の学士版を書いてますが、割込みで前回の補足記事です。前回、IT業界マップとして知識と記憶を中心に書かせて頂きましたが、日本で主流なSI業界とWeb業界以外があまり見えてないから漏れ多そうと思ってたところ、Courseraに良い記事があったので、それを基に、... 続きを読む

Server Actionsにユーザ操作されたくないデータは渡さない

2024/02/27 6 users Server Actions Hidden input タグ

Next.jsやServer Actionsに限らずWebアプリケーション一般的な話になりますが、機能開発する際に、ユーザに勝手に操作されたくないデータを <input> タグを通じて受け取ることは避けなければなりません。 例えば、極端な例ですがECサイトで商品の価格を <input type="hidden" name="price" value="500" /> と書いてあっ... 続きを読む

has_manyにブロック引数を渡してリレーションを拡張する｜TechRacho by BPS株式会社

2023/12/14 5 users リレーション attributes has_many 氏名

今日はhas_manyのブロック引数に関して取り上げます。 以下のモデルを想定します。 # attributes # # name: 氏名 # attendance_count: 出席回数 class Student < ApplicationRecord has_many :exams end # attributes # # student_id: 学生ID # subject: 教科 # period: テスト実施回 # score: 得点 class Exam < Applic... 続きを読む

monorepo で開発時にパッケージの変更を build なしで他のパッケージに反映する方法

2023/11/18 5 users monorepo BUILD Scripts dist tsc

{ "name": "lib-a", "version": "0.0.0", "type": "module", "main": "dist/index.js", "scripts": { "build": "rm -rf dist && tsc" } } この場合、lib-a の src/index.ts を変更だけしても lib-b には反映されません。なぜなら lib-b は lib-a の dist/index.js を参照しているため、build を実行して dist ディレクト... 続きを読む

tfprovidercheck - 危険な Terraform Provider の実行を防ぐ

2023/11/05 17 users コマンドラインツール hashicorp security

危険な Terraform Provider の実行を防いで Security を担保するためのコマンドラインツールを作ったので紹介します。 # Only google provider and azurerm provider are allowed $ cat .tfprovidercheck.yaml providers: - name: registry.terraform.io/hashicorp/google version: ">= 4.0.0" - name: registry.terrafo... 続きを読む

Cloudflare Pagesの`{name}.pages.dev`ドメインに自分だけアクセスできるようにアクセス制限をつける手順

2023/07/08 36 users Cloudflare Pages デフォルト 手順 機能 変更

Cloudflare Pagesの {name}.pages.dev ドメインに自分だけアクセスできるようにアクセス制限をつける手順です。 アプリケーション側の変更は不要で、Cloudflare Accessの機能を使ってアクセス制御ができます。 カスタムドメイン(Cloudflare DNS)を設定している場合の方法は色々ありますが、デフォルトで用意されている {... 続きを読む

Corepackを使ってNode.jsをアップデートする ⬆️⬆️

2023/04/28 22 users corepack EOL LTS node.js azu_re

Corepackを使ってNode.jsをアップデートする ⬆️⬆️ 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info [.background-color: #FFFFFFF] Node.js 14は2023年4月でEOL Node.js 14.xは2023-04-30、Node.js 16.xは2023-09-11でEOL(End Of Life) 2023年10月からはNode.js 18と20のみがLTSとしてサポートさ... 続きを読む

TypeScriptの型を指定してJSONダミーデータを出力させる｜INOUT

2023/03/18 5 users JSON chatgpt Number ダミー JSONデータ

ChatGPTにJSONの型をTypeScriptで指定すればそのフォーマットでダミーのJSONデータを作成してくれるのではと思い、試してみました。 作成したJSONファイルをそのままコピーするだけで使えるので便利かも? INPUT 日本にある会社10社のダミーデータのJSONファイルを作成してください。 フォーマット: {id: number, name: s... 続きを読む

NAP考 - ブログ - 株式会社JADE

2023/03/16 8 users NAP Address MEO 株式会社JADE deep

みなさんこんにちは、伊東考（こう）です。 「いつもなんとなくやっていることだけど、そういえば詳しくは知らなかったかも」な事象にDeep Diveする「考」シリーズの第2回。 第2回のテーマは、「NAP考」。 日本で独自に生まれたMEOという言葉の謎とともに、時に過剰に重視されるNAP（Name, Address, Phone number）につ... 続きを読む

textlint - Linterの作り方

2022/11/18 103 users Linter textlint Fit website 言語

[fit] textlint - Linterの作り方 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info Book: JavaScript Primer アジェンダ Linterを作る人向けの話 Linterの考え方とアーキテクチャを一致させる 使うものを作ろう、作るために使おう textlint とは 自然言語(日本語や英語など)に対するLinter Mark... 続きを読む

GitHub Actions Job Summariesを使うならactions/github-scriptが便利

2022/05/13 8 users Actions Summary GitHub Echo

GitHub Actions Job Summaries 先日 GitHub からアナウンスがあり、GitHub Actions から簡単に Job Summary を扱えるようになりました。 - name: Generate list using Markdown run: | echo "This is the lead in sentence for the list" >> $GITHUB_STEP_SUMMARY echo "" >> $GITHUB_STEP_SUMMARY # this is a blank li... 続きを読む

Python’s “Type Hints” are a bit of a disappointment to me

2022/04/22 5 users Penguin foo Greeting str VERY

Python’s “Type Hints” are a bit of a disappointment to me In Python 3.5, “type hints” were introduced. I was really excited when I first heard this. You can now annotate functions: def greeting(name: str) -> str: return 'Hello ' + name And variables: foo: str = greeting('penguin') That looks very... 続きを読む

GitHub ActionsでDocker Buildするときのキャッシュテクニック - cockscomblog?

2022/02/16 183 users cockscomblog workflow GitHub

GitHub Actionsでdocker buildすることが多い。このときのキャッシュをどうするかという話題。 基本 GitHub Actionsでdocker buildしてAmazon ECRにdocker pushする、典型的な.github/workflow/docker-push-to-ecr.ymlはこういう感じ。 name: Push to Amazon ECR on: push: branches: [ 'main' ] jobs: docker: runs-on:... 続きを読む

GitHub - originjs/vite-plugin-federation: Module Federation for vite & rollup

2022/01/15 8 users GitHub rollup filename Plugins

Usage The main steps in using federation are: Step 1: change the configuration for a Vite project, in vite.config.js: import { defineConfig } from 'vite' import federation from "@originjs/vite-plugin-federation"; export default defineConfig({ plugins: [ federation({ name: 'module-name', filename:... 続きを読む

GitHub Action で PR に何かして push する - 宇宙行きたい

2021/12/08 23 users Push Actions uses ref 宇宙

先に結論 - uses: actions/checkout@v2 with: ref: ${{ github.event.pull_request.head.ref }} やったこと PR に対して特定の実行してそのPRにコミットしたい。 例えば code format とか まぁ、最初 main とかでやるように雑にやってみた - name: Commit updated files run: | if ! git diff --exit-code --quiet then ... 続きを読む

AWS Amplifyを軸にした フルサーバーレスなアプリケーション構成 / Full serverless application on AWS Amplify

2021/09/30 12 users Amplify Transcript Evangelist

Transcript © 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. AWS Amplifyを軸にした フルサーバーレスなアプリケーション構成 清家 史郎 (@seike460) Fusic Co., Ltd. Evangelist / TeamLeader / PrincipalEngineer H-1 • Name / ID • 清家 史郎 / @seike460 • Company • Fusic Co., Ltd. •... 続きを読む

小山田圭吾には2004年に謝ってほしかった

2021/07/18 478 users 小山田圭吾 Theme 挑発 議論 追記参照

CORNELIUSファン掲示板が記事について荒れ始めた2004年、小山田圭吾（追記参照）は擁護するファンに向けて掲示板でこう書いていた。 Theme:庇う人たちへ Name:ch-fl ここはそもそも、議論の場所でもないし 表現の場所でもなかったと思います。 彼らは表現（挑発）をして、そして反応されたいだけなんですよ。 そして哀し... 続きを読む

数百万台のIoTや産業用デバイスに影響をおよぼす脆弱性「NAME：WRECK」 - GIGAZINE

2021/04/14 10 users GIGAZINE IoT セキュリティソリューション 脆弱性

IoTや産業用デバイス向けにセキュリティソリューションを提供するForescoutが、「NAME：WRECK」と呼ばれる数百万台のIoTや産業用デバイスに影響をおよぼす可能性のある脆弱性の存在を報告しています。 NAME:WRECK - Forescout https://www.forescout.com/research-labs/namewreck/ NAME:WRECK vulnerabilities impact mi... 続きを読む

オープンソースと慈善活動と寄付と

2021/03/31 9 users 慈善活動 寄付 オープンソース Fit website

オープンソースと慈善活動と寄付と [fit] 寄付するために寄付管理プラットフォームを作る話 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info Disclaimer この資料は自分用にまとめたものです 寄付、慈善活動が良いか悪いかについて議論しません まだ学問のように体系がしっかりしているわけでも... 続きを読む

マネジメントレスのススメ - VPoE-Meetup by manaboo

2020/08/01 5 users ススメ CyberZ now Hello

マネジメントレスのススメ - VPoE-Meetup by manaboo 1. マネジメントレスのススメ CyberAgent(CyberZ) F.O.X ServiceManager 門田矩明 VPoE-Meetup by manaboo (2019-03-26) 2. Hello!! Amebaエンジニア →F.O.X開発責任者兼、プロダクトマネージャー →F.O.Xサービスマネージャー(now) Name : Noriaki Kadota contact me... 続きを読む

textlint editor - ブラウザでも動くPrivacy Firstの文章校正ツールを作る話

2020/07/29 7 users 文章校正ツール textlint website ブラウザ

textlint editor - ブラウザでも動くPrivacy Firstの文章校正ツールを作る話 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info テーマ textlint Privacy Firstな校正ツールを作る サーバにデータを送らずに、ローカルで文章のチェックをする textlintとは? textlint textlintJavaScriptで書かれ... 続きを読む

[2020/05/15] nlpaper.challenge BERT応用勉強会 テキスト生成の評価 × BERT - Speaker Deck

2020/05/19 9 users Bert Transcript Speaker Deck

Transcript テキスト生成の評価 × BERT 　　　BERTScore, MoverScore, BLEURT 2020/05/15 nlpaper.challenge BERT活用勉強会LT Kentaro Nakanishi @cfiken 自己紹介 name: Kentaro Nakanishi id: @cfiken ひとこと: 前年度は機械学習あまりでき なかったので、今年度は頑張 りたい 今日の話 • テキスト生成とその評価 • 既... 続きを読む

top-level awaitがどのようにES Modulesに影響するのか完全に理解する - Qiita

2020/02/16 13 users Qiita Top-level await 焦点 ヤツ クラス

先日、TypeScript 3.8 RCが公開されました。TypeScript 3.8はクラスのprivateフィールド（#nameみたいなやつ）を始めとして、ECMAScriptの新機能のサポートがいくつか追加されています。この記事で取り扱うtop-level awaitもその一つです。 この記事ではtop-level awaitに焦点を当てて、その意味や使い方について余すと... 続きを読む

Nuxt.jsで未利用のVueコンポーネントを探すシェルスクリプト - Qiita

2019/10/08 30 users Qiita シェルスクリプト コンポーネン Files Vue

最近Nuxt.jsでWebアプリを作ってるけど、 度重なる改修でVueコンポーネントが乱立。。 使ってないのもたくさんありそうなので、調べるスクリプトを作ってみた。 スクリプトはこんな感じ #!/bin/bash # vueコンポーネントの一覧を取得 FILES=`find components -name "*.vue"` for i in $FILES; do # 全体からコンポーネン... 続きを読む