Next.js+TypeScript+AWS Amplify+RecoilでToDoリストを作る - Qiita
本記事ではNext.js+TypeScript+AWS Amplify+Recoilを使って、モダンなToDoリストを作る方法を紹介します。 Githubリポジトリを公開しますので、不具合や不適切な実装を見つけた場合はドシドシIssueかPull-Requestいただけると幸いです。 背景 私自身普段はRuby on Railsを使って開発しています。JavaScriptは正直まだ苦手です。 Railsは爆速でアプリを開発出来る点が魅力的ですが、一方でモバイルアプリとの連携やリッチなUIが求められる案件では、フロントエンドとバックエンドを分離した構成にせざるをえないケースがあります。 そのような構成だと、かえってRailsがリッチ過ぎるとも感じており、AWS Amplifyのようにバックエンドをスピーディーに構築してくれるサービスを一度使ってみたいと思っていました。 そのため、Next.j
Reactの状態管理はReduxの独走状態、2位は大きく離れてswrとreact-queryが競り合い中・・ - Qiita
Reactの状態管理はReduxの独走状態、2位は大きく離れてswrとreact-queryが競り合い中・・ReactreduxSWRRecoilreact-query 2021/09/24 追記 これまでは状態管理にReduxやVuexなどの状態管理用ライブラリを使いますが、Graphqlを採用した場合にApollo Clientを利用することでフロントエンドの状態管理の実装がかなり楽になります。 追記終了 2021/01/17 追記 2020年版 満足度ランキング State of JS 2020: JavaScript Flavors https://2020.stateofjs.com/ 最近よく聞く状態管理 pmndrs/jotai: 👻 Primitive, flexible state management for React https://github.com/pmnd
Next.js 4年目の知見：SSRはもう古い、VercelにAPIサーバを置くな - Qiita
Next.js by Vercel - The React Framework 画像は Next.js サイコー！っていう顔です。 Webフロントエンドエンジニアであれば、「Reactのフレームワーク」と聞いて真っ先に思いつくであろうNext.js。僕は小規模の趣味開発から中規模の業務まで、4年程度Next.jsを使い続けてきました。触りはじめの当時はバージョン4で、”SSR（Server-side Rendering）を提供するReact製フレームワーク”だったものが、執筆時時点の最新バージョン（10.0.1）ではガラッと異なるフレームワークへと進化しています。 この4年間は実務で利用するだけでなく、新しいものや廃止された機能、RFC止まりになった機能など、Next.jsに関する情報を追いかけており、ある程度の知見をためつつも、Next.js並びに開発元のVercelが目指す方向性を何と
[FastAPI] Python製のASGI Web フレームワーク FastAPIに入門する - Qiita
FastAPI PythonのWeb frameworkで、Flaskのようなマイクロフレームワークにあたります。 パフォーマンスの高さ、書きやすさ、本番運用を強く意識した設計、モダンな機能などが強みです。 FastAPIはStarletteの肩に乗る形で書かれており、非同期処理が扱いやすいです。 特に、以下の様な特徴があります。 ASGI websocketのサポート GraphQLのサポート バックグラウンドプロセスが扱いやすい python type hintによる自動ドキュメント生成 (Swagger UI) pydanticをベースとしたdata validation 率直に言って、responderに非常に似ています。(でた時期も近いですし、responderもStarletteがベースなので) ですが、下の2つはFastAPIの方がよっぽど使いやすく設計されています。 以下の
![[FastAPI] Python製のASGI Web フレームワーク FastAPIに入門する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c804398a246563f77e782b1c9c8bb61bf8d040c5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkYyNDY1NTIlMkZkYmY1N2MwZDY1YWExZjVjYzYzYWNiMDIyMTgzMzhlMjU5MGE4NzkyJTJGeF9sYXJnZS5wbmclM0YxNTc0MTI0NzEwP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTU3M2Q0Yzg1NTliNjhlNTYyZmY4NTk4Y2M1ZWQyOTkw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da3812529bc4b395604bcfc8cace56505%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCRmFzdEFQSSU1RCUyMFB5dGhvbiVFOCVBMyVCRCVFMyU4MSVBRUFTR0klMjBXZWIlMjAlRTMlODMlOTUlRTMlODMlQUMlRTMlODMlQkMlRTMlODMlQTAlRTMlODMlQUYlRTMlODMlQkMlRTMlODIlQUYlMjBGYXN0QVBJJUUzJTgxJUFCJUU1JTg1JUE1JUU5JTk2JTgwJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MTVjODU5MzZjMTM0Yzg0MzY0YzkzNjg4ZTQ3ZDJmY2Q%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBiZWUyJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MTZlYzZmMzM0ZGYxMDIzMTI0ZjhkZjk1ZDQ2MWVlMGY%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dd421b70765328f37cae879d7c62fd18a)
認定プロダクトオーナー研修で学んだこと - Qiita
はじめに 先日、認定プロダクトオーナー研修を受講し、無事（？）認定されました。自分の整理と身近な人にその情報を伝えるために学んだことをまとめておきます。 記事に書くこと 研修を通じて学んだ基本的な考え方やマインドセット 研修中の特徴的な出来事 記事に書かないこと Scrumのセレモニーやアーティファクトの解説 研修で投げかけられた問に対する解答 どんな研修？ Scrum Alliance®の認定スクラムトレーナーによる、ProductOwnerについての研修 「研修」という名前はついているが、「トレーニング」「修行」という表現が正しい よくある座って講義を聞いているような研修ではない ProductOwnerとしての考え方、言動を常に考え続ける3日間 3日間の間にProductOwnerとしての能力（というより素質？）を評価された場合、CSPOとして認定される トレーナーによるが、基本的に
Nerves/rpi3で YOLO v3を動かしてみる【シーズン１総集編】 - Qiita
1.シーズン１総集編 「Window10で TensorFlow liteを使ってみる - 前編」から始まった "TensorFlow lite"シリーズも今回で４回目。今日現在、そこそこの規模のDLモデルである YOLO v3が Nerves/rpi3で動くようになった。無事マイルストーンを一つ越えたので、ここらで一旦中締めの総集編 - 実は小生の備忘録 - を打とうと思う。 これまでの記事の繰り返しとなる部分も多々あろうが、暫しお付き合い願いたい。尚、本記事で紹介したプロジェクトの全ファイルセットは下記で公開している。 https://github.com/shoz-f/tfl_yolo3_nerves_ex 2.プロジェクトの概要 今や世はまさにIOTを実装した社会へのトランスフォームが加速進行中である‥と思う。そんなホットな話題のIOTを構成する T/Things側、すなわちエッジ
AWS SSO をお試す - Qiita
注意点 AWS SSOを作成するAWSアカウントはAWS Organizationの親でないといけない 今の所バージニアリージョンのみ 全体の構成図(イメージ) AWSのブログからの抜粋ですが、今回はIdP(Identity Provider)をAWS SSO、SP(ServiceProvider)をAWSやWordpressとして試します MSAD(Microsoft AD)作成 事前VPC作成 MSADを起動する任意のVPCとサブネットを作成しておく MSADをマネコンから作成 AWSにログインし、リージョンをバージニアにし、サービスから"DirectoryService"をクリックし、 以下の画面の左メニューの"ディレクトリ"をクリックし、[ディレクトリのセットアップ]をクリック "AWS Managed Microsoft AD"にチェックを入れ、右下の[次へ]をクリック エディシ
SSHのハイブリッド暗号に関する良くある誤解の話 - Qiita
はじめに 背景 以前の「SSHの公開鍵認証における良くある誤解の話」に引き続き、SSHにまつわる誤解に関する話です。 公開鍵暗号とハイブリッド暗号のありふれた説明を聞くと、多くの人が「SSH? 共通鍵を公開鍵暗号で暗号化して渡すのね、オーケーオーケー」と早合点しがちです。しかし実態は全く異なります。 その点を少し具体的に解説します。 TL;DR; SSHもSSL/TLSと類似の、鍵交換・認証(ホスト認証)・暗号化・MACの4要素のハイブリッド暗号 2種類の公開鍵暗号、鍵交換(鍵交換用)、電子署名(ホスト認証用)が連携して使われる 「公開鍵で暗号化」は基本使われない。知識として忘れた方がマシ 注意事項 今回はユーザ認証 ( パスワード認証や公開鍵認証など ) の話は対象外です。 また、SSHと言っても既に過去の存在の SSHv1については対象外です。全て SSHv2 の話です。 なお、動作検
UiPath Orchestratorに接続されたRobot のライセンシングについて備忘(Unattended版)。 - Qiita
UiPath Orchestratorに接続されたRobot のライセンシングについて備忘(Unattended版)。RPAUiPathUiPathOrchestrator 概要 UiPathのOrchestrator(以下Orch)導入でいつもややこしい、ライセンスの種類の件について: https://robot.uipath.com/lang-ja/v2018.4/docs/about-licensing このサイトの情報の備忘です。 前回は Attended Roboについて書きましたので、今回は、Unattended Roboについて。 この情報は2019/06/30時点のモノであり、誤りもあるかもしれません。したがって信頼性のある情報が必要な場合は、UiPathの中のヒトにお問い合わせください。また対象バージョンは、UiPath 2018.4.5 です。 TL;DR Unatte
【PHP8.0】厳密なswitch文ことmatch式が使えるようになる - Qiita
switch($x){ case 1: '$xは1だよ'; break; case "1": '$xは"1"だよ'; break; } case "1"に到達することは決してありません。 ということで厳密な比較を用いるswitchことmatch構文のRFCが提出されました。 以下はMatch expression v2の日本語訳です。 PHP RFC: Match expression v2 Proposal このRFCは、switchに似ていますが、より安全なセマンティクスを持つmatch構文の提案です。 例として、Doctrineのクエリパーサを挙げます。 // Before switch ($this->lexer->lookahead['type']) { case Lexer::T_SELECT: $statement = $this->SelectStatement(); br
プログラミングスクールのメンターを辞めました - Qiita
追記 2021/1/25 あとがきを追加しました。 概要 半年近くとあるプログラミングスクールでメンターをしていましたが、諸事情で辞めました。これは決してネガティブな理由でやめたわけではないのはお断りしておきます。半年間メンターをしてみて、SNSでの悪評なども踏まえた上でプログラミングスクールに通うという選択についてどう思うのか個人の意見として書きます。内容は鵜呑みにはせず参考程度に考えてもらえると幸いです。ちなみにこの記事はスクールの比較記事ではありません。なのでおすすめのスクール紹介等は一切ありません。 結論 最初に結論を述べておきますが、プログラミングスクールに通うという選択自体は悪くないです。ただし、どのスクールを選択するのか、スクールの利用の仕方、自身の考え方によってはお金の無駄になる場合があると思っています。ただ個人的にはスクールに通う必要性というものは全くなく、好きな時間に質
AWS環境におけるDDoS対策 - Qiita
こんにちは、ひろかずです。 AWSのDDoS対策(対応状況)ってどうよ。ってふわっと問われることが多くなってきましたので一筆書きます。 ★★ 2016/2/23 Slowlorisの箇所を修正しました！CloudFront△です！ #参考 DDoSに対するAWSのベストプラクティス DDoS Protection Services Review 2016 #一言で言うと 「答えは、DDoSに対するAWSのベストプラクティスに書いてある」なのですが、案内してもピンときた反応がなかったので、「どうしたら伝わるかな」とを考えていました。 ちょうどいいタイミングで、DDoS Protection Services Review 2016が発表されました。 ここでは、基準とするDDoS攻撃の分類が掲載されているので、それらを引用しながら、DDoSに対するAWSのベストプラクティスの内容を当てはめてい
「MySQL 8.0 の薄い本」を作って配っている話 - Qiita
タイトルの通り、「MySQL 8.0 の薄い本」（薄くない）を以下のリポジトリで配布しています。 https://github.com/hmatsu47/mysql80_no_usui_hon 出掛けた先のイベント・勉強会などでも物理本を配布しています。 2019/08/08 追記：MySQL 8.0.17 対応版をリリースしました。 2019/10/27 追記：MySQL 8.0.18 対応版をリリースしました。 2019/12/20 追記：MySQL 8.0.18 対応版第 2 刷をリリースしました。 2020/01/04 追記：MySQL 8.0.18 対応版第 3 刷をリリースしました。 2020/01/19 追記：MySQL 8.0.19 対応版をリリースしました。 2020/03/22 追記：MySQL 8.0.19 対応版第 2 刷をリリースしました。 2020/05/15
Source Han Code JPをUbuntuにインストールしてデフォルトフォントに設定する - Qiita
参考サイトのやつを一通りやってみたが，エラーで止まったので， otf作るまでの最速の方法を調べた． addSVGtable.py'が削除されていたので，使用しない方向で． 必要な場合は、source-han-code-jpのgithubに記載されているリンクから入手できる． シェル環境はbashだが，zshでもかまわない． また，gnome-terminalのPreferencesのカスタムフォント一覧にインストールしたフォントが表示されない事件も発生したので，対処法を載せる． バージョン Ubuntu 18.04.3 LTS (Bionic Beaver) Python 3.6.8 GNU bash 4.4.20 実行手順 $ sudo apt-get install git $ git clone https://github.com/adobe-type-tools/afdko/ $
Markdown原稿からPandocしてLaTeX組版する本作りの事例 - Qiita
これは「TeX ＆ LaTeX Advent Caleandar 2020」の23日目の記事です。 22日目は、MusicDumpさんでした。24日目は、7danmoroboshiさんです。 みなさん、#テフライブ！ していますか？ ここ最近、「Markdown原稿からPandocしてLaTeX組版する」一連の処理で、書籍製作することが増えてきました。 例えば、某弊社で製作させていただきました事例をいくつかあげます。 Andriy Burkov［著］、清水美樹［訳］ 『機械学習 100＋ページ エッセンス』（インプレス） David Thomas・Andrew Hunt［著］、村上雅章［訳］ 『達人プログラマー 熟達に向けたあなたの旅（第2版）』（オーム社） 内田智史［監修］、株式会社システム計画研究所［編］ 『C言語によるプログラミング －基礎編－（第3版）』（オーム社） 田中祥平［著］
AWSの新サービス「Amazon AppFlow」でSaaS-AWS間のデータ連携を試してみた - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 2020/4/23にAWSの新たなサービスとしてAmazon AppFlowなるものが登場しました。 このサービスを検証し、どんな使い道やメリットがあるのかを探ってみました。 更新履歴 2020/4/23 : 初版。サービスリリースに合わせて執筆 2020/9/15 : 更新。S3に出力可能なファイルのフォーマットに、JSONに加えて新たにCSVとParquetが指定可能に Amazon AppFlowとは? まずは、公式サイトの英文を翻訳して紐解いてみます。 https://aws.amazon.com/jp/appflow
簡単！楽しい！5分でわかるユーザーストーリーマッピング(User Story Mapping) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? #なぜ必要なのか？ アジャイルにしたら全体像が見えなくなる。 なんて、よく聞くことはありませんか？ スクラムの場合、製品の全体像を決めるものは、プロダクトバックログです。 プロダクトバックログを単調な優先順位とストーリーポイントのリストにしてしまうと、確かに全体像が見えにくい場合があります。 例えば、以下の様なユーザストーリーのリストを見ると、確かに少しわかりづらいです。 電子メール管理システムの場合 1.ユーザは電子メールを検索できる。 2.ユーザは電子メールをファイリングできる。 3.ユーザは電子メールをキーワードで検索できる。 4
AWS Amplify の Analytics カテゴリまとめ - Qiita
メリークリスマス、この記事では AWS Amplify で行える色々な分析機能について話します。 AWS Amplify は Web およびモバイルアプリを開発するためのフレームワークです。 Amplify CLI を通じてアプリケーションにカテゴリを追加、設定することで、開発者は自分のアプリに欲しい機能を使えるようになります。 例えば GraphQL API を使いたいなら amplify add api からの amplify push といった具合です。 $ amplify add api ? Please select from one of the below mentioned services GraphQL ? Provide API name: amplifyandroid ? Choose an authorization type for the API Amazon
Androidアプリの審査が長くなった件 - Qiita
8/26 追記 改めて気になることがあったので、サポートチームへ問い合わせをしてみました。 一度目に問い合わせた方と別の方に対応していただいたのですが、「審査は土日祝も含めグローバルチームが対応する」という回答を頂きました。 リリース前の審査はすべてのアプリの公開、更新に対して行うのは確定なようですが、審査にかかる時間については、本記事の情報は参考程度に留めておいてください。 先日Androidアプリをリリースしようといつもどおりの作業を行ったのですが、5時間たっても公開されない状況が続いていたため、なにかあったのかと思いコンソールを見てみると、初めて見るメッセージが表示されていました。 「Androidアプリに審査…？公開後に機械的にやってるんじゃないの…？」 と思ったのですが、Twitterなどで調べてみると、Androidアプリの審査があってアプリが公開できていないという話をされてる
Rails 6に上げると”DEPRECATION WARNING: Initialization autoloaded the constants ActionText::ContentHelper, and ActionText::TagHelper.”のような警告が出る - Qiita
Rails 6に上げると”DEPRECATION WARNING: Initialization autoloaded the constants ActionText::ContentHelper, and ActionText::TagHelper.”のような警告が出るRubyRails 2021-2-18追記：新しく記事を書き直しました この警告に対処する最新の知見を以下のページに書き直しました。 今後はこちらのページを参照してください。 【Rails】Initialization autoloaded the constants ActionText::ContentHelper and ActionText::TagHelper 警告の解決パターン - Qiita ここから下の内容はRails 6.0リリース当初に書いた古い知見なので、これを参考にするのは筆者として推奨しません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
