投稿時間:2022-01-23 19:27:12 RSSフィード2022-01-23 19:00 分まとめ(29件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Belkin、｢iPhone 13/12｣を最大15Wでワイヤレス充電可能な｢ポータブルワイヤレス充電パッド15W｣を価格改定で値下げ	https://taisy0.com/2022/01/23/151086.html	iphone	2022-01-23 09:27:49
python	Pythonタグが付けられた新着投稿 - Qiita	VSCode insiders venv activate時の「このシステムではスクリプトの実行が無効になっているため～」 エラーの解決	https://qiita.com/startours777/items/2d35f2c6de12071a4c77	VSCodeinsidersvenvactivate時の「このシステムではスクリプトの実行が無効になっているため」エラーの解決VSCodeinsidersvenvactivate時の「このシステムではスクリプトの実行が無効になっているため」エラーの解決環境WindowsVisualStudioCodeinsidersVisualStudioCodeでも同じだと思うPython事象PCを新調したのでPython開発環境を構築しようとvenvactivateを実行しようとしたところ、「このシステムではスクリプトの実行が無効になっているため、ファイルxxxvenvScriptsActivatepsを読み込むことができません。	2022-01-23 18:31:39
python	Pythonタグが付けられた新着投稿 - Qiita	【python selenium】find_elementsで取得した要素に対してfind_elementsを実行	https://qiita.com/hotpot/items/09502afe7227cd9f25e8	【pythonselenium】findelementsで取得した要素に対してfindelementsを実行findelementsbyxpathで複数の要素が該当する場合、List型で変数を取得すると思います。	2022-01-23 18:10:46
js	JavaScriptタグが付けられた新着投稿 - Qiita	javascriptでgame制作＃１８	https://qiita.com/rurukun82/items/e6e848b3f12886569fd5	javascriptでgame制作こんにちは今回は、石を採掘した後のNPCとの会話を作っていきますでははずはじめにこの部分を探してくださいmainjs家の中のNPCと喋るときifplmapampampplxampampplyifsystemtalk初めて話す場合systemtalkmaprtalknumberifsystemtalk回目以降で話す場合そしたらこのように変更してくださいmainjs家の中のNPCと喋るときifplmapampampplxampampplyifsystemtalk初めて話す場合systemtalkmaprtalknumberifsystemtalkampampsystemaxeget回目以降で話す場合talknumberでは、次にこちらも探して変更してくださいmainjsNPCの会話終了iftalknumbertalknumbermaprplstonepickelsystemcurrentitemこのように変更してくださいmainjsNPCの会話終了iftalknumbersystemtalktalknumbermaprplstonepickelsystemcurrentitemtalkjsのスペースキーの配列をこのようにしてくださいtalkjsスペースキーで次への配列化spacekeynextでは、スペースキーの機構を作っていきますこのような文章を石の採掘の質問という文章の下に作ってくださいmainjs石の採掘の質問iftalknumbermaprNPCとの会話の分離iftalknumberampampsystemaxegetsystemtalkifplstone石を持っているときsystemtalkelse石を持っていないときsystemtalkiftalknumbersystemtalktalknumberplstoneそしてこの文章を探してくださいmainjs家から出るときのイベントifplmapampampplxampampplymapdateworldplmapplxplyこちらをこうしてくださいmainjs家から出るときのイベントifplmapampampplxampampplysystemtalkmapdateworldplmapplxplyこれで、家から出たときに会話を初期化することができますでは、talkjsを軽く変更しましょうtalkjs下の会話文consttalkここは矢印キーで移動してみよう家の中に入ってみよう家の中に入りますかここは道具屋。	2022-01-23 18:05:38
golang	Goタグが付けられた新着投稿 - Qiita	【図解】チャットルームとユーザーのモデル化【O'Reilley/Golang/Webアプリケーション】	https://qiita.com/blackmax1886/items/437b24db5bb598687eec	【図解】チャットルームとユーザーのモデル化【OxReilleyGolangWebアプリケーション】概要Go言語によるWebアプリケーション開発OReilleyのChapterまでの内容をモデル図を書いて要約する設計を書いてからコードを書くor読むと納得しやすいので参考までにモデル化ユーザーclientgotypeclientstructsocketwebsocketConnsendchanbyteroomroomチャットルームソースコードroomgotyperoomstructforwardchanbytejoinchanclientleavechanclientclientsmapclientboolメッセージの送受信当初clientreadおよびclientwriteがサーバーサイドから見た読み書きであることがわからず困惑した。	2022-01-23 18:47:42
海外TECH	DEV Community	Python Failed building wheel for backports.zoneinfo on Linux	https://dev.to/shriekdj/python-failed-building-wheel-for-backportszoneinfo-on-linux-2mo8	Python Failed building wheel for backports zoneinfo on Linux ProblemPython Failed building wheel for backports zoneinfo For Operating System Other Than Windows Like Linux Or MacOs DetailsThe issue is mostly related to retrieving data from OS About Current Time With IANA And backports zoneinfo is pre builted for Windows And We Have to Build The Package For Linux Or MacOS With Ruby Compiler Or Any Other Language Specified By Error Also First SolutionUpgrade the pip with wheel and Try Again Installing pip install upgrade pip wheelpip install backports zoneinfo Second SolutionTry Installing the Alternative Package Named tzdata Worked for My fastapi project The Package Supports Python But It s Readme Is Not Updated About the Python Support By Dev IDK Why pip install tzdata Third SolutionInstall Ruby Compiler From Your System Package Manager and Run The pip code again Given Below is for Ubuntu sudo apt get install ruby fullpip install backports zoneinfo Give a reaction if any one solutions helped you in any way Bye	2022-01-23 09:38:53
海外TECH	DEV Community	CSS Pseudo-classes: Forms	https://dev.to/dailydevtips1/css-pseudo-classes-forms-5fjb	CSS Pseudo classes FormsYesterday we started looking at pseudo classes that relate to links In this article we ll take a look at form related pseudo classes I ve split this up into a series of four where this is the second part about form pseudo states The other parts Link pseudo statesForm pseudo states this one Element state selectors coming soon Other pseudo states coming soon Form pseudo statesAnother significant use case for pseudo classes is forms We already had a glimpse at the focus states which can also be used on form elements But there are some more we can leverage disabled Element is disabled enabled Element is active However is the default case so rarely used checked Checkbox radio is checked indeterminate Checkbox radio is not true or false placeholder shown Placeholder is active and has no value valid Field is valid invalid Field is invalid in range Number field is in range of options required Field is required optional Field is optional again a default state so rarely used disabled amp enabledAs mentioned in the descriptive text for enabled it s also a default state so it s not often used As we instead use the main selector to style on We can use the disabled state to indicate when a form field is disabled and the user can t change anything in there Let s say we have a button that is disabled until they fill out all fields for instance It s an excellent way to showcase that it s not yet valid to the user button disabled background lightGray color cursor not allowed You can see the difference in the following CodePen checked amp indeterminateThe checked and indeterminate pseudo classes can help style checkboxes and radio buttons The checked class will fire if the element is on and indeterminate is funny as it targets non binary states What does that even mean A checkbox can be on off right but there are rare cases where it can be neither And that s precisely where indeterminate kicks in Note To be honest never needed for it in my lifeHow can we style with the checked state input type checkbox checked box shadow px hotpink I m using the box shadow here as this is one of the view things that work well for checked states If you plan to style the checkbox further it might be best to opt for a custom checkbox As for the indeterminate it s not worth going into detail here as it s such a niche use case CSS tricks has an excellent article on it if you wish more information Try it out in this CodePen placeholder shownBefore I dedicated a more detailed article about the CSS placeholder shown pseudo class It can be used to indicate which fields have their placeholder showing input placeholder shown border px dashed teal Which results in this Note Try and add a value in the bottom input It should change the appearance valid invalid amp in rangeThese are validation classes and can be used to showcase a field that is not valid Let s use an email field It s the easiest to showcase both the invalid and the valid states We can add a red green border and shadow based on the validation state like so input invalid border px solid red box shadow px red outline red input valid border px solid green box shadow px green outline green You can try it out in the below CodePen by adding a non email and email value The in range one is in line with these two and can be used for number fields to determine if they are in the correct range input in range border px solid green box shadow px green outline green You can also try this one out but pick a number between and Which is the range for the number input required amp optionalThis can be used to determine if a field is required or not The optional state is the default state so it is unnecessary to state this explicitly input required background orange This will give all required fields an orange background Thank you for reading and let s connect Thank you for reading my blog Feel free to subscribe to my email newsletter and connect on Facebook or Twitter	2022-01-23 09:14:50
海外TECH	DEV Community	Add Stories to your highlights on Instagram without showing it to stories	https://dev.to/sh20raj/add-stories-to-your-highlights-on-instagram-without-showing-it-to-stories-3g1g	Add Stories to your highlights on Instagram without showing it to storiesSteps Just upload a story to Instagram Delete it and it will be stored till days in Recently Deleted Section Restore it After hours It will came to your Archive Then Add it to your highlights	2022-01-23 09:04:41
海外TECH	DEV Community	Micro Frontends: After one year with Single-SPA	https://dev.to/psamim/micro-frontends-after-one-year-with-single-spa-1eoo	Micro Frontends After one year with Single SPA Why did we choose micro frontend architecture We have a codebase that was originally written using AngularJS After some years and when finally the news about AngularJS end of life came around we started migrating to Angular actually hybrid Angular AngularJS Finally two years ago we successfully migrated to Angular You can read the details in another post having high hopes that by migrating to it we can leverage a new ecosystem But after some months it became evident that Angular and AngularJS are so different that we need to rewrite everything which is not very pleasant Also the React ecosystem and talent pool seemed much more vibrant so investing again in Angular for new upcoming features seemed like a non optimal long term solution Over the years there were more experienced React developers in our teams so developing features in React would be much faster than having them in Angular So we were looking for options to be able to keep our current Angular app while being able to add new upcoming features and sections using React or other frameworks After some search we found out that micro frontends were the solution we were looking for Using Single SPA one can have multiple frameworks Angular and React running side by side Single SPA is composed of so called apps each being a SystemJS or ES module Each app can use a different framework and technology and it only needs to mount itself somewhere on the page Apps are mounted and unmounted based on the page route All of this happens client side As a side note I was thinking if we had known about micro frontends maybe we would never have migrated to hybrid Angular and would have chosen Single SPA from the beginning Micro frontends are created for various purposes Mainly it is discussed as a solution for keeping release cycles deployments and decisions in each team independent of others like microservices but for frontend In our case we settled on micro frontends to be able to extend the lifetime of a legacy codebase by being able to take advantage of newer frameworks alongside old ones We also assessed some other micro frontend frameworks and solutions even using iframes and server side routing but finally we decided to go with SignleSPA as it is less opinionated simple and the best fit for our current codebase The website is fully static Angular AngularJS and is served from a CDN so using server side routing was out of options BenefitsThe main benefit was improving the developer experience Each Single SPA app is developed separately so when a developer starts to work on a React app Single SPA app he she does not need to install all the dependencies for other apps like Angular or to know how other apps are configured Also because each app is small the development cycle of local builds hot reloads and tests are much shorter in time Developers can build features Single SPA apps truly independently and separately So now we could use all the experiences of our React developers in our legacy website Each app in single SPA is bundled separately Using different apps for different features results in multiple small chunks instead of a big fat bundle Splitting the bundle can also be done by configuring Webpack without Single SPA but here we got it for free Apart from smaller chunks and bundles we got lazy loading too Some features are not used frequently so their bundle can be loaded separately in the background after the initial load As new feature apps are developed using React even after migration to a whole new framework like NextJS in the future those parts can be re used without the need to rewrite everything from scratch IssuesOne issue I had was that I could not generate source maps for Angular when it was built as a SystemJS module I did not dig deep into the issue as it did not have a great impact on the project But it is was nice to have source maps Another issue was the integration between the apps We used local storage global events and shared modules for this and they all worked pretty well But deciding on the best option was sometimes challenging Also as the whole concept is new it took some time for the new developers to learn how to get on track although this was negligible and even sometimes exciting to learn about new trends Code structure and deployment pipelinesAll Single SPA apps are put into a single repository Each app has its own package json file and is developed and built separately There is also the root app which contains the main router responsible for mounting and unmounting other apps ├ーapps│  ├ーroot│  │  ├ーnode modules│  │  ├ーpackage json│  │  └ーsrc│  │    └ーindex html│  ├ーfeature one Angular │  │  ├ーnode modules│  │  └ーpackage json│  └ーfeature two React │    ├ーnode modules│    └ーpackage json└ーscripts   ├ーbuild sh   ├ーdeploy sh   └ーstart shDuring deployment there is a shell script that installs and builds each app and assembles them by copying the built files into a final build directory Then it uses AWS Cloudformation to create a static website on S CloudFront and Route export ROOT PATH PWDexport VERSION git log pretty h BUILD NUMBER date iso for d in apps do if d d then echo Installing dependencies for d echo cd d npm install npm run build mv dist ROOT PATH dist d cd fidoneAs a single deployment pipeline and repository is used for all the apps we are not gaining from one of the main benefits of using micro frontends architecture which is independent release cycles for each app But by putting everything in a single repository we could achieve what we were looking for without dealing with the complexity of managing multiple repositories and deciding on how to update import maps solutions like import map deployer Development ExperienceThere are two ways to start developing One is using the single spa inspector browser extension This way the developer opens the fully deployed live website not localhost or any local address and overrides the import maps to make the live website connect to the Single SPA app running locally This way the developer only runs the one feature app he she is working on while running it inside the live deployed website It frees the developer from running the whole website locally and even has the side benefit of seeing and developing the feature app in the context of the deployed website connected to the live database This way of development was personally very unique and new to me it was amazing Another approach is to start all Single SPA apps locally This approach is sometimes needed for debugging the integration between the apps The below script is used to run all apps SCRIPT ENV dev PORT echo Starting SCRIPT ENV echoecho ⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺⎺echo Listening on https localhost PORT echo ⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽⎽echoecho Ignore if the below single spa apps report about their ports root app is served on port PORT echonpx concurrently names ROOT FEATURE FEATURE c EEE CDA FFA cd apps root amp amp env PORT PORT npm run start SCRIPT ENV cd apps feature one amp amp env PORT expr PORT npm run start SCRIPT ENV cd apps feature two amp amp env PORT expr PORT npm run start SCRIPT ENV Road aheadAdopting micro frontend architecture Single SPA enabled us to further keep our legacy website while utilizing more trendy technologies to deliver new features Otherwise we had to rewrite the whole website or stick to what we had Now that new features are delivered on time and we are on schedule plans can be made to rewrite the whole website without a rush With new trends frameworks and ideas popping up in the web development space every day like server side rendering statically generated dynamic content edge serverless workers etc I am not sure if we would again choose Single SPA for a project creating from scratch But for our use case the micro frontend architecture served us well If you have any framework or architecture in mind to suggest for our next project please share I would appreciate it	2022-01-23 09:00:42
ニュース	BBC News - Home	Russia-Ukraine tensions: UK warns of plot to install pro-Moscow ally	https://www.bbc.co.uk/news/uk-60095459?at_medium=RSS&at_campaign=KARANGA	kremlin	2022-01-23 09:26:43
ニュース	BBC News - Home	Nusrat Ghani: Muslimness a reason for my sacking, says ex-minister	https://www.bbc.co.uk/news/uk-politics-60100525?at_medium=RSS&at_campaign=KARANGA	ghani	2022-01-23 09:02:56
ニュース	BBC News - Home	The aurora hunters who chase the Northern Lights	https://www.bbc.co.uk/news/uk-scotland-highlands-islands-60028525?at_medium=RSS&at_campaign=KARANGA	lights	2022-01-23 09:37:41
ニュース	BBC News - Home	Inflation: Four things that are going up in price and why	https://www.bbc.co.uk/news/business-60082564?at_medium=RSS&at_campaign=KARANGA	products	2022-01-23 09:14:00
ニュース	BBC News - Home	Azarenka & Sakkari fall in Australian Open fourth round	https://www.bbc.co.uk/sport/tennis/60101009?at_medium=RSS&at_campaign=KARANGA	Azarenka amp Sakkari fall in Australian Open fourth roundAustralian top seed Ashleigh Barty continues her quest to become the first home champion in years but Victoria Azarenka and fifth seed Maria Sakkari go out	2022-01-23 09:53:00
サブカルネタ	ラーブロ	1782: 元祖広島汁なし担担麺 きさく＠五反田	http://ra-blog.net/modules/rssc/single_feed.php?fid=195852	温泉たまご	2022-01-23 09:40:41
サブカルネタ	ラーブロ	1783: 坦々麺 一龍 浅草本店＠浅草	http://ra-blog.net/modules/rssc/single_feed.php?fid=195851	一龍浅草本店浅草月曜	2022-01-23 09:40:41
サブカルネタ	ラーブロ	1784: 麺屋 周郷＠新橋	http://ra-blog.net/modules/rssc/single_feed.php?fid=195850	魚介	2022-01-23 09:40:41
サブカルネタ	ラーブロ	1785: 濃厚豚骨ラーメン 竹三郎＠浅草	http://ra-blog.net/modules/rssc/single_feed.php?fid=195849	豚骨ラーメン	2022-01-23 09:40:41
サブカルネタ	ラーブロ	1786: えびくら 渋谷店＠渋谷	http://ra-blog.net/modules/rssc/single_feed.php?fid=195848	魚粉	2022-01-23 09:40:41
サブカルネタ	ラーブロ	1787: えどもんど＠西日暮里	http://ra-blog.net/modules/rssc/single_feed.php?fid=195847	西日暮里	2022-01-23 09:40:41
サブカルネタ	ラーブロ	1788: 笠岡らーめん TAKETONBO＠築地	http://ra-blog.net/modules/rssc/single_feed.php?fid=195846	taketonbo	2022-01-23 09:40:41
サブカルネタ	ラーブロ	1789: ラーメン嘉祥＠西船橋	http://ra-blog.net/modules/rssc/single_feed.php?fid=195845	乗り換え	2022-01-23 09:40:41
サブカルネタ	ラーブロ	1790: 鶏そば かぐら屋＠水道橋	http://ra-blog.net/modules/rssc/single_feed.php?fid=195844	予想通り	2022-01-23 09:40:41
サブカルネタ	ラーブロ	1791: 横浜らーめん 大塚家＠三軒茶屋	http://ra-blog.net/modules/rssc/single_feed.php?fid=195843	三軒茶屋	2022-01-23 09:40:41
北海道	北海道新聞	神奈川で３７９４人感染　過去最多	https://www.hokkaido-np.co.jp/article/636810/	新型コロナウイルス	2022-01-23 18:13:00
北海道	北海道新聞	エマニュエル米大使が来日　バイデン氏との関係強み	https://www.hokkaido-np.co.jp/article/636809/	駐日大使	2022-01-23 18:10:00
北海道	北海道新聞	「声掛けてホテル行った」　東京・池袋８２歳男性殺害	https://www.hokkaido-np.co.jp/article/636808/	池袋	2022-01-23 18:02:00
北海道	北海道新聞	御嶽海が３度目の優勝　初場所、大関昇進目安も到達	https://www.hokkaido-np.co.jp/article/636807/	両国国技館	2022-01-23 18:02:00
海外TECH	reddit	コートにAirTagを入れられ…被害にあった女性が注意喚起	https://www.reddit.com/r/newsokunomoral/comments/saps57/コートにairtagを入れられ被害にあった女性が注意喚起/	ewsokunomorallinkcomments	2022-01-23 09:21:20