投稿時間:2021-07-17 19:22:45 RSSフィード2021-07-17 19:00 分まとめ(28件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Amazon、｢はじめてのKindle本購入に使える50%OFFクーポン｣プレゼントキャンペーンを実施中（7月23日まで）	https://taisy0.com/2021/07/17/143166.html	amazon	2021-07-17 09:21:52
TECH	Engadget Japanese	Amazonタイムセール祭りでアイリスオーヤマの家電がお買い得	https://japanese.engadget.com/amazon-sale-092146514.html	amazon	2021-07-17 09:21:46
python	Pythonタグが付けられた新着投稿 - Qiita	[Python]StreamlitとPandasを用いたデータ可視化方法 メモ	https://qiita.com/KWS_0901/items/ae32aa3678d5daff27da	reqRequestreqaddheaderUserAgentMozillaXUbuntuLinuxxrvGeckoFirefoxcontenturlopenreqdfpdreadcsvcontentindexcolparsedatesTrue都道府県選択セレクトボックスoptionstselectbox都道府県北海道青森県岩手県宮城県秋田県山形県福島県茨城県栃木県群馬県埼玉県千葉県東京都神奈川県新潟県富山県石川県福井県山梨県長野県岐阜県静岡県愛知県三重県滋賀県京都府大阪府兵庫県奈良県和歌山県鳥取県島根県岡山県広島県山口県徳島県香川県愛媛県高知県福岡県佐賀県長崎県熊本県大分県宮崎県鹿児島県沖縄県選択した都道府県データを抽出dfdfdf都道府県名optioncolumnname月別感染者数optiondfdfrenamecolumns各地の感染者数日ごとの発表数columnnamedfdfloccolumnname月別合計値を取得dfdfresampleMsum折れ線グラフ描画stlinechartdf動作確認起動streamlitruntestpyYoucannowviewyourStreamlitappinyourbrowserLocalURLhttplocalhostNetworkURLアクセスhttplocalhostにアクセス次のような画面が描画される。	2021-07-17 18:36:42
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	自分のPCサイズは横幅1280px,デザインカンプは横幅1600px。width何％でコーディングすれば？	https://teratail.com/questions/349986?rss=all	自分のPCサイズは横幅pxデザインカンプは横幅px。	2021-07-17 18:58:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	mw-wp-formプラグインでアーカイブページのパンくずを表示させたい	https://teratail.com/questions/349985?rss=all	mwwpformプラグインでアーカイブページのパンくずを表示させたい前提・実現したいことWordPressを使ってホームページ制作をしています。	2021-07-17 18:55:58
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	データのMAX値を持つレコードをGROUP BY を使わずに絞込み、別のテーブルに結合させると、思うような結果が得られない	https://teratail.com/questions/349984?rss=all	データのMAX値を持つレコードをGROUPBYを使わずに絞込み、別のテーブルに結合させると、思うような結果が得られない前提・実現したいことデータベースnbspMySQLnbsp開発環境nbspAWSnbspcloudnbsptmicronbsp開発言語nbspPHPnbspフレームワークnbspLaravelnbspLaravelでWebアプリケーションの開発を行っているのですが、クエリビルダの問題というよりもデータ自体に問題がありそうだと考えたため、SQL言語ベースで質問をさせていただきます。	2021-07-17 18:44:34
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GASでGmailに届いたたのめーるからの注文明細をスプレッドシートに書き出したい	https://teratail.com/questions/349983?rss=all	GASでGmailに届いたたのめーるからの注文明細をスプレッドシートに書き出したいGASでGmailに届いたたのめーるからの注文明細をスプレッドシートに書き出したく下記の様なコードを書きました。	2021-07-17 18:39:35
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	colaboratoryのみでFileNotFoundError: [Errno 2] No such file or directoryエラーが起こる	https://teratail.com/questions/349982?rss=all	colaboratoryのみでFileNotFoundErrorErrnoNosuchfileordirectoryエラーが起こるjupyternotebookではエラーにならないのにcolaboratoryではFileNotFoundErrorが出てしまいます。	2021-07-17 18:29:33
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	python 値渡しがよくわかりません。	https://teratail.com/questions/349981?rss=all	python	2021-07-17 18:23:22
Ruby	Rubyタグが付けられた新着投稿 - Qiita	初学者による復習[ロールバックで修正しよう！]	https://qiita.com/mrry1992/items/0198ce4ced52a757d9c7	初学者による復習ロールバックで修正しよう今回はカラムを修正したい時と方法を復習も踏まえ記述していこうと思う。	2021-07-17 18:51:24
Docker	dockerタグが付けられた新着投稿 - Qiita	GitLab CI環境でsphinx文書をビルドしてGitLab Pagesにデプロイする	https://qiita.com/tomoten/items/ee56e91abf5be3121699	passedになるはずですこのプロジェクトのGitLabPages「studypage」にアクセスすると、sphinx文書で作成されたページになっていることを確認できます。	2021-07-17 18:55:40
Docker	dockerタグが付けられた新着投稿 - Qiita	bin/rails s でサーバーは走るが、ブラウザが表示されない。	https://qiita.com/yun02850266/items/25286f0798bf31f95131	binrailss上記のコマンドを入力してサーバーは立ち上がりますが、ブラウザが表示されません。	2021-07-17 18:24:06
Git	Gitタグが付けられた新着投稿 - Qiita	【Git】結構つかうけど使う時いつも調べるGitコマンドまとめ	https://qiita.com/suzu12/items/b27cc76e96edb623a54f	そのたびに調べて使用するということでもいいですが、aliasに登録したり記事などでまとめておくと使いたい時すぐに引き出せるようになります。	2021-07-17 18:09:57
Ruby	Railsタグが付けられた新着投稿 - Qiita	初学者による復習[ロールバックで修正しよう！]	https://qiita.com/mrry1992/items/0198ce4ced52a757d9c7	初学者による復習ロールバックで修正しよう今回はカラムを修正したい時と方法を復習も踏まえ記述していこうと思う。	2021-07-17 18:51:24
Ruby	Railsタグが付けられた新着投稿 - Qiita	bin/rails s でサーバーは走るが、ブラウザが表示されない。	https://qiita.com/yun02850266/items/25286f0798bf31f95131	binrailss上記のコマンドを入力してサーバーは立ち上がりますが、ブラウザが表示されません。	2021-07-17 18:24:06
技術ブログ	Developers.IO	AWS CDKでCognito認証されたAPI Gateway(HTTP API)を構築する	https://dev.classmethod.jp/articles/aws-cdk-apigw-cognito/	amazonapigatewayhttpapiv	2021-07-17 09:20:20
海外TECH	DEV Community	Managing API layers in Vue.js with TypeScript	https://dev.to/blindkai/managing-api-layers-in-vue-js-with-typescript-hno	Managing API layers in Vue js with TypeScript MotivationAlmost every Single Page Application at some point needs to get some data from the backend Sometimes there are several sources of data like REST APIs Web Sockets etc It s important to manage API layer in the right way to make it simple and easy to use in any place of your application no matter if it s store component or other source file TLDRIf you already have some experience in development and want to check the solution here is the FancyUserCard example If some things would be hard to understand feel free to check the detailed step by step path BadPerforming API calls in the component is bad because You make your components large and filled with logic that has nothing to do with the component itself which violates SRP Same API methods could be used in different components which causes code duplication and violates DRY You are importing dependencies globally and it violates DI principle Every time when API changes you need to manually change every method that is needed to be modified GoodTo make things work better we need to slightly change our code and move all the API calls into separate place users api tsIn this case we Have one single AxiosInstance that is configured to work with users API branch and our code becomes modular Have all methods located in one place so it s easier to make changes and to reuse them in different components without duplicating code Handle successful request as well as request failure and make us able to work with both error and data object depending on request status Provide standardized response for each method so we can work with them in one way FancyUserCard vueAnd in our component We are not dealing with http layer at all so our component is only responsible for rendering data that comes from API layer Methods return both errors and data so we can notify user if something went wrong or simply use data that was returned by method AdvancedSome final changes The API call method was moved to reduce code duplication and all the methods are called using this private method Some other ideasThe approach shown above is enough to handle standard API layer workflow If you want to make it even more flexible you could think about implementing some ideas below Creating abstraction over HTTP layerAbout the idea In the example you can see that now we have an interface for our HttpClient so we could have as many implementations as we need It works if we have different Http clients like axios fetch ky and if we will need to migrate from one to another we would simply need to rewrite our HttpClient implementation in one place and it will be applied automatically in any place where we use our service Create a factoryAbout the idea If you have few different data sources you could use some sort of factory to create the instance with needed implementation without an explicit class declaration In this case you just need to provide a contract interface and then to implement each API methods as you want ConclusionsHope that this article was useful for you Do not hesitate to leave a comment if you have some other ideas or if there are any questions about the content of this post I will update this post with detailed information about the problem the solutions and refactoring process soon Cheers	2021-07-17 09:32:42
海外TECH	DEV Community	An Israeli team has provided hacking tool for windows.	https://dev.to/jakomcoder/an-israeli-team-has-provided-hacking-tool-for-windows-577c	An Israeli team has provided hacking tool for windows An Israeli team has provided tools needed to use Microsoft Windows and Microsoft technology in hacking This information provided by the research institute highlights the growing trade in the supply of tools in widely used software hacking A provider called Candiru secretly finds vulnerabilities in software platforms for its customers The company has developed and sold a tool that can access Windows according to Citizen Lab In addition to this special tool the company has developed more software products focused on intelligence activities according to a Reuters report Technical analysis by security researchers has revealed how the tool has spread to countless unnamed buyers around the world and has been used to target various intellectual organizations According to Citizen Lab and Microsoft the victims include a Saudi dissident group and a left wing media outlet in Indonesia Attempts to contact Candiru were unsuccessful Reuters reported After analyzing the infected files collected by Microsoft Citizen Lab found that the tool was specifically targeted at users in several countries These include Iran Lebanon Spain and the United Kingdom Candiru s growing presence and use of its technology in surveillance of global civil society proves that there are numerous hired companies involved in creating spyware and that there is a risk of widespread misuse the report said Microsoft fixed the bug by releasing a software update on Tuesday The software giant without naming Candiru said it had been abused by an Israeli privately owned malicious group codenamed Savargam In a blog post Microsoft said “Savargam buyers are often from various government agencies around the world The company usually sells cyber weapons that allow hacking into the targeted person or organization s computers phones network infrastructure and Internet connected devices Google Chrome also builds candy tools to take advantage of errors in other conventional software such as the browser In a blog post on Wednesday Google also revealed two Chrome software bugs that Citizen Lab Candiru found to be related to Google also described Candiru as a commercial surveillance agency without naming him Google fixed the bug earlier this year	2021-07-17 09:10:58
海外TECH	DEV Community	Rendering Arrays in React	https://dev.to/ajithmadhan11/rendering-arrays-in-react-14bh	Rendering Arrays in ReactThis post will help you to understand how to render arrays in jsx and best practice to use when rendering multiple elements within the component One of the main advantage of modern javascript libraries is that it can automate the generation of Html using a loop ie if we want to render multiple elements of same type a loop over a array or object does the job instead of writing chunks Rendering Multiple elementsTo return multiple element in react we can loop over the array using the map method and return single element export default function App const animalList Lion Tiger Elephant Giraffe return lt div className App gt lt h gt Render Arrays in React lt h gt animalList map animal gt return lt p gt animal lt p gt lt div gt In the above code snippet I have created an array of strings and used the map method to loop over each element and this returns html for each item You can use this method when you want to display a single element for each item in the array The output for above code snippet However if you look at the console you will see a warning that each child in an array or iterator should have a unique key This warning appears because you try to render a collection inside a component without a key You must have a key to render individual components This can be rectified by using unique key to each elements export default function App const animalList Lion Tiger Elephant Giraffe return lt div className App style backgroundColor ececec gt lt h gt Render Arrays in React lt h gt animalList map animal index gt return lt p key index gt animal lt p gt lt div gt Rendering Adjacent elementsIn Jsx to render more than one item you must wrap a wrapper around it What happens if we return more than one item in jsx using a loop export default function App const animalList Lion Tiger Elephant Giraffe return lt li gt Lion lt li gt lt li gt Tiger lt li gt lt li gt Elephant lt li gt lt li gt Giraffe lt li gt This throws an error For this you have to wrap the block using a div or ol like the below snippetexport default function App return lt ol gt lt li gt Lion lt li gt lt li gt Tiger lt li gt lt li gt Elephant lt li gt lt li gt Giraffee lt li gt lt ol gt Rendering Adjacent Elements with React fragmentWrapping the elements in div will make the application full of divs which is usually called as div soup to fix this react released a new component known as Fragmentsexport default function App return lt React Fragment gt lt li gt Lion lt li gt lt li gt Tiger lt li gt lt li gt Elephant lt li gt lt li gt Giraffee lt li gt lt React Fragment gt Fragment can be also used in short syntax like an empty tag export default function App return lt gt lt li gt Lion lt li gt lt li gt Tiger lt li gt lt li gt Elephant lt li gt lt li gt Giraffee lt li gt lt gt Learn more about fragment here React fragment	2021-07-17 09:00:50
金融	ニュース - 保険市場TIMES	第一生命、新興国向け再生可能エネルギーインフラファンドに投資	https://www.hokende.com/news/blog/entry/2021/07/17/190000	第一生命、新興国向け再生可能エネルギーインフラファンドに投資新興国における再生可能エネルギー普及を通じたCO排出削減へ第一生命保険株式会社以下、第一生命は年月日、新興国向け再生可能エネルギーインフラファンドへの投資を決定したことを発表した。	2021-07-17 19:00:00
海外ニュース	Japan Times latest articles	Tokyo reports 1,410 new COVID-19 cases, rising above 1,000 for fourth day in a row	https://www.japantimes.co.jp/news/2021/07/17/national/japan-coronavirus-july-17/	previous	2021-07-17 18:09:42
ニュース	BBC News - Home	Covid: Fully jabbed arrivals from France must still quarantine	https://www.bbc.co.uk/news/uk-57869880	covid	2021-07-17 09:01:24
ニュース	BBC News - Home	Arsenal agree £50m deal for Brighton defender White	https://www.bbc.co.uk/sport/football/57873034	white	2021-07-17 09:03:56
北海道	北海道新聞	藤井聡太棋聖が祝賀会で抱負　「今後も全力で取り組む」	https://www.hokkaido-np.co.jp/article/568259/	藤井聡太	2021-07-17 18:16:00
北海道	北海道新聞	旭川で２人　上川管内で１人感染　新型コロナ	https://www.hokkaido-np.co.jp/article/568258/	上川管内	2021-07-17 18:16:00
北海道	北海道新聞	企業版ふるさと納税に自治体動く　寄付金集め、財政運営の一助に	https://www.hokkaido-np.co.jp/article/568257/	地域活性化	2021-07-17 18:14:00
北海道	北海道新聞	アイヌ刺しゅう体験、一針ずつ丁寧に　釧路アイヌ協会主催で２０人参加	https://www.hokkaido-np.co.jp/article/568256/	刺しゅう	2021-07-17 18:14:00
北海道	北海道新聞	田中将ら第２戦も欠場　プロ野球オールスター	https://www.hokkaido-np.co.jp/article/568218/	体調不良	2021-07-17 18:02:05