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に良い記事があったので、それを基に、... 続きを読む

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としてサポートさ... 続きを読む

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で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 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... 続きを読む

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 # 全体からコンポーネン... 続きを読む

クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策

2019/08/09 54 users テンプレートエンジン クライアントサイド サーバサイド 攻撃

autoscale: true クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策 - 3つのテンプレート - 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info アジェンダ テンプレートとは テンプレートの種類(レベル) テンプレートをコンパイルする場所と問題 信頼でき... 続きを読む

ojichat/README.md at master · greymd/ojichat · GitHub

2019/05/30 22 users GitHub greymd ojichat options

Ojisan Nanchatte (ojichat) Generator なんだこれは おじさんがLINEやメールで送ってきそうな文を生成するコマンド。 インストール go get -u github.com/greymd/ojichat 使い方 $ ojichat -h Usage: ojichat [options] [<name>] Options: -h, --help ヘルプを表示. -V, --version バージョンを表示. -e <number> 絵文... 続きを読む

Linux (Unix) の su コマンドの su は何の略か - 元RX-7乗りの適当な日々

2019/03/26 279 users UNIX Man Linux 師匠 Super User

"man 1 su" すると頭には以下の記載がある。 NAME su - change user ID or become superuserまだ学生の頃、師匠に初めて su コマンドの存在を教わった時から、私は "Super User" ではなく "Switch User" であるという認識だったが、お恥ずかしながらどうやったら違ったらしい。 The Unix command su, which stands for s... 続きを読む

iOSでNotificationを非同期で送ろう - Gunosy Tech Blog

2018/12/11 14 users Notification iOS CircleCI 非同期

はじめに こんにちは。グノシー事業部でiOSの開発を担当している hongmhoonです。 この記事はGunosy Advent Calendar 2018の11日目の記事です。 昨日はtoshimaruさんのCircleCI 2.0/2.1の機能をフル活用してCI/CDワークフローを改善してみたでした。 Notificationの基本 NotificationCenter.default.post(name: .blogDea... 続きを読む

いい加減ゲームでやめてほしいこと : 大人のゲーム2ch雑談所

2018/09/21 14 users いい加減ゲーム ゲーム2ch雑談所 大人 さじ加減 ほしいこと

いい加減ゲームでやめてほしいこと 何事もさじ加減が大事。 8 ＮＡＭＥ ＯＶＥＲ 2017/06/11(日) 19:20:14.08 ID:7kdjHc8m0.net シンプルに「字が小さい」こと なんで最近のゲームは字が小さいの？ ＳＦＣのＦＦ６くらい大きめの文字で頼む、マジで 17 ＮＡＭＥ ＯＶＥＲ 2017/06/16(金) 17:33:59.67 ID:0uuO2DJb0.net >... 続きを読む

Firefoxのトラッキングブロックについて

2018/09/12 45 users Firefox Mozill autoscale 以下 内容

autoscale: true Firefoxのトラッキングブロックについて 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info Firefoxのトラッキングブロックについて 今日の情報は2018-09-10書かれたものです。 最新の内容は以下を参照してください Mozilla Security Blog Security/Tracking protection - Mozill... 続きを読む

Webpagetestから始める継続的パフォーマンス改善

2018/08/23 141 users Webpagetest autoscale website

autoscale: true Webpagetestから始める継続的 パフォーマンス改善 ページロードタイム編 :hourglass: 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info Create: textlint, Almin アジェンダ パフォーマンス改善は指標を決めて行わないと迷子になる パフォーマンス改善を行うには継続的な計測を... 続きを読む

技術的負債との付き合い方

2018/06/28 11 users 負債 付き合い方 hsbt hiki introduce

技術的負債との付き合い方 1. 技術的負債との付き合い方 GMO ペパボの取り組み 2. 自己紹介 3. self.introduce => { name: “SHIBATA Hiroshi”, nickname: “hsbt”, title: “Chief engineer at GMO Pepabo, Inc.”, commit_bits: [“ruby”, “rake”, “rubygems”, “rdoc”, “tdiary”, “hiki”, “railsgirls”, “railsgirls-jp”, “... 続きを読む

JSONを使ってコマンドラインを動的に組み立てて実行するjfillを作った | おそらくはそれさえも平凡な日々

2018/06/11 70 users JSON cmd コマンドライン Songmu ユーティリティ

https://github.com/Songmu/jfill 標準入力からJSONを受け取り、その値を使ってコマンドラインを組み立てて実行するユーティリティです。以下のような具合です。 インストール % go get github.com/Songmu/jfill/cmd/jfill もしくはGitHub Releasesからご利用ください。 使い方 % echo '{"name":"jfill... 続きを読む

見てるページを全部保存するという行ない - Diary

2018/04/03 766 users diary 全部 user.js UserScript ページ

見てるページを全部保存するという行ない をもうずっとしていて、以下のような user.js でページを全部保存してます。 // ==UserScript== // @name 見たサイト全部保存 // @namespace http://tampermonkey.net/ // @version 0.1 // @author You // @match http://*/* // @match h... 続きを読む

【第20回MMD杯本選】かーにばるフレンズ by kiriko 作ってみた/動画 - ニコニコ動画

2018/02/09 96 users フレンズ 第20回MMD杯本選 ニコニコ動画 動画 イェイ

＼(＾ω＾＼Ξ／＾ω＾)／ウォウウォ！ウォウウォ！ウォウウォ！＼(＾ω＾＼Ξ／＾ω＾)／イェイ！イェイ！----ツイッターではたくさんのいいね・RTありがとうございました！けものフレンズ11話～12話前後を想定して作成しており、若干ネタバレを含みますが、まだ本編未試聴であれば、この動画がきっかけになればと思います！【theme:繁栄】【name:kiriko】【予選:sm32548003】MMD杯... 続きを読む

SwaggerとAPIのデザイン

2017/12/14 15 users Swagger interest Twitter WebVR

SwaggerとAPIのデザイン 1. SwaggerとAPIのデザイン Swaggerではじめる楽々RESTful APIデザイン&ドキュメント管理 2017/5/12 Okachi.js vol.5 第1回 2. 出演 {:company “Greative.GK” :name “Kazuhiro Hara” :twitter “@kara_d” :interest “SPA, WebVR, ... 続きを読む