投稿時間:2022-02-27 11:14:41 RSSフィード2022-02-27 11:00 分まとめ(19件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	2023年発売の｢iPhone 15｣では全てのモデルでノッチ廃止か − パンチホールディスプレイを採用へ	https://taisy0.com/2022/02/27/153792.html	laysupplychainconsultants	2022-02-27 01:26:20
TECH	Engadget Japanese	ビジネスシーンをよりスマートに。レーザーポインター＋リモコン＋マウス一体型「LKKER AIR MOUSE 」	https://japanese.engadget.com/lkker-air-mouse-014548566.html	レーザーポインターリモコンマウス一体型「LKKERAIRMOUSE」「AIRMOUSEPRO」主な特徴マウスレーザーポインターリモコンとして利用可能折り畳むだけで通常モードからエアモードに切り替え可能GHz帯無線で最大mの離れた場所から操作可能通常のマウスよりコンパクトなmmの薄さ超軽量gWindowsiOSChromeOSTVなど様々なデバイスに対応マウス、リモコン、レーザーポインターが一体型したinエアマウス。	2022-02-27 01:45:48
AWS	AWSタグが付けられた新着投稿 - Qiita	SORBSのブラックリストに登録されたEIPを解放してみた	https://qiita.com/Takao_/items/220324a897e443105436	今回、対象のEIPは逆引き設定がされていて、そもそもEIPを解放する際には逆引き設定解除の手続きが必要になるのですが、ブラックリストに登録されている状態でAWSへ逆引き設定の解除申請を行うと、対象IPがブラックリストに載っているため、先にブラックリストからの登録解除を行うよう指示されます。	2022-02-27 10:17:31
AWS	AWSタグが付けられた新着投稿 - Qiita	ゆっくり見てってね[転職用ポートフォリオ ]	https://qiita.com/sirororo/items/e2ea79b717d9c7562f0c	依頼内容は受注リストで確認できます受注内容を確認する想定作業時間分トップ画面の左上にあるマイページをクリック受注中のリストの確認をするをクリック顧客から依頼が来ているので内容を確認するをクリック依頼内容が確認できますセキュリティーや負荷分散についてPHPファイルアップロード時のファイル名をランダム化画像ファイルは予め画像ファイルしか選択できないようにする画像ファイルアップロード時には予め指定した拡張子以外はエラー表示にする画像ファイルには実行権限を与えないように変更するログインに回以上失敗するとエラー表示させログインできないようにしますCSRF対策としてデータ登録のページにはワンタイムトークンを使用してエラー表示するXSS対策としてすべて入力したものはhtmlspecialchars関数を使いサニタイジング化入力フィルタでは正規表現でデータ電話番号、メールアドレスなどを確認入力データサービス登録時に「http」を含めるとエラー表示パスワードは暗号化して登録AWSパブリックサブネットへSSH接続する際の設定はマイIPのみでアクセスするようにするパスワードログインでは危険なのでルートアカウントのMFAを有効化外部から直接アクセスできないようにRDSはプライベートサブネットに設置するDNSサーバーのドメイン登録の際は、プライバシーの保護を有効化可用性と耐障害性を持たせるため複数のAZにサブネットを設置可用性と負荷分散を持たせるためにサブネットグループを三層に分けますSSL証明書を作成しHTTPSを有効化ECのEBSをKMSで暗号化RDSをKMSで暗号化苦労した点ECインスタンスにEBSをアタッチして再起動してもデバイス同士でパスが通っている状態を維持することホップSSHトンネルを使ってローカル環境から直接RDSにアクセスすることキーペアのコピーを一時的にパブリックサブネットに置く方法Dockerを構築すること今後の課題・インフラをコード化する。	2022-02-27 10:06:36
Ruby	Railsタグが付けられた新着投稿 - Qiita	ActiveRecord で order しつつ find_each する	https://qiita.com/QUANON/items/1553697df28319d78248	そこでActiveRecordQueryMethodsextendingを使用し、ActiveRecordRelationオブジェクトを必要に応じて拡張する方法を採用しました。	2022-02-27 10:55:34
海外TECH	DEV Community	Adding the Material UI CSS framework to an React application	https://dev.to/rodrigokamada/adding-the-material-ui-css-framework-to-an-react-application-4jkl	Adding the Material UI CSS framework to an React application IntroductionReact is an open source JavaScript library for building user interfaces in WEB and mobile applications Currently React is at version and Meta formerly Facebook is the main maintainer of the project Material UI is a CSS framework with foundational and advanced components enabling you to develop applications faster PrerequisitesBefore you start you need to install and configure the tools gitNode js and npmIDE e g Visual Studio Code or WebStorm Getting started Create the React application Let s create the application with the React base structure using the create react app tool npx create react app react mui template typescriptCreating a new React app in home rodrigokamada Development React react mui Installing packages This might take a couple of minutes Installing react react dom and react scripts with cra template typescript added packages in s packages are looking for funding run npm fund for detailsInitialized a git repository Installing template dependencies using npm npm WARN deprecated source map resolve See deprecatedadded packages and changed package in s packages are looking for funding run npm fund for detailsWe detected TypeScript in your project src App test tsx and created a tsconfig json file for you Your tsconfig json has been populated with default values Removing template package using npm removed package and audited packages in s packages are looking for funding run npm fund for details moderate severity vulnerabilitiesTo address all issues including breaking changes run npm audit fix forceRun npm audit for details Created git commit Success Created react mui at home rodrigokamada Development React react muiInside that directory you can run several commands npm start Starts the development server npm run build Bundles the app into static files for production npm test Starts the test runner npm run eject Removes this tool and copies build dependencies configuration files and scripts into the app directory If you do this you can t go back We suggest that you begin by typing cd react mui npm startHappy hacking Install the mui material mui icons material mui lab emotion react emotion styled and types date fns libraries npm install mui material mui icons material mui lab emotion react emotion styled types date fns Remove the contents of the src App tsx file Add some components as below import React from react import AppBar from mui material AppBar import Avatar from mui material Avatar import Box from mui material Box import Button from mui material Button import Container from mui material Container import FormControlLabel from mui material FormControlLabel import IconButton from mui material IconButton import Menu from mui material Menu import MenuIcon from mui icons material Menu import MenuItem from mui material MenuItem import Modal from mui material Modal import Switch from mui material Switch import TextField from mui material TextField import Toolbar from mui material Toolbar import Tooltip from mui material Tooltip import Typography from mui material Typography import AdapterDateFns from mui lab AdapterDateFns import DatePicker from mui lab DatePicker import LocalizationProvider from mui lab LocalizationProvider import App css const pages Products Pricing Blog const settings Profile Account Dashboard Logout const modalStyle position absolute as absolute top left transform translate width bgcolor background paper border px solid boxShadow p function App const anchorElNav setAnchorElNav React useState lt null HTMLElement gt null const anchorElUser setAnchorElUser React useState lt null HTMLElement gt null const handleOpenNavMenu event React MouseEvent lt HTMLElement gt gt setAnchorElNav event currentTarget const handleOpenUserMenu event React MouseEvent lt HTMLElement gt gt setAnchorElUser event currentTarget const handleCloseNavMenu gt setAnchorElNav null const handleCloseUserMenu gt setAnchorElUser null const value setValue React useState lt Date null gt null const open setOpen React useState false const handleOpen gt setOpen true const handleClose gt setOpen false return lt Container maxWidth xl sx p px important gt lt AppBar position static gt lt Container maxWidth xl gt lt Toolbar disableGutters gt lt Typography variant h noWrap component div sx mr display xs none md flex gt React Material UI lt Typography gt lt Box sx flexGrow display xs flex md none gt lt IconButton size large aria label account of current user aria controls menu appbar aria haspopup true onClick handleOpenNavMenu color inherit gt lt MenuIcon gt lt IconButton gt lt Menu id menu appbar anchorEl anchorElNav anchorOrigin vertical bottom horizontal left keepMounted transformOrigin vertical top horizontal left open Boolean anchorElNav onClose handleCloseNavMenu sx display xs block md none gt pages map page gt lt MenuItem key page onClick handleCloseNavMenu gt lt Typography textAlign center gt page lt Typography gt lt MenuItem gt lt Menu gt lt Box gt lt Typography variant h noWrap component div sx flexGrow display xs flex md none gt React Material UI lt Typography gt lt Box sx flexGrow display xs none md flex gt pages map page gt lt Button key page onClick handleCloseNavMenu sx my color white display block gt page lt Button gt lt Box gt lt Box sx flexGrow gt lt Tooltip title Open settings gt lt IconButton onClick handleOpenUserMenu sx p gt lt Avatar alt Remy Sharp src static images avatar jpg gt lt IconButton gt lt Tooltip gt lt Menu sx mt px id menu appbar anchorEl anchorElUser anchorOrigin vertical top horizontal right keepMounted transformOrigin vertical top horizontal right open Boolean anchorElUser onClose handleCloseUserMenu gt settings map setting gt lt MenuItem key setting onClick handleCloseUserMenu gt lt Typography textAlign center gt setting lt Typography gt lt MenuItem gt lt Menu gt lt Box gt lt Toolbar gt lt Container gt lt AppBar gt lt Box component form sx mt amp MuiTextField root my width noValidate autoComplete off gt lt Container maxWidth xl gt lt div gt lt TextField id exampleInput label Example input variant outlined gt lt div gt lt div gt lt TextField id exampleTextarea label Example textarea multiline rows gt lt div gt lt div gt lt FormControlLabel control lt Switch defaultChecked gt label Example switch gt lt div gt lt div gt lt LocalizationProvider dateAdapter AdapterDateFns gt lt DatePicker label Example date value value onChange newValue gt setValue newValue renderInput params gt lt TextField params gt gt lt LocalizationProvider gt lt div gt lt div gt lt Button variant contained onClick handleOpen gt Open modal lt Button gt lt Modal open open onClose handleClose aria labelledby modal modal title aria describedby modal modal description gt lt Box sx modalStyle gt lt Typography id modal modal title variant h component h gt Text in a modal lt Typography gt lt Typography id modal modal description sx mt gt Duis mollis est non commodo luctus nisi erat porttitor ligula lt Typography gt lt Button variant contained onClick handleClose sx mt gt Close modal lt Button gt lt Box gt lt Modal gt lt div gt lt Container gt lt Box gt lt Container gt export default App Run the application with the command below npm startCompiled successfully You can now view react mui in the browser http localhost react muiNote that the development build is not optimized To create a production build use npm run build assets by path static js js MiB asset static js bundle js MiB emitted name main related asset asset static js node modules web vitals dist web vitals js chunk js KiB emitted related assetasset index html KiB emitted asset asset manifest json bytes emitted orphan modules KiB orphan modulesruntime modules KiB modulesmodules by path node modules MiB modulesmodules by path src KiB modules by path src css KiB src index css KiB built code generated node modules css loader dist cjs js ruleSet rules oneOf use node modules postcss loader dist cjs js ruleSet rules oneOf use node modules source map loader dist cjs js src index css KiB built code generated src App css KiB built code generated node modules css loader dist cjs js ruleSet rules oneOf use node modules postcss loader dist cjs js ruleSet rules oneOf use node modules source map loader dist cjs js src App css KiB built code generated modules by path src tsx KiB src index tsx KiB built code generated src App tsx KiB built code generated src reportWebVitals ts KiB built code generated webpack compiled successfully in ms Ready Access the URL http localhost react mui and check if the application is working See the application working on GitHub Pages and Stackblitz The application repository is available at This tutorial was posted on my blog in portuguese	2022-02-27 01:43:04
海外ニュース	Japan Times latest articles	North Korea launches apparent ballistic missile as world watches Ukraine	https://www.japantimes.co.jp/news/2022/02/27/asia-pacific/north-korea-missile-launch-ukraine/	North Korea launches apparent ballistic missile as world watches UkraineThe missile was believed had traveled about kilometers hitting a maximum altitude of km It did not land in Japan s exclusive economic zone	2022-02-27 10:18:45
海外ニュース	Japan Times latest articles	‘Scattered All Over the Earth’: Yoko Tawada’s utopia rejects present-day conventions	https://www.japantimes.co.jp/culture/2022/02/27/books/scattered-all-over-the-earth/	Scattered All Over the Earth Yoko Tawada s utopia rejects present day conventionsThe Japanese writer s latest release is a thoroughly modern novel that reflects the seismic changes technology and globalization have wrought on humanity	2022-02-27 10:10:13
ニュース	BBC News - Home	West to cut some Russian banks off from Swift	https://www.bbc.co.uk/news/world-60542433?at_medium=RSS&at_campaign=KARANGA	swift	2022-02-27 01:40:57
ニュース	BBC News - Home	Ukrainians fighting heroically, says Johnson	https://www.bbc.co.uk/news/uk-60541505?at_medium=RSS&at_campaign=KARANGA	russia	2022-02-27 01:18:54
ニュース	BBC News - Home	Priya Aggarwal: The Indian bride on horseback who smashed taboos	https://www.bbc.co.uk/news/world-asia-india-60459226?at_medium=RSS&at_campaign=KARANGA	entry	2022-02-27 01:03:34
北海道	北海道新聞	谷地と木村の日本２が９位　ノルディックスキーＷ杯複合団体	https://www.hokkaido-np.co.jp/article/650425/	谷地	2022-02-27 10:19:00
北海道	北海道新聞	福井でスノボ中に遭難の２人救助　けがなし	https://www.hokkaido-np.co.jp/article/650424/	福井県警	2022-02-27 10:18:00
北海道	北海道新聞	ロシア軍、キエフ西側の封鎖続く　ウクライナ反撃、補給阻む	https://www.hokkaido-np.co.jp/article/650422/	首都	2022-02-27 10:15:00
北海道	北海道新聞	札幌の雪捨て場、限界目前　半数超が満杯　暖気で閉鎖、追い打ち	https://www.hokkaido-np.co.jp/article/650367/	札幌市内	2022-02-27 10:08:02
北海道	北海道新聞	札幌の新規感染１４００人前後　新型コロナ	https://www.hokkaido-np.co.jp/article/650418/	新型コロナウイルス	2022-02-27 10:03:00
ビジネス	プレジデントオンライン	｢シャワーのように聞き流すだけ…｣英語がいつまでも上達しない人がはまっている"語学学習の罠" - 巷にあふれる｢神話｣を信じるな	https://president.jp/articles/-/55041	英語教育	2022-02-27 11:00:00
ビジネス	プレジデントオンライン	一般人と僧侶の間で5万～10万円差…アンケートで判明｢お布施｣の妥当な金額 - 割高なお布施を要求する僧侶もいる	https://president.jp/articles/-/55009	金額	2022-02-27 11:00:00
ビジネス	プレジデントオンライン	｢シャワーのように聞き流すだけ…｣英語がいつまでも上達しない人がはまっている"語学学習の罠" - 巷にあふれる｢神話｣を信じるな	https://president.jp/articles/-/54952	英語教育	2022-02-27 11:00:00