投稿時間:2022-03-06 15:19:26 RSSフィード2022-03-06 15:00 分まとめ(20件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	アップル地図アプリ、ロシア国外で「クリミア半島はウクライナの一部」と表示を変更	https://japanese.engadget.com/apple-maps-shows-crimea-part-of-ukraine-051517288.html	地図アプリ	2022-03-06 05:15:17
python	Pythonタグが付けられた新着投稿 - Qiita	pythonでゲームパッドを使う	https://qiita.com/OkitaSystemDesign/items/ae9268f5d0ac77115032		2022-03-06 14:57:01
python	Pythonタグが付けられた新着投稿 - Qiita	ABC242 A～C問題 ものすごく丁寧でわかりやすい解説 python 灰色～茶色コーダー向け #AtCoder	https://qiita.com/sano192/items/4afe9f60915a51ca2c4f	dpというのは「桁数で末尾がの整数の個数」となりますね。	2022-03-06 14:51:56
python	Pythonタグが付けられた新着投稿 - Qiita	Qiitaはじめました	https://qiita.com/ktcaryrice/items/c3ff43eec5f19c13a35a	QiitaはじめましたQiita初投稿いまさらながらQiitaの世界に飛び込みました大阪市内で地図技術関係のいろいろしている髙橋ともうします。	2022-03-06 14:41:13
js	JavaScriptタグが付けられた新着投稿 - Qiita	配列のmapメソッドについて	https://qiita.com/hisashi_matsui/items/2d85dd6b84eb6d229644	配列のmapメソッドについて配列データをmapメソッドを使って描画する際にReact、VueだとkeyにindexをセットしないとWarningが出ると思うのですが、このkeyに入れる値で、先日プルリクのレビューで新たな学びがあったので備忘録として記事にします。	2022-03-06 14:31:51
AWS	AWSタグが付けられた新着投稿 - Qiita	CloudWatchAlarmの発砲テスト方法	https://qiita.com/kurono/items/fd6eeee83a68762a0b64	CloudWatchAlarmの発砲テスト方法これは何CloudWatchAlarmからSNSへ連携されてLambdaがトリガーされる仕組みを作っていたのですが、アラート発生のテストで毎回CPU使用率を上げるなど面倒だったが簡単な方法を見つけたのでメモです。	2022-03-06 14:25:08
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS公式資料で挑むSCS認定(16)-Inspector	https://qiita.com/mingchun_zhao/items/847a7a4e8e6f3615d9f3	脆弱性とはコンピュータのOSやソフトウェアにおいてプログラムの不具合や設計上のミスが原因となって発生する情報セキュリティ上の欠陥セキュリティホールAmazonInspectorとはAmazonECにエージェントを導⼊し、プラットフォームの脆弱性を診断する、ホスト型診断サービス。	2022-03-06 14:20:38
Docker	dockerタグが付けられた新着投稿 - Qiita	GCEで作る格安jupyter環境	https://qiita.com/qwerty1234/items/e5ec8a1307707149e9cf	なので、これも選択肢からは外しました。	2022-03-06 14:04:16
GCP	gcpタグが付けられた新着投稿 - Qiita	GCEで作る格安jupyter環境	https://qiita.com/qwerty1234/items/e5ec8a1307707149e9cf	なので、これも選択肢からは外しました。	2022-03-06 14:04:16
海外TECH	DEV Community	Let's make a sticky navbar in both Vanilla & Tailwind CSS	https://dev.to/codewithsnowbit/lets-make-a-sticky-navbar-in-both-vanilla-tailwind-css-17g1	Let x s make a sticky navbar in both Vanilla amp Tailwind CSSMany of us have noticed a sticky navigation bar on many websites including this blog Here in the GIF as you can see Navbar is fixed to the top of the page The only purpose of keeping a sticky navbar looks attractive and makes little accessible So you wanna add a sticky navbar to your website Let s get started with Vanilla CSS ️Create basic stucture of navbar lt div class container gt lt h class text gt stickattop lt h gt lt div gt Add images to create scroll lt img src ixid MnwxMjAfDBMHxwaGbywYWdlfHxfGVufDBfHx amp auto format amp fit crop amp w amp q alt catimg class img gt lt img src ixid MnwxMjAfDBMHxwaGbywYWdlfHxfGVufDBfHx amp auto format amp fit crop amp w amp q class img gt It s time for CSS Styling navbar container position fixed top width background eb Styling text text text align center text transform uppercase font weight letter spacing em color white Full code lt div class container gt lt h class text gt stickattop lt h gt lt div gt lt img src ixid MnwxMjAfDBMHxwaGbywYWdlfHxfGVufDBfHx amp auto format amp fit crop amp w amp q alt catimg class img gt lt img src ixid MnwxMjAfDBMHxwaGbywYWdlfHxfGVufDBfHx amp auto format amp fit crop amp w amp q class img gt body margin padding font family apple system BlinkMacSystemFont Segoe UI Roboto Oxygen Ubuntu Cantarell Open Sans Helvetica Neue sans serif container position fixed top width background eb text text align center text transform uppercase font weight letter spacing em color white img width height auto Output Vanilla CSS Let s go with Tailwind CSS Creating a sticky navbar lt div class top sticky bg slate text white py gt lt h class uppercase font black text center text xl tracking wider gt stickattop lt h gt lt div gt Adding images for scroll optional lt img src ixid MnwxMjAfDBMHxwaGbywYWdlfHxfGVufDBfHx amp auto format amp fit crop amp w amp q alt catimg gt lt img src ixid MnwxMjAfDBMHxwaGbywYWdlfHxfGVufDBfHx amp auto format amp fit crop amp w amp q gt Output Tailwind CSSFeel free to reach me out via Twitter codewithsnowbit Let s connectGitHubTwitterYouTubeStay tuned for the next article Stay safe and Happy Coding If you enjoyed and find my content helpful then you can check this out	2022-03-06 05:41:29
海外TECH	DEV Community	SSG and SSR in Next.JS	https://dev.to/mdmahirfaisal/ssg-and-ssr-in-nextjs-3a51	SSG and SSR in Next JS Is get Static Props only good for rendering static pages like About or Blogsget Static Props fetches data at build time when the code gets compiled into exe and serves to the client the rendered HTML It is the fastest Static Site Generation SSG The contents are cached on CDN which makes it even faster However it does not mean that it only servers static pages get Static Props can be used with client side fetching using libraries like react query or swr to get up to date information in run time e g the About page makes a request to extreme ip lookup com to find out user s city inside use EffectThis has the advantage ofSuper fast TTFP time to first paint where user can see the page loaded instantlyJS request interactions will be added soon after when they are loaded and executed The SSG pages are fast and still capable of providing up to date information and interactivity When would you use get Server Side Props instead of get Static Propsget Server Side Props fetches data at run time when exe starts running from server It is server side rendering It is different from get Static Props in that data is fetched at run time not build timeIt provides better SEO as the data is rendered on server and available for crawlerIt is slower than SSG because HTML is generated at run timeIt can be faster than CSG because it is faster to make requests from server but then you need to send the data back to client…hmmIt is the same as get Static Props Both can provide interactivity and up to date information get Static Props work well with client side fetching Main pages or at least templates are rendered on the serverget Server Side Props is good whendata is not static Data needs to be fetched at run timeSEO is important We want the data to be pre renderede g Medium paid content Users need to be authorized as a paid member to view the articles so the article suggestions are to be generated in run time The article itself should be available at build time though or the content is put together at run time How is get Initial Props different from get Server Side Props get Initial Props is an older method It runs first on the server side and then it is run again on the client side ever time is it called It is slower than get Server Side Props because the code inside get Initial Props is executed in the run time whereas the Next JS just calls an API to run get Server Side Props on the server which then returns a JSON data to the client It is the only method that runs on both server and clientinitial data population from server good for SEO It is the only method that runs on app jsIn the discussion thread ice hunter get Initial Props has this benefit thatSSR to prefetch data on Server first for better SEOsubsequently fetching the data using CSRgrepug get Server Side Props request seems to block the transition during each transition on the client See if this will go away in future Here is a long informative discussion thread on the various use cases and issues with Next JS SSR	2022-03-06 05:39:22
海外TECH	DEV Community	Complete blocking bots code for website copier	https://dev.to/mohammadtaseenkhan/complete-blocking-bots-code-for-website-copier-3bff	Complete blocking bots code for website copierHere is the complete blocking bots code for website copier Block bad botsRewriteEngine On RewriteCond HTTP USER AGENT BlackWidow OR RewriteCond HTTP USER AGENT Bot mailto craftbot yahoo com OR RewriteCond HTTP USER AGENT ChinaClaw OR RewriteCond HTTP USER AGENT Custo OR RewriteCond HTTP USER AGENT DISCo OR RewriteCond HTTP USER AGENT Download Demon OR RewriteCond HTTP USER AGENT eCatch OR RewriteCond HTTP USER AGENT EirGrabber OR RewriteCond HTTP USER AGENT EmailSiphon OR RewriteCond HTTP USER AGENT EmailWolf OR RewriteCond HTTP USER AGENT Express WebPictures OR RewriteCond HTTP USER AGENT ExtractorPro OR RewriteCond HTTP USER AGENT EyeNetIE OR RewriteCond HTTP USER AGENT FlashGet OR RewriteCond HTTP USER AGENT GetRight OR RewriteCond HTTP USER AGENT GetWeb OR RewriteCond HTTP USER AGENT Go Zilla OR RewriteCond HTTP USER AGENT Go Ahead Got It OR RewriteCond HTTP USER AGENT GrabNet OR RewriteCond HTTP USER AGENT Grafula OR RewriteCond HTTP USER AGENT HMView OR RewriteCond HTTP USER AGENT HTTrack NC OR RewriteCond HTTP USER AGENT Image Stripper OR RewriteCond HTTP USER AGENT Image Sucker OR RewriteCond HTTP USER AGENT Indy Library NC OR RewriteCond HTTP USER AGENT InterGET OR RewriteCond HTTP USER AGENT Internet Ninja OR RewriteCond HTTP USER AGENT JetCar OR RewriteCond HTTP USER AGENT JOC Web Spider OR RewriteCond HTTP USER AGENT larbin OR RewriteCond HTTP USER AGENT LeechFTP OR RewriteCond HTTP USER AGENT Mass Downloader OR RewriteCond HTTP USER AGENT MIDown tool OR RewriteCond HTTP USER AGENT Mister PiX OR RewriteCond HTTP USER AGENT uuuuu Navroad OR RewriteCond HTTP USER AGENT NearSite OR RewriteCond HTTP USER AGENT NetAnts OR RewriteCond HTTP USER AGENT NetSpider OR RewriteCond HTTP USER AGENT Net Vampire OR RewriteCond HTTP USER AGENT NetZIP OR RewriteCond HTTP USER AGENT Octopus OR RewriteCond HTTP USER AGENT Offline Explorer OR RewriteCond HTTP USER AGENT Offline Navigator OR RewriteCond HTTP USER AGENT PageGrabber OR RewriteCond HTTP USER AGENT Papa Foto OR RewriteCond HTTP USER AGENT pavuk OR RewriteCond HTTP USER AGENT pcBrowser OR RewriteCond HTTP USER AGENT RealDownload OR RewriteCond HTTP USER AGENT ReGet OR RewriteCond HTTP USER AGENT SiteSnagger OR RewriteCond HTTP USER AGENT SmartDownload OR RewriteCond HTTP USER AGENT SuperBot OR RewriteCond HTTP USER AGENT SuperHTTP OR RewriteCond HTTP USER AGENT Surfbot OR RewriteCond HTTP USER AGENT tAkeOut OR RewriteCond HTTP USER AGENT Teleport Pro OR RewriteCond HTTP USER AGENT VoidEYE OR RewriteCond HTTP USER AGENT Web Image Collector OR RewriteCond HTTP USER AGENT Web Sucker OR RewriteCond HTTP USER AGENT WebAuto OR RewriteCond HTTP USER AGENT WebCopier OR RewriteCond HTTP USER AGENT WebFetch OR RewriteCond HTTP USER AGENT WebGo IS OR RewriteCond HTTP USER AGENT WebLeacher OR RewriteCond HTTP USER AGENT WebReaper OR RewriteCond HTTP USER AGENT WebSauger OR RewriteCond HTTP USER AGENT Website eXtractor OR RewriteCond HTTP USER AGENT Website Quester OR RewriteCond HTTP USER AGENT WebStripper OR RewriteCond HTTP USER AGENT WebWhacker OR RewriteCond HTTP USER AGENT WebZIP OR RewriteCond HTTP USER AGENT Wget OR RewriteCond HTTP USER AGENT Widow OR RewriteCond HTTP USER AGENT WWWOFFLE OR RewriteCond HTTP USER AGENT Xaldon WebSpider OR RewriteCond HTTP USER AGENT ZeusRewriteRule F L Available on GitHub GistsApply to your website and get better benefits Comment below so that i can know feedbacks and other information MohammadTaseenKhan	2022-03-06 05:37:34
海外TECH	DEV Community	Manage private Python packages using Artifact Registry (Google Cloud)	https://dev.to/koshilife/manage-private-python-packages-using-artifact-registry-google-cloud-30kh	Manage private Python packages using Artifact Registry Google Cloud Lately I build a system over microservices on Google Cloud I often use Python with App Engine Cloud Functions and Cloud Run There are some private libraries in common across each microservice Referring to here official documents App Engine Cloud Functions we had deployed each microservice using the pip command pip install t to copy dependencies into a local folder After a couple of week since introducing the above pip command operation when deploying I realized that it was hard to control a system quality because the above pip command was difficult to specify a dependency version each library in our team environments So we could not feel free to update some libraries which had been used by many microservices In this article I introduce how manage private Python packages using Artifact Registry and solve those quality control issues All source code which I wrote about in this article has been uploaded below for your reference Set up tools and a virtual environmentThe following are versions of gcloud Python and direnv when I tried gcloud app update gcloud versionGoogle Cloud SDK alpha beta core gsutil kubectl python versionPython direnv version I made a directory for an example app and set up Python virtual environment You need twine which is for publishing Python and keyrings google artifactregistry auth which handles authentication with Artifact Registry repositories The official guide is here for your reference mkdir hello artifact registry cd hello artifact registry python m venv venv source venv bin activate python m pip install upgrade pip pip install upgrade pip setuptools wheel pip install twine keyrings google artifactregistry authThe following is a direnv file export GCP PROJECT lt YOUR GCP PROJECT gt a credential file path of service account which is granted read write for Artifact Registryexport GOOGLE APPLICATION CREDENTIALS lt YOUR PATH gt google cloud credntials json Create a repository on Artifact RegistryI made a repository artifact example for Python library at Tokyo region using the below gcloud command The related official guide is here gcloud artifacts repositories create artifact example repository format python location asia northeast description Python private libraries Upload some packages to the repositoryFor testing I prepared very simple python libraries which just return foo or bar string A directory structure of these libraries is below python libs├ーartifact example foo│├ーartifact example foo││└ー init py│├ーrequirements txt│└ーsetup py└ーartifact example bar ├ーartifact example bar │└ー init py ├ーrequirements txt └ーsetup pyartifact example foo v init py version def foo return foo artifact example bar v init py version def bar return bar I packaged as wheel format and uploaded it to the repository as the below commands cd python libs artifact example foo python setup py bdist wheel twine upload repository url GCP PROJECT artifact example dist cd python libs artifact example bar python setup py bdist wheel twine upload repository url GCP PROJECT artifact example dist I made additional versions each library for testing as v On the same way I packaged and uploaded to the repository artifact example foo v version def foo return foo def foo return foo artifact example bar v version def bar return bar def bar return bar Use these uploaded libraries in client Python appsI created simple Python apps Flask in App Engine Cloud Functions and Cloud Run in the same Google Cloud project as the repository of Artifact Registry Notice If you create in another Google Cloud project you might need to grant a service account of Code Build The related official guide is here App Engineclient apps appengine main pyfrom flask import Flask jsonifyimport artifact example foo as fooimport artifact example bar as barapp Flask name app route def hello return jsonify dict result ok foo foo foo foo version foo version bar bar bar bar version bar version if name main app run host port debug True client apps appengine requirements txt extra index url YOUR GCP PROJECT gt artifact example simpleartifact example foo artifact example barFlask In the requirements txt file a point is that the Artifact Registry URL is added into the first line and the relevant packages to include private dependencies artifact example foo and artifact example bar Also the simple string at the end of the repository URL is needed because of Python Simple Repository API In the dependencies body for testing I specified artifact example foo to v and do not specify any versions in artifact example bar private dependencies with artifact registry Cloud Functionsclient apps functions main pyfrom flask import jsonifyimport artifact example foo as fooimport artifact example bar as bardef main request return jsonify dict result ok foo foo foo foo version foo version bar bar bar bar version bar version client apps functions requirements txt extra index url YOUR GCP PROJECT gt artifact example simpleartifact example foo artifact example barThe method of declaring the Artifact Registry repository is the same as the above App Engine one private dependencies from artifact registry Cloud Runclient apps cloudrun main pyimport osfrom flask import Flask jsonifyimport artifact example foo as fooimport artifact example bar as barapp Flask name app route def main return jsonify dict result ok foo foo foo foo version foo version bar bar bar bar version bar version if name main app run debug True host port int os environ get PORT client apps cloudrun requirements txt extra index url YOUR GCP PROJECT gt artifact example simpleartifact example foo artifact example barFlask gunicorn The method of declaring the Artifact Registry repository is the same as the above too client apps cloudrun Dockerfile refs FROM python slimENV PYTHONUNBUFFERED TrueENV GOOGLE APPLICATION CREDENTIALS key json ENV APP HOME appWORKDIR APP HOMECOPY RUN pip install upgrade pipRUN pip install keyrings google artifactregistry authRUN pip install no cache dir r requirements txtCMD exec gunicorn bind PORT workers threads timeout main appI needed to enables to access the Artifact Registry repository while installing dependencies in Docker so the following command allowed to copy the service account credentials ENV GOOGLE APPLICATION CREDENTIALS key json The deploy script is for your reference The Response of these client appsThe following JSON is the response of theses client apps You can see that the library foo s version is used v and the library bar s version is used v as expected bar bar bar version foo foo foo version result ok ConclusionBy using Artifact Registry I could specify a version each library so I would improve to manage python packages and to control a system quality finely than current the pip command pip install t Other referencesUsing a private repo on Artifact Registry in Google Cloud FunctionsManaging Python packages Artifact Registry	2022-03-06 05:30:06
海外TECH	DEV Community	Universal Icon Picker	https://dev.to/miglisoft/universal-icon-picker-2o1l	Universal Icon Picker Javascript Icon Picker for any icon library Main FeaturesLoad any icon library from a single JSON fileLoad the icon fonts stylesheets from local files or CDNsAutoload the icon fonts JSON stylesheets or load them only on requestAdd as many icon libraries as you like to each instance of the pluginCreate multiple instances and triggers on the same pageChange the icon libraries attached to an instance whenever you wantGroup icons of the same family by categoriesLoad one or more styles from the same icon family individuallySearch Filter iconsBuilt in onSelect and onReset callback functionsAttach the Icon Picker to any HTML elementAdd your favourite icon libraries very easily Integrated icon libraries Font AwesomeAllSolidRegularBrands Material IconsFilledOutlinedRoundSharpTwo tone Other icon librariesBootstrap IconsElegant IconsFeather IconsFoundation IconsHappy IconsIcomoonOpen iconicTabler IconsWeather IconsZondiconsUniversal Icon Picker is free and open source License GNU GPLv	2022-03-06 05:21:47
海外ニュース	Japan Times latest articles	Alleged stock manipulation at SMBC Nikko may have been organizational	https://www.japantimes.co.jp/news/2022/03/06/business/smbc-nikko-arrests/	Alleged stock manipulation at SMBC Nikko may have been organizationalThe four employees are suspected of trying to prevent a decrease in share prices for five individual stocks on the First Section of the Tokyo	2022-03-06 14:45:17
海外ニュース	Japan Times latest articles	Anti-feminist or foul-mouthed liberal? South Korea to pick a new president.	https://www.japantimes.co.jp/news/2022/03/06/asia-pacific/politics-diplomacy-asia-pacific/south-korea-presidential-election-analysis/	Anti feminist or foul mouthed liberal South Korea to pick a new president The key to victory in the election will not be their populist campaign promises or North Korea policy Instead it s what the papers have dubbed	2022-03-06 14:24:31
ニュース	BBC News - Home	War in Ukraine: Zelensky urges Ukrainians to go on the offensive	https://www.bbc.co.uk/news/world-europe-60636337?at_medium=RSS&at_campaign=KARANGA	ukrainian	2022-03-06 05:35:48
ニュース	BBC News - Home	Winter Paralympics: Neil Simpson and brother Andrew win super-G gold in Beijing	https://www.bbc.co.uk/sport/winter-sports/60636157?at_medium=RSS&at_campaign=KARANGA	beijing	2022-03-06 05:31:58
ニュース	BBC News - Home	The Papers: 'Merciless Putin' and PM's six-point plan	https://www.bbc.co.uk/news/blogs-the-papers-60635313?at_medium=RSS&at_campaign=KARANGA	stories	2022-03-06 05:09:42
北海道	北海道新聞	作家の西村京太郎さん死去　９１歳、十津川警部シリーズ	https://www.hokkaido-np.co.jp/article/653456/	西村京太郎	2022-03-06 14:10:03