AWSは、Amazon S3に対してファイルのブラウズやアップロード、ダウンロードなどが行えるWebアプリケーションをノーコードで簡単に作れる新サービス「AWS Transfer Family web apps」を発表しました。 「AWS Transfer Family web apps」は、同時に発表されたプログラマ向けのUIコンポーネント「Storage Browser for S3」を用いてAWSが開発したWebアプリケーションがベースとなっています。 そのため、できることは基本的にAWS Transfer Family web appsと同じく、Amazon S3のデータに対してブラウズ、アップロード、ダウンロード、コピー、削除などです。 それをユーザーがノーコードでカスタマイズできるようになっているため、プログラマでなくともAmazon S3のデータをダウンロードしたり、アップロ

以下のYoutubeを参考にNetflixクローンを作成する 動画内では Next.js 12を使っている しかし、現状最新はNext.js 13なので、そちらを利用する

前書き React Developer ToolsはReactの公式開発者ツールであり、日常的なコンポーネント開発において、属性やファイルの位置特定、propsのトラブルシューティングなど様々なシーンで重要な役割を果たしています。熟練したReact Developer Toolsの使用は日常の開発をより効率的にすることができます。 この記事では、React Developer Toolsプラグインを体系的に理解することができます。本文では以下のことを学ぶことができます： コンポーネントの一時停止や遅延読み込みシナリオのシミュレーション。 コンポーネントに対応する実際のDOMを早く特定する方法。 props内の特定の関数がどこで作成されているかを早く特定する方法。 コード変更なしで、propsを介したコンポーネント変更をオンラインで検知する方法。 コンポーネントがどのファイルで作成されたかを

木漏れ日の針 芳野嗣 【アフタヌーン四季賞2024秋 四季賞】27歳の夏、主人公は安アパートに引っ越す。お隣さんの息子とひょんなことから、ご飯を食べる仲に。それぞれが抱える苦悩に向き合う、痛くて優しくて濃厚なひととき。

Announcing AWS Amplify integration with Amazon S3 for static website hosting というリリースが出ていたので、早速使ってみました。 タイトルの通りなのですが、S3には以前から、静的ウェブホスティングの機能がありました。これも簡単だったのですが、今回の発表により、Amplify Hosting を使ったサイト公開の手順をおすすめするボタンが追加されました。 実際にバケットを作って簡単なサイトを公開してみます。 new-amplify-hosting-site というバケットを用意しました。 簡単なHTMLを書いて、バケットにアップロードします。 プロパティのタブを開いて、ページの一番下までスクロールすると、静的ウェブサイトホスティング の項目があります。ここに【Amplifyアプリを作成】のボタンが追加されています。

むかごとは、長芋や大和芋などの山芋の葉の付け根にできる球状の芽（球芽）のこと。主な産地は北海道や青森県で、10月〜11月が旬。ほっくりとした食感と、皮ごと食べられる手軽さが魅力です。塩ゆでやむかごごはんが一般的ですが、油との相性がいいので、揚げものや炒めものもおすすめ。購入するときは、ふっくらハリのあるものを選びましょう。 下処理は、余分な皮を取り除くだけ。まずは基本の塩ゆでで、むかご本来の風味と食感を味わってください。 下処理の方法 1　むかごは水洗い後、ザルに入れて軽くこするようにかき混ぜ、余分な皮を取り除く。 ザルに押し付けるようにこすり洗いすることで余分な皮がはがれ、土っぽい香りが緩和される。ザルの替わりにすり鉢でもよい。匂いが気にならない場合は、水洗いだけでもOK。 2　再度むかごを水洗いし、水気をきる。 余分な皮や汚れが落ち、水が濁る。洗いすぎると風味がなくなるので、汚れをさっ

今週、皆さんはどんなふうに「お願いごと」をしましたか？ システム開発や、新規事業創出にまつわるプロジェクトにおいては、プロジェクトリーダーやプロジェクトマネージャーが、開発部門に対して「〜を作ってほしい」とお願いする局面がしばしば訪れます。 そういった場面において、コミュニケーションの齟齬などが引き金になり、結果として、誰しもが「こんなはずじゃなかった」と感じるものが出来上がってしまうことは珍しくありません。 世のほとんどの仕事は一人で完結しない、誰かに何かを作ってもらわなければ成り立たないものです。 だからこそ、仕事の質を上げ、キャリアアップを目指したいビジネスパーソンにとって、「お願いごと（依頼）の技術」は必要不可欠と言えるでしょう。 そこで今回は、システム開発やビジネス・プロセス・アウトソーシング（BPO、業務プロセスの一部を外部委託すること）を牽引するコンサルタントとして、数々の大

React19のRCが発表され数ヶ月が経ちました。Next.jsではReact19のExperimentalな機能を使った実装をいち早くしていたので、少し馴染みのあるアップデートが多かったように思います。 Next.js（特にApp Router）においてReact19のAPIやHooksをどのように使うべきかはNext.jsのドキュメントを見れば大体のベストプラクティスが見えてきます。ですが、実際の開発現場ではApp Routerを採用しているケース以外にもVite+ReactやPages Router, Remixなどと様々な実装があるのが現実です。 そこでこの記事では、特にVite+Reactのスタックを前提にReact19の新機能をいかに活用できるか整理したいと考えています。 また、React19の新機能を見た時にTanStack QueryやSWRのようなサードパーティの状態管理

はじめに AWS Step Functionsを利用し、音声ファイルがS3バケットに保存されるたびにAmazon Transcribeで文字起こしを行い、文字起こし内容をメール送信する方法を紹介します。 今回構築する構成は以下の通りです。 処理の流れは以下の通りです。 音声ファイル（WAV）をS3バケットにアップロードする アップロードをトリガーにEventBridgeからStep Functionsステートマシンを起動する 音声ファイルからAmazon Transcribeで文字起こしし、文字起こした内容をAmazon SNSでメール送信する この構成を構築するきっかけは、以前執筆した「Amazon Connectでエージェントの介在がない場合でも電話中の発話を録音する」記事の構成に、録音ファイルに対して文字起こしとメール通知機能を追加する必要が生じたためです。 執筆した記事の構成図は以

遠藤シマ子さんは、８６歳の今も現役のヘルパーだ。毎週２回、早起きしてバスで全身まひの男性宅へ通い、身の回りの世話全般を担当する。帰宅は深夜になることも多い。 東京・新宿区の都営団地「戸山ハイツ」で独り暮らしをしている。総戸数約３千戸の大規模なマンション群は、１９６０～７０年代に建てられた。当時は、好立地や手ごろな価格から爆発的な人気を呼んだが、現在は住民の半数以上が６５歳以上の高齢者とみられている。都心に生まれた局所的な「超高齢社会」。遠藤さんは昨夏、友人を失った。孤独死だった。「明日はわが身だわって思ったの」。日本の「未来の縮図」のような場所で今、何が起きているのか。（共同通信＝鷺沢伊織） ▽７０年代は入居時に抽選、１５００倍 戸山ハイツは、ＪＲ新宿駅の北東約２キロの地点にある。戦後の住宅難を解消するため、ＧＨＱの提唱によって旧陸軍の学校跡地に平屋が建てられた。その後、中高層住宅への建て

はじめに 個人的なメモです（誰かの役に立つと嬉しい） 撮影機材:ミラーレス一眼カメラPanasonic LUMIX DMC G7 FullHD 60fpsの場合mp4形式で撮影すると29分59秒で一度録画が切れてしまう AVCHD形式で撮影する場合は電源とSDカードの容量が許す限り無限に動画が撮影できる 動画撮影中に切のいいところで撮影を停止することを繰り返すと複数のMTSファイルが残る 解決したいこと MacでMTSファイルを取り出す方法 MTSファイルを1本のmp4ファイルに結合したい ※動画編集ソフトでも動画ファイルの結合から書き出しは可能だが、エンコードに時間がかかりCPUパワーも必要なためNG、この方法のほうが比較的高速にエンコードが完了する. （技術的理由は不明） MacでMTSファイルを取り出す方法 録画データはSDカードに入っているのでMacPCにアダプターなどを使ってMa

当サイトを運営する上で、必要最低限の利用規約を設けさせていただきました。 当サイトの音声ファイル(mp3、またはwav)をDOWNLOADした時点で、下記規約に同意したものとみなします。 規約は予告なく変更する場合があります。 規約 個人、法人、団体を問わず、どなたでもご利用できます。 使用報告、著作権表記、クレジット表記は一切不要です。 著作を偽って使用することはできません。(※著作権は放棄しておりません。) 公序良俗に反する作品や違法行為に利用することはできません。 ドラム・ループ素材は自由に加工・編集することができます。(※作品の一部として使用する場合に限ります。) ドラム・ループ素材を再配布、販売することはできません。またそれらの目的でドラム・ループ素材を加工・編集することはできません。 ドラム・ループ素材を使用したことによって生じるトラブル等に関して、当サイト管理者は一切の責任を

今回は、SSH接続を劇的に高速化する方法をご紹介します。たった3行の設定を追加するだけで、接続時間を10分の1に短縮できます。しかも、2回目以降の接続では認証も自動的に行われるので、パスワードやパスフレーズの入力も不要になります。 要点 .ssh/configファイルのHost *セクションに以下の3行を追加するだけです。 詳しい説明 1. ControlMaster auto この設定で、1つのSSH接続で複数のセッションを共有できるようになります。新しくSSH接続を確立するたびに認証情報を入力し直す手間が省けて、接続がぐっと速くなります。具体的には： 初回の接続時のみ認証が必要 2回目以降は既存の接続を再利用するため、認証プロセスをスキップ パスワードやパスフレーズの入力が不要になり、接続がほぼ瞬時に完了 2. ControlPath ~/.ssh/mux-%r@%h:%p Contr

この問題を解決するにはどうしたら良いか？　ChatGPTにもGeminiにも毎月お布施をしているし、彼らも同レベルの機能を持っているのだから、Claudeの休眠期間中はそっちを使えばいいのではないか。 そう考えていたところ、良い助け舟が。 ChatGPTにArtifacts機能を追加しますよ、というソフトの開発者からメンションが飛んできました。 このソフトはGitHubで公開されているので、普段使っているM1 iMacにインストールしてみました。git cloneしてNode.jsをインストールしてという、自分にとってはなかなかハードルの高いインストール方法でしたがなんとか動くようになりました。 使うにはOpenAIのAPI Keyが必要です。つまりChatGPT-Artifactsという名前ではありますが、実際はAPIで呼び出しているわけです。ChatGPTっぽいプロンプト操作でGPT-

サクラエビよりも一回り小さい、アキアミの素干しです。炒め物や和え物にふりかけたり、おだしにもご利用いただけます。

ブースは、韓国の音声AI企業Supertoneが出展したもの。角刈りオジサンの美少女ボイスは、リアルタイム音声変換ソフト「SHIFT」のデモによるものだった。このSHIFT、少女だけでなく少年、成人女性、成人男性、渋いおじいさん、悪魔などさまざまな声がプリセットされており、リアルタイムかつ高精度に声を変換できるのが特徴。 独自の音声合成基盤モデル「NANSY」（Neural Analysis & Synthesis）を採用しており、ユーザーの声の事前学習も、10秒程度のサンプルスクリプトを読み上げるだけで完了。ユーザーとキャラクターの音声の混合比率や感情の表現度合い、音の高低なども細かく調整可能だ。 同様の技術として「RVC」（Realtime Voice Changer）などが有名だが、快適に利用するにはNVIDIAの高性能なGPUを必要とする。一方、SHIFTはCPUのみで47ミリ秒と