投稿時間:2021-06-06 17:35:05 RSSフィード2021-06-06 17:00 分まとめ(38件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	ナイジェリア政府、国内でTwitterのサービス停止措置。「違反者は誰でも起訴」	https://japanese.engadget.com/nigeria-suspend-twitter-070016601.html	twitter	2021-06-06 07:00:16
IT	MOONGIFT	party.js - ビジュアルエフェクトでユーザ体験を向上させよう	http://feedproxy.google.com/~r/moongift/~3/ZvpCN_BU8Sw/	partyjsビジュアルエフェクトでユーザ体験を向上させようWebサイトの中に、ちょっとしたギミックを組み込みたいと思ったことはないでしょうか。	2021-06-06 17:00:00
python	Pythonタグが付けられた新着投稿 - Qiita	【強化学習】【基本編】1.MDPとベルマン方程式	https://qiita.com/____kankan____/items/fb833562d6097ab2a84e	例えばで左という行動を選択すればpでpでゴールだが右を選択すれば確率でに移動報酬を得るここでいうポイントのことというようなの過程を繰り返して得られる報酬の和を最大にするような行動の仕方このマスにいる時はこう行動する方がいいといったようなを求めようというのが強化学習の目的です。	2021-06-06 16:58:42
python	Pythonタグが付けられた新着投稿 - Qiita	Scipyのsolve_ivpで条件を満たすまでシミュレーションを行う	https://qiita.com/sirococoa/items/df57f4cdb4891aa6f055	beginalignfracdydtampvfracdvdtampmgendalignここで、物体の高さをy、速度をvとします。	2021-06-06 16:49:53
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	textarea要素をlabel要素で囲うことは可能ですか?	https://teratail.com/questions/342482?rss=all	label	2021-06-06 16:58:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	DeviseとActionCableの連携{エラー：An unauthorized connection attempt was rejected}	https://teratail.com/questions/342481?rss=all	DeviseとActionCableの連携エラーAnunauthorizedconnectionattemptwasrejected前提・実現したいことプログラミング初心者で初投稿です。	2021-06-06 16:55:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	AWS IoT のシャドウにて、JSONのシャドウステータスのアップデートがうまくいかない	https://teratail.com/questions/342480?rss=all	AWSIoTのシャドウにて、JSONのシャドウステータスのアップデートがうまくいかないAWSnbspIoTに登録したラズベリーパイ経由でLEDの点灯Lチカを行おうとしています。	2021-06-06 16:45:58
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Spring tool suite　ログイン画面でWhitelabel Error Page	https://teratail.com/questions/342479?rss=all	Springtoolsuiteログイン画面でWhitelabelErrorPageSpringnbsptoolnbspsuiteでWhitelabelnbspErrornbspPageと表示される。	2021-06-06 16:42:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Pandasでcsvファイルを読み込むことができません。	https://teratail.com/questions/342478?rss=all	Pandasでcsvファイルを読み込むことができません。	2021-06-06 16:39:07
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ランダムのメッセージが表示されない	https://teratail.com/questions/342477?rss=all	ランダムのメッセージが表示されない前提・実現したいことランダムにメッセージを表示させたい。	2021-06-06 16:35:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	C言語のおけるint配列の0を消す	https://teratail.com/questions/342476?rss=all	C言語のおけるint配列のを消す前提・実現したいことC言語で数値配列を操作して、数値配列のを消したいと思っています。	2021-06-06 16:21:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【Vue.js】配列のデータによって背景色を変える方法を教えていただきたいです。	https://teratail.com/questions/342475?rss=all	【Vuejs】配列のデータによって背景色を変える方法を教えていただきたいです。	2021-06-06 16:15:48
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ログインユーザーつぶやき及びフォローしているユーザーのつぶやきを表示しようとしているが、エラーとなってしまう。	https://teratail.com/questions/342474?rss=all	ログインユーザーつぶやき及びフォローしているユーザーのつぶやきを表示しようとしているが、エラーとなってしまう。	2021-06-06 16:14:58
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	singular matrix	https://teratail.com/questions/342473?rss=all	singularmatrix一次元拡散方程式のシミュレーションのプログラミングを作成しています。	2021-06-06 16:11:38
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ECRからのTA-Lib実行時、"libta_lib.so.0: cannot open shared object file: No such file or directory" を解消したい	https://teratail.com/questions/342472?rss=all	ECRからのTALib実行時、quotlibtalibsocannotopensharedobjectfileNosuchfileordirectoryquotを解消したいECRコンテナイメージを利用したLambda関数にて、TALibを用いることを試みています。	2021-06-06 16:10:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	クラッキングについて	https://teratail.com/questions/342471?rss=all	クラッキングについておそらく年ぐらいはクラッキングをされているのですが、金銭被害や不審な挙動などの実害が無く、証明が出来ません。	2021-06-06 16:06:22
Ruby	Rubyタグが付けられた新着投稿 - Qiita	「オブジェクト指向設計実践ガイド」まとめ	https://qiita.com/taiteam/items/b22a848c65b550dd6f68	第章オブジェクト指向設計設計の賞賛永く動くアプリケーションであればあるほど、変更を加えるのが大きな問題となる設計が貧弱だとオブジェクト間の依存関係が邪魔をして、変更が困難になる設計の目的は後にでも設計をできるようにすることであり、そのための目標は変更コストの削減設計の道具設計原則SOLIDオブジェクト指向設計のつの原則をSOLIDというこの原則に従えば、コードを改善できる設計デザインパターンオブジェクト指向設計には、原則に加えてパターンもあるそれぞれのパターンについて理解し、どのパターンを使うのか適切に選ぶことが大切設計の行為最初の設計が十分でないと、その後の設計に失敗するアジャイルでは、最初にBUFD全体の詳細設計を作ることに意味はないアジャイルでオブジェクト指向設計を行う場合、「変更しやすいようにどのようなコード構成にするか」を考えるオブジェクト指向プログラミングのかんたんな導入手続き型言語文字列・数値・配列などのデータ型が予め用意されており、それらを使うだけプログラマーが新たにデータ型を作ったりできない振る舞いとデータは完全に別オブジェクト指向言語振る舞いとデータを、つのオブジェクトにまとめるプログラマー自身が新たなデータ型オブジェクトを作ることができる第章単一責任のクラスを設計するクラスを使って、今すぐに求められる動作を行い、且つ後にも簡単に変更できるようアプリケーションをモデル化するクラスに属するものを決めるコードの書き方は知ってるけどどこに書けば良いかわからない段階では、メソッドを正しくグループ分けしてクラスにまとめることが重要変更が簡単なようにコードを組成するには、TRUEであるべき見通しが良いTransparent合理的Reasonable利用性が高いUsable模範的Examplary単一の責任を持つクラスをつくるなぜ単一責任が重要なのか何をするべきか整理されておらず、いくつかの責任が絡み合ったクラスだと、クラスの本来の目的とは関係ない理由で変更されてしまう変更が加わるたびに、そのクラスに依存する全てのクラスを破壊する可能性があり、アプリケーションを予期せず壊してしまうクラスが単一責任かどうかを見極めるクラスの持つメソッドを質問に言い換えた時に、意味をなす質問になっているか文でクラスを説明できるか「それと」や「または」が含まれていたら、単一責任ではない変更を歓迎するコードを書くデータではなく、振る舞いに依存する単一責任のクラスを作れば、どんな振る舞いでも一箇所のみに存在するようになるこれがDRY「DontRepeatYourself」の概念インスタンス変数を隠蔽するには、メソッドで包む隠蔽することで、予期せぬ変更がコードに影響を与えることを防ぐ複雑なデータ構造も隠蔽するRubyには、構造を包み隠すためのクラスStructが用意されているあらゆる箇所を単一責任にするメソッドから余計な責任を抽出するクラス内の余計な責任を隔離する責任がありすぎて混沌としているクラスは、それらの責務を別のクラスに分ける第章依存関係を管理する依存関係を理解する依存関係を認識するオブジェクトが以下のものを知っている時、オブジェクトには依存関係がある他のクラスの名前selef以外のどこかに送ろうとするメッセージの名前メッセージが要求する引数それらの引数の順番依存関係を管理して、それぞれのクラスが持つ依存を最低限にすることが重要オブジェクト間の結合CBOCouplingBetweenObjectsつ以上のオブジェクトの結合が強固になると、つのユニットのような振る舞いになるつのオブジェクトに変更を加えると、全てのオブジェクトに変更を加えないといけなくなるこのように管理されていない依存関係を持つアプリケーションは、全てを変更するよりも一から書き直した方が簡単な状態になってしまう疎結合なコードを書く依存オブジェクトの注入クラス間の結合の切り離しを実現する依存オブジェクトの注入を使うためには、「クラス名を知っておく責任や、そのクラスに送るメソッドの名前を知っておく責任が、どこか他のクラスに属するものではないかと疑える能力」が必要依存を隔離するインスタンス変数の作成を分離する他のクラスのインスタンスの作成を、initializeから分離して独自に定義したメソッド内で行うこの時にRubyの演算子を使って、インスタンスの作成を引き延ばすようにする脆い外部メッセージを隔離する引数の順番への依存を取り除く固定された順番の引数だと、その順番が変わった場合に修正箇所が膨大になるそこで、固定順の引数をオプションハッシュに置き換える依存方向の管理クラスの振る舞いにアドバイスすると「自身より変更されないものに依存しなさい」となるこのアドバイスは、以下つの概念が元になっているあるクラスは、他のクラスよりも要件が変わりやすい具象クラスは、抽象クラスよりも変わる可能性が高い多くのところから依存されたクラスを変更すると、広範囲に影響が及ぶ第章柔軟なインターフェースをつくるオブジェクト同士は、オブジェクトが持つ「インターフェース」を介して、会話しているインターフェースを理解する他のオブジェクトが使えるよう晒されたメソッドによって、パブリックインターフェースが定義されているインターフェースを定義するパブリックインターフェースとプライベートインターフェースが存在するのは、それが最も効率的に仕事ができる方法だからメソッドにパブリックやプライベートと印をつけることは、クラスの使用者に対してどのメソッドなら安全に依存できそうかを伝えているパブリックインターフェースは、クラスの責任を明確に述べる契約書であるパブリックインターフェースクラスの主要な責任を明らかにする外部から実行されることが想定される気まぐれに変更されない他者がそこに依存しても安全テストで完全に文書化されているプライベートインターフェース実装の詳細に関わる他のオブジェクトから送られてくることは想定されていないどんな理由でも変更され得る他者がそこに依存するのは危険テストでは、言及さえされないこともあるパブリックインターフェースを見つける見当をつけるアプリケーションに求めらる要件をユースケースとするこのユースケースを満足させるために必要なオブジェクトとメッセージの両方について、まず見当をつけるシーケンス図を使うオブジェクトとメッセージの実験をするためには、シーケンス図がうってつけの方法ユースケースでの名詞はシーケンス図ではオブジェクトになり、ユースケースでのアクションはシーケンス図ではメッセージになる設計の重点がクラスからメッセージになる設計の質問が「このクラスが必要なのは知ってるけど、これは何をすべきか」から「このメッセージを送る必要があるけど、誰が応答すべきか」に変わるオブジェクトが存在するからメッセージを送るのではなく、メッセージを送るためにオブジェクトが存在する「どのように」を伝えるのではなく「何を」を頼むクラス間の会話が「どのように」から「何を」に変わると、パブリックインターフェースのサイズが一段と小さくなるコンテキストの独立を模索するオブジェクトがそのコンテキストから独立していることが、ベストな状況ほかのオブジェクトを信頼するオブジェクト同士が手放しで信頼しあえることが、オブジェクト指向設計の要「私は自分が何を望んでいるかを知っているし、あなたがそれをどのようにやるかも知っているよ」「私は自分が何を望んでいるかを知っていて、あなたが何をするかも知っているよ」「私は自分が何を望んでいるかを知っていて、あなたがあなたの担当部分をやってくれると信じているよ」オブジェクトを見つけるためにメッセージを使う単一責任の原則を破っている場合、新しいオブジェクトが必要新しいオブジェクトは、そこにメッセージを送る必要性があったために発見される一番良い面インターフェースを表に出すコードを書く明示的なインターフェースを作るパブリックインターフェースに含まれるメソッドは、以下のようであるべき明示的にパブリックインターフェースだと特定できる「どのように」よりも、「何を」になっている名前は、考えられる限り、変わり得ないものであるオプション引数として、ハッシュをとるRubyのpbulic・protected・privateこのつのキーワードは、全く異なるつの用途で用いられるつ目は、どのメソッドが安定でどのメソッドが不安定かつ目は、どれだけメソッドが見えるか制御するためこのつのキーワードを使うことで、以下つのことを伝えられる「将来の」プログラマーが持つ情報よりも、今の自分の方がより良い情報を持っていると信じている今の自分が不安定だと考えているメソッドを、将来のプログラマーに不用意に使われることは防がなければならないと信じているデルメルの法則デルメルの法則は、オブジェクトを疎結合にするためのコーディング規則の集まりデルメルの法則に違反するとパブリックインターフェースの正確な定義と特定ができていない実害がない場合もあるデルメルを定義する「直接の隣人にのみ話しかけよう」「ドットはつしか使わないようにしよう」つ目のオブジェクトにメッセージを送る際、異なる型のつ目のオブジェクトを介することを禁じる違反を回避する委譲を使うと違反を回避できるRuby→delegaterb・forwardablerbRubyonRails→delegateメソッドデルメルに耳を傾けるデルメルが伝えたいのは「委譲をもっと使いましょう」ということではない「何を」を求めて、メッセージチェーンを再考するメッセージに基づく視点に移行してメッセージを見つければ、そのメッセージは自ずと何らかのオブジェクトのパブリックインターフェースとなるそのオブジェクトが何のオブジェクトなのかは、メッセージ自体が導いてくれる第章ダックタイピングでコストを削減するダックタイプは、いかなる特定のクラスとも結びつかないパブリックインターフェースオブジェクトは、そのクラスよりもその振る舞いによって定義される「もしオブジェクトがダックアヒルのように鳴き、ダックのように歩くならば、そのクラスが何であれ、それはダックである」ダックタイピングを理解するオブジェクトが何で「ある」かではなく、何を「する」かダックタイプを見つけて実装することで、設計上の複雑な問題を解決できるダックを信頼するコードを書く設計上で難しいのは、ダックタイプが必要であることに気づくことと、そのインターフェースを抽象化すること隠れたダックを認識する方法として、以下のものはダックで置き換えることができるクラスで分岐するcase文kindofとisarespondstoこれらは、未特定のダックの存在を示唆しているつまり、まだパブリックインターフェースを発見できていないオブジェクトを見逃しているダックタイプを新たに作るかは、その時の判断による設計の目的は、コストを下げること不安定な依存が減るなら作ればいいダックタイピングへの恐れを克服する静的型付けは、ダック対応を無効化するダックタイピングは、動的型付けの上に成り立つ第章継承によって振る舞いを獲得するクラスによる継承を理解する継承とは、根本的に「メッセージの自動委譲」の仕組み継承を使うべき箇所を識別する「『あなたが誰なのか』知っている。	2021-06-06 16:32:34
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Rails】Serviceオブジェクトとの付き合い方。	https://qiita.com/ren0826jam/items/6d3fa4c5dbdf1625e441	Serviceオブジェクトを使わないようにするにはServiceオブジェクトではなくconcernとPOROを使ってみましょう。	2021-06-06 16:20:21
Ruby	Rubyタグが付けられた新着投稿 - Qiita	KBID 147 - Parameter bindingをやってみた。	https://qiita.com/mihosan/items/7a6ee4bb6f03ce78ca2a	本当は、以下のように値が設定されているべきです。	2021-06-06 16:09:02
AWS	AWSタグが付けられた新着投稿 - Qiita	AmazonLinux2にLet'sEncrypt(無料SSL)を導入する	https://qiita.com/TetsuTaka/items/9b5806c3abe7772bfe53	AmazonLinuxにLetxsEncrypt無料SSLを導入する・前提AmazonLinuxのインタンスを作成してSSHで接続できる。	2021-06-06 16:55:25
AWS	AWSタグが付けられた新着投稿 - Qiita	ハンズオンはじめの一歩: AWS アカウントの作り方 & IAM 基本のキ[動画4~8]	https://qiita.com/Ub_Iwerks/items/a31e7d962fdc67e60fc6	ユーザーではなく、特定のECやSに動画IAMポリシーとIAMグループを作ってみる…min実際にハンヅオンでIAMポリシーの作成・割り当て、IAMグループの作成・割り当てを行う具体的にまず新しいIAMポリシーを作成する、以下の権限を許可ECインスタンスの参照ECインスタンスのスタートECインスタンスのストップを許可するこのポリシーを付与されたIAMユーザーの作成とIAMグループの作成を行う動画IAMロールを試してみる…min実際にリソースECにIAMロールをアタッチする。	2021-06-06 16:20:33
Docker	dockerタグが付けられた新着投稿 - Qiita	ubuntu20.04でgpuをつかうdockerイメージを走らせるまで	https://qiita.com/neppysan/items/38d3ecc7829518d62598	nvidiaドライバーのインストール初期状態だとnouveauというドライバーが入っているので、nvidiaのドライバをインストールする。	2021-06-06 16:41:49
Git	Gitタグが付けられた新着投稿 - Qiita	エラー「warning: adding embedded git repository」が発生した。	https://qiita.com/Imamura-k/items/10eac48daa9ddf0a12e6	cdファイルパスlsaまたはcd親ディレクトリのパスファイルfindtypednamegit発見したファイルのgitを削除する。	2021-06-06 16:50:39
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】投稿をいいねされた順で表示する	https://qiita.com/oak1331/items/2327c63796e85d7be2ce	【Rails】投稿をいいねされた順で表示する目的投稿をいいねされた順番で表示する。	2021-06-06 16:20:28
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】Serviceオブジェクトとの付き合い方。	https://qiita.com/ren0826jam/items/6d3fa4c5dbdf1625e441	Serviceオブジェクトを使わないようにするにはServiceオブジェクトではなくconcernとPOROを使ってみましょう。	2021-06-06 16:20:21
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】いいね機能の実装（非同期）	https://qiita.com/oak1331/items/3e5508d9405c96ae6786	【Rails】FontAwesomeの導入手順はじめにルーティングの設定Likeモデルの作成アソシエーションの設定バリデーションの設定メソッドの定義likesコントローラーの作成アクションの定義いいねアイコンの表示jsファイルの作成はじめに今回は非同期でのいいね機能を実装していきます。	2021-06-06 16:17:44
海外TECH	DEV Community	React Hooks design pattern	https://dev.to/jonathanrodriguezs/react-design-patterns-33id	React Hooks design patternI want to share with you one design patterns to improve the readability and maintainability of your React components Why should we care about maintainability If our components are interdependent not extensible and not uniquely responsible as our application grows in lines of code and complexity our time to add new features or resolve bugs will also increase Let s say we have a form in your application and we need to save its content into local storage as it changes function LocalStorageForm const values setValues useState const handleChange event gt const name value event target setValues values name value return lt Form values values onChange handleChange gt We might want to change the code into something like this adding local storage synchronization logic inside the component function MessyLocalStorageForm const values setValues useState gt const storedValues JSON parse localStorage getItem form return storedValues const handleChange event gt const name value event target const updatedValues values name value localStorage setItem form JSON stringify updatedValues setValues updatedValues return lt Form values values onChange handleChange gt It works but is messy what if we have another form where we want to also synchronize the values with local storage Could we abstract the complexity of state management to reuse it multiple times Yes creating a custom hook only responsible for the local storage synchronization import useState useEffect from react function useLocalStorage key initialValue const state setState useState gt const value localStorage getItem key return JSON parse value initialValue useEffect gt const value JSON stringify state localStorage setItem key value key state return state setState And now all we need to do is go back to the first version of our code and just change the useState to our new custom hook useLocalStorage function LocalStorageForm const values setValues useLocalStorage form const handleChange event gt const name value event target setValues values name value return lt Form values values onChange handleChange gt Photo by Xavi Cabrera on Unsplash	2021-06-06 07:29:43
海外TECH	DEV Community	Learn React-router like a PRO 😎	https://dev.to/varuogm/learn-react-router-like-a-pro-1a9h	Learn React router like a PRO Hey I m GouravBy the title you might have guessed it right what things we will be discussing what is react router SPA Well the first question arises what is Single Page Application When a user runs an application and click on links the content of the page changes but the page does not reload i e the user stays on the same page for the entire time such application is called a Single Page Application or SPA s A simple illustration is given below So what does that mean and why it s beneficial The main benefit is Performance It works inside the browser and does not require page reloading during use You use many SPA applications like Facebook Twitter even some parts of the application in which you are reading this Dev Hashnode React Router React Router matches the URL and loads up the component for that particular page to learn more about router click here Lets start buildingso we will be making a simple SPA like this the codes are self explanatory and simple Setup the project step Open the terminal in your code editor and install react amp also install router dom package npx create react app gourav spanpm install react router domnavigate to our directorycd gourav spa step Next we import the essential components from react router dom We do this in the App js fileimport BrowserRouter as Router NavLink Route from react router dom step So now let s get into our App js and start building our skeleton The way React Router works is by defining the region in which there will have two things our navigation linkscontainer to load our content intoimport BrowserRouter as Router NavLink Route from react router dom import App css function App return lt Router gt lt div gt lt h gt Hey there everyone I m gourav lt h gt lt ul className header gt lt li gt lt NavLink to gt Home lt NavLink gt lt li gt lt li gt lt NavLink to Fav gt Fav lt NavLink gt lt li gt lt li gt lt NavLink to About gt About lt NavLink gt lt li gt lt ul gt lt Router gt export default App step Before making routes let s make our home fav about pages first and then we will connect them afterward I m assuming we know the basics of react and familiar with ESconcepts let s make our navigation pages Creating Home jsimport React from react const Home gt return lt div gt lt h gt This is home page lt h gt lt h gt there is nothing much to say this is a simple home page lt h gt lt p gt i hope this helps you out in learning this topic lt p gt lt div gt export default Home Creating Fav jsimport React from react import React from react const Fav gt return lt div gt lt h gt My fav things lt h gt lt p gt there are so many things here are some of them lt p gt lt ol gt lt li gt eating fruits lt li gt lt li gt memes lt li gt lt li gt tweeting lt li gt lt li gt multiplayer games lt li gt lt li gt etc lt li gt lt ol gt lt div gt export default Fav Creating About jsimport React from react let gouravpic twitter github const About gt return lt div className both gt lt h gt About lt h gt lt br gt lt div gt lt img className image src gouravpic alt img gt lt div gt lt div className data gt lt h gt Name Gourav Majee lt h gt lt h gt Student CS ungrad lt h gt lt h gt Developer lt h gt lt h gt twitter lt a href twitter gt here lt a gt lt h gt lt h gt Github lt a href github gt here lt a gt lt h gt lt div gt lt div gt export default About lets add some css to make it prettybody background color bcdb padding px margin h h p ul li font family sans serif ul header li display inline list style type none margin ul header background color rgb padding ul header li a color FFF font weight bold text decoration none padding px display inline block content background color FFF padding px content h padding margin content li margin bottom px image float left width px height px margin right px Now it would look like this great job But gourav it s still not navigating us to our desired pathyes because we haven t set up the Route paths yet add this in your app js file under your nav links div lt div className content gt lt Route exact path component Home gt lt Route exact path fav component Fav gt lt Route exact path about component About gt lt div gt the Route component contains a path prop The value you specify for the path determines when this route is going to be active When any route is active the component specified by the component prop gets rendered we have used exact path so that it returns the route if the path is an EXACT match So our SPA is ready let s see how does it look like Its not the end Add your personal things items colors and play with the code Conclusion That brings us to the end of this demonstration of how we can build single page application with react router Congrats I think you ll agree that it was a reasonably easy thing to set up The next step might be to play around with the router switches to have a grip on those If you ve enjoyed this article ≧ ‿ ≦ or You have any questions then contact me Varougm where I d be more than happy to answer you I m new to this if you find any mistake please let me know Buy me my first coffee here Thank you for reading Thanks DEV for giving me place to post my article	2021-06-06 07:22:18
海外TECH	DEV Community	How to Publish Your First NPM Package in Minutes!	https://dev.to/codesphere/how-to-publish-your-first-npm-package-in-minutes-16in	How to Publish Your First NPM Package in Minutes In this article I m going to show you how to publish your first NPM package in minutes Now the package we re going to create today is pretty useless but the process we use is going to be applicable for almost every NPM package that you re going to want to publish In our example today we are going to create two functions one that takes the nth root of a number and one that tells us whether a number is even Make an NPM Account and LoginTo get started create an NPM account if you haven t already done so at npmjs com and make sure to verify your email address If you don t verify it you will not be able to publish any packages Now in our command line we can log in to our npm account npm loginYou will then be prompted to enter your username password and email address Create A Package jsonNow the next thing we re going to do is create our package json withnpm initWith the following settings Package Name Make this something unique Check the NPM website to see if your name is taken Version Description This will appear on the NPM page so make it helpful for usersEntry Point index jsTest Command You can leave this blankGitHub Repository If you have a GitHub repo for your module then add it here This will appear on the NPM pageKeywords This will make it easier for developers to find your packageAuthor List yourselfLicense ISC This is the boilerplate license for open source software Create index js with nth root functionNow let s make our first function Create that index js file which we designated as the main file for our package at the root of your project For our code we are going to define module exports and whatever we set this value to is what our package will return For now let s define a function called nthRt that takes in a number and then returns the nth root of that number module exports function nthRt n return n n NPM Publish and Test ItWe can now publish this by runningnpm publishNow if we go back to npm and click on our packages we ll see the package we just published Install and Require is oddNow let s get a little fancier How can we add a dependency Another similarly useless npm package is the is odd package which you guessed it tells us if an integer is odd Let s go back to our IDE and install it withnpm i is oddOnce that is done we should see the dependency in our package json file Then on the top of our index js let s require the module with const isOdd require is odd Add isEven FunctionNow let s use this isOdd function to create our own function to tell whether a number is even Instead of setting module exports to our nthRt function let s set it to an object with keys and values for our individual functions Let s then create our isEven function and just return the negation of our isOdd function const isOdd require is odd module exports nthRt function nthRt n return n n isEven function isEven n return isOdd n Add README mdNow you might have noticed the documentation that was included on the is odd npm page To create our own we just need to make a README markdown file called README mdWe can then insert markdown syntax to explain the installation and usage of our package Change Version Publish and TestNow before we can publish this new version we have to make sure to increment the version value in our package json Then run npm publishand in a matter of seconds we should see the new update Unpublish the PackageNow on a final note you should feel free to test the publishing process until you are comfortable with it but make sure to unpublish NPM packages that are purely for your testing We all have to do our part to make the NPM system clean and efficient so the fewer useless packages there are the better To unpublish your package simply run npm unpublish lt the name of your package gt fNow if we try to go to our npm page we ll get a meaning it was successfully unpublished Thanks for reading If you have any questions or just want to show off the cool NPM packages that you re making comment down below Also don t forget to follow us on social media to get all the updates on how Codesphere is revolutionizing the development experience Happy coding	2021-06-06 07:21:10
海外TECH	DEV Community	How to Query in SQFLite using Flutter Apps | Flutter SQFLite Tutorials for beginners #2	https://dev.to/devstack06/how-to-query-in-sqflite-using-flutter-apps-flutter-sqflite-tutorials-for-beginners-2-22ac	How to Query in SQFLite using Flutter Apps Flutter SQFLite Tutorials for beginners In this video we are going to work on the Inserting and Reading the data from SQFLITE Basically we will going to do the query on sqflite and insert and show data using flutter app Link	2021-06-06 07:11:57
ニュース	BBC News - Home	Covid: Twitter suspends Naomi Wolf after tweeting anti-vaccine misinformation	https://www.bbc.co.uk/news/world-us-canada-57374241	range	2021-06-06 07:54:17
ニュース	BBC News - Home	Bitcoin: El Salvador plans to make crypto-currency legal tender	https://www.bbc.co.uk/news/world-latin-america-57373058	digital	2021-06-06 07:43:49
北海道	北海道新聞	ビーチバレー石島、白鳥組五輪へ　男子代表決定戦	https://www.hokkaido-np.co.jp/article/552400/	東京五輪	2021-06-06 16:17:00
北海道	北海道新聞	函館で４人感染　新型コロナ	https://www.hokkaido-np.co.jp/article/552399/	新型	2021-06-06 16:07:00
北海道	北海道新聞	マリナーズ菊池は「右膝の打撲」　打球受け降板、６日に検査	https://www.hokkaido-np.co.jp/article/552398/	大リーグ	2021-06-06 16:06:00
北海道	北海道新聞	道内コロナ１２人死亡、１８３人感染　札幌は１２５人	https://www.hokkaido-np.co.jp/article/552397/	新型コロナウイルス	2021-06-06 16:02:37
北海道	北海道新聞	道内ＹＯＳＡＫＯＩチーム創意工夫　踊りの情熱、映像で発信　無料配信や写真展	https://www.hokkaido-np.co.jp/article/552160/	yosakoi	2021-06-06 16:04:06
IT	週刊アスキー	ファミリーマートの「カラムーチョスープ」が気になる	https://weekly.ascii.jp/elem/000/004/057/4057938/	月日	2021-06-06 16:30:00