はじめに 今回の記事の結論はタイトル通り『React Flowめっちゃいいぜ』です。 こんにちは。株式会社Red Frascoの根本(github: tkcel )と申します。普段はフロントエンドを主に担当することが多いです。 この前個人開発中に以下の壁にぶち当たりました。 React（Next）でぐりぐりできるフローチャートみたいなものを作るにはどうすればいいのか？ 描画系のサービスはcanvasで作る方がいいのか？DOMに落とし込む方がいいのか？ 同じような悩みを持っている方がたくさんいる気がする（？）のですが、なかなか日本語検索でヒットしないので、今回記事を書こうと思いました。 React Flowとは？ まずは、公式サイトからの翻訳から。 ノードベースのエディターとインタラクティブなダイアグラムを構築するための高度にカスタマイズ可能な React コンポーネント MIT ライセンス

写真提供：美窪たえ こんにちは！　料理家の美窪たえです。 本日は、鶏の手羽先を使った中華料理「貴妃鶏（きひち）」をご紹介していきます。 この貴妃鶏は、隠し味に赤ワインを使うことで、鶏の手羽先が気品溢れる味わいに。鶏のうま味と紹興酒などの調味料を、赤ワインでまとめ上げた複雑な味わいを楽しんでいただければと思っています。 中華風の味つけに赤ワインを合わせた上品な味わいです また、複雑な調理技術は必要なく、フライパンで30分ほど煮込むだけで手軽に作れてしまうのも貴妃鶏の魅力です。 写真提供：美窪たえ そして、貴妃鶏を存分に楽しんだ後は、ぜひ炊きたてのご飯と卵黄の醤油漬けを合わせてみてください。 貴妃鶏の芳醇なうま味が滲み出たタレと、卵黄の醤油漬けを一緒にかきこめば、ご飯が止まらなくなってしまう……。そんな中華風の絶品おかずをご紹介していきます。 ご飯が止まらなくなるやつです 貴妃鶏の作り方 材料

A front-end web development newsletter that sparks joyMy main focus right now is teaching front-end developers how to do cool stuff. My personal newsletter is sent once every few weeks, and includes bonus subscriber-only content. No spam, no nonsense. Unsubscribe at any time.

プロフィールページ作成サービス

こんにちは、虎の穴ラボのNSSです。 最近ReactやTypeScriptを勉強中なのですが、Reactで作ったアプリケーションを簡単にデプロイして公開できるツールとして、AWS Amplifyがあります。 AWS Amplifyとは、AWSが提供するモバイルやWEBのアプリケーションを素早く開発することができるプラットフォームです。 AWS Amplifyは、たった数クリックでアプリケーションをデプロイできる他、 コマンドラインツールを使ってユーザー認証やAPIなど、あらゆる機能を簡単にアプリケーションに追加することができます。 今回は、ReactベースのフレームワークであるNext.js と AWS Amplifyを使ったアプリ開発をご紹介します。 環境 Node.js (v16.4.1) Next.js (v10.2.0) TypeScript Node.jsはインストール済みである

とにかく元気が出るメニュー。その名はステーキ＆ガーリックライス こんにちは。皆さまいかがお過ごしでしょうか。 日暮れとともに涼しげな虫の声が聞こえてくるようになりましたね。 外は秋の気配だというのに、私は常に眠いです。動いてないのにスタミナが切れてます。 自粛続きでかえって疲れが溜まっているような気が。 そんな時こそ補給したいのが、お肉とにんにく！ ということで、今回は、ステーキ＆ガーリックライス（我が家の決定版レシピ）をご紹介したいと思います。 フライパンひとつでできるので後片付けもラク。ビールにもぴったり。 私はこの1皿で350ml缶を2本いってしまうほど。 10分弱で超カンタンに作れますが、これがおいしいんです。 それでは材料から。 【材料】（1人〜2人分） ステーキ用の牛肉　1枚（350gくらい） 玉ねぎ（大）の粗みじん切り　1/2個分 温かいご飯　お茶碗2杯分 にんにく　3片 バ

AMD RyzenシリーズCPUを使用した自作PCの組み立て方の方法・手順、注意ポイントなどを自作PC初心者さんでも解りやすく詳しく解説します!! 【もくじ】 00:00 前回のおさらい 01:26 CPU搭載 02:30 M.2搭載 04:30 CPUヒートシンク 07:45 メモリ搭載 09:20 RGBコネクタ接続 10:17 電源搭載 11:34 マザーボード搭載 14:55 フロントパネルコネクタ 16:00 グラフィックボード搭載 16:59 通電＆BIOS確認

友達に「どうやって作ったん？！」と聞かれた自信作。衣ザックザクで中ジューシー！もう売りもんの域。 【レジ横チキン】 特別な材料ナシ。油も少量でいける！袋2枚で作るから洗い物少ないし衣が飛び散らんし片付けがラク！下味の水と油、小… https://t.co/7gDCHTjdjB

こんにちは、投資カピバラ（@Capybara_Stock）と申します。 今回のnoteでは、日ごろ私が利用している米国株投資家向けの役立つツールサイトをまとめて紹介させていただきます。 本記事は全編無料でお読みいただけます。 もし本記事に価値を感じてくださった方がおられましたら 投げ銭をいただけますと大変嬉しいです。 特に個別株へ投資されている方の場合、日々の相場の動きをリアルタイムで追ったり、気になる銘柄の財務情報を調べたりと、様々なツールサイトを活用されていることが多いかと思います。 一方でこうしたツールサイトは基本的に英語ということもあり、SNS上で話題にならない限りなかなか目に触れることもなく、投資歴の長い方でも「こんなサイトがあったのか！」と驚くことも少なくないのではないでしょうか？ 本noteでは私が実際に利用したことのあるサイトをまとめております。 初心者の方でもすぐ使えるメ

buildspec.yml 内で docker login -u *** -p *** といった処理をしていなければ、それは匿名ユーザーで利用していることになります。 （ちなみに aws ecr get-login のログイン処理は ECR へのログインであり、Docker Hub のログインではありませんのでお間違えないように） 「匿名ユーザーで使ってるけど 6 時間あたり 100 pull も出来るならウチの環境では十分やなー」 と思ってスルーされた方も少なくないと思いますが、ちょっと待ってください。リンク先のブログで言及されているとおり、匿名ユーザーは IP アドレスに基づいて制限されます。 For anonymous (unauthenticated) users, pull rates are limited based on the individual IP address.

Podcastなどの音声配信が再注目されている昨今ですが、喋らなくても音声配信できるサービスが登場しています。テキストを音声コンテンツに変換して配信するテキストプレイヤー「nine」です。 テキストを音声コンテンツに変換する「nine」 テキストデータを貼り付けると、自動的に音声コンテンツに変換してくれるというサービスが「nine」です。 喋りは苦手など、音声コンテンツの乗り出せない理由は様々にあると思いますが、それを解決する一助となりそうです。 試しに使ってみたのですが、Googleアカウントがあればログインも簡単です。 ネタフルで書いた【新刊】執筆しました「できるポケット 定番アプリ超活用 テレワーク全事典」10月1日発売という記事を音声変換してみました。 記事のテキストをコピー＆ペーストしただけです。現在はウェブ版のみとなっています。 サムネイル画像をアップロードすることができます。

序曲 それらの夏の日々、一面に薄の生い茂った草原の中で、お前が立ったまま熱心に絵を描いていると、私はいつもその傍らの一本の白樺の木蔭に身を横たえていたものだった。そうして夕方になって、お前が仕事をすませて私のそばに来ると、それからしばらく私達は肩に手をかけ合ったまま、遥か彼方の、縁だけ茜色を帯びた入道雲のむくむくした塊りに覆われている地平線の方を眺めやっていたものだった。ようやく暮れようとしかけているその地平線から、反対に何物かが生れて来つつあるかのように…… そんな日の或る午後、（それはもう秋近い日だった）私達はお前の描きかけの絵を画架に立てかけたまま、その白樺の木蔭に寝そべって果物を齧じっていた。砂のような雲が空をさらさらと流れていた。そのとき不意に、何処からともなく風が立った。私達の頭の上では、木の葉の間からちらっと覗いている藍色が伸びたり縮んだりした。それと殆んど同時に、草むらの中

飼い主のもとから逃げ出して千葉県佐倉市の鉄道の線路沿いにある斜面に住み着き、「崖の上のヤギ」として「ポニョ」の愛称で話題となった子ヤギについて、佐倉市は、捕獲後も見学したいという客が訪れるなど関心が高いことから、飼い主から無償で譲り受け、市内の施設で一般公開することを決めました。 この子ヤギは飼い主のもとから逃げ出したあと、佐倉市の京成電鉄の線路沿いにあるコンクリートの斜面におよそ２か月半にわたって住みつき、「崖の上のヤギ」として話題となりましたが８月１１日に無事捕獲されました。 ヤギは崖の上にいた姿からスタジオジブリのアニメーション映画にちなんで「ポニョ」と呼ばれていましたが、捕獲されたあとは体調管理のために睦沢町の牧場で保護されていました。 しかし、見学したいという客が訪れるなど引き続き関心が高いことから、飼い主からの無償で譲渡したいという申し出を受けて佐倉市が子ヤギを引き取り、ヤギ牧

2020年08月07日23:30 【速報】 中国完全死亡、ファーウェイに続き、OPPO、シャオミもGooglePlayサービス全削除へ Tweet 1: ミクロコックス(静岡県) [KR] 2020/08/07(金) 22:09:00.28 ID:xcGtjSjX0● BE:789862737-2BP(2000) 中国スマホメーカーはトランプ政権の規制策で米国アプリインストール不可に 8/7(金) 16:30 TechCrunch Japan 世界のスマホ販売の3分の1以上が中国のメーカー3社、Huawei（ファーウェイ）、Xiaomi（シャオミ）、そしてOppo（オッポ）によるものだ。これらメーカーは中国のサプライチェーンのおかげでコスパの良い端末を提供して成長しているだけでなく、比較的オープンなモバイルエコシステムを享受している。ほとんどの国の消費者はGoogle（グーグル）やInst

こんにちは、クラスメソッドの岡です。 7/30にPayPayが開発者向けツール、PayPay for Developersの提供を開始しました！これは嬉しい！ これで自前のサイトやアプリにPayPayの決済を導入できるようになります。 アカウント作成 まずは開発アカウントを作成しましょう。 Sandboxであれば加盟店の情報は登録しなくても利用することができます。 アカウントを作成すると、ブラウザ上でSandboxのAPIを動作確認できるPayPay Labや、API接続時のエラーハンドリングが可能なPayPay Resolveが使えるようになります。 機能 PayPay APIを使った決済フローは以下の4パターンです。 Webペイメント カスタムのモバイルアプリ/WebサイトからPayPayの決済ページ or PayPayアプリにリダイレクトして決済する ネイティブペイメント カスタムの

縁あって、カロリーメイトリキッドのプロモーション用にちょっとした Ruby プログラムを書かせてもらいました。 www.otsuka.co.jp ↑のリンクを開いて、cd .Quine したところにある CML_quine.rb がそれです。 cat CML_quine.rb とすると中身が見えます。ruby CML_quine.rb すると動きます。 CalorieMate-Liquid-Quine 実行してみましたか？サイト上で気楽に実行できるので、ぜひ試してみてください。 これがどういうプログラムなのか、簡単に解説しておきます *1 。 ローカルでの遊び方 サイト上で ruby CML_quine.rb をするだけでも楽しめますが、自分のパソコンに保存するとより楽しめます。 まず、cat CML_quine.rb した中身をまるごとコピーしてください。 n=2;で始まる行の頭から、'

新登場の Google Pixel 8a が対象スマホの下取りで実質 ¥19,800~ ¥20,000 分のストアクレジット、対象スマホの下取り高額還元でお得に (Google Pixel 7a、iPhone SE3 の場合、最大 ¥32,800 払い戻し)