投稿時間:2022-01-09 18:31:57 RSSフィード2022-01-09 18:00 分まとめ(33件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	2値画像からピクセルが存在する部分だけ切り抜いてリサイズする	https://qiita.com/okz/items/c9a1afe4514b9d6d4656		2022-01-09 17:32:26
python	Pythonタグが付けられた新着投稿 - Qiita	Python備忘録	https://qiita.com/okz/items/a1de0c57862585105374		2022-01-09 17:16:45
python	Pythonタグが付けられた新着投稿 - Qiita	VSCodeにおいてpytestでdebugを実行した際、エラー箇所でbreakしないことについて	https://qiita.com/s-inoue-git/items/eb4bbc7b1dc96fbfb72d	解決方法	2022-01-09 17:12:28
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonで文字列からBool型に変換する方法	https://qiita.com/satsukiya/items/0788bade058d03d3edca	Pythonで文字列からBool型に変換する方法BackgroundstrTrueと文字列になっている値をBoolにしたい場合があります。	2022-01-09 17:04:40
python	Pythonタグが付けられた新着投稿 - Qiita	登山好きプログラミング素人が衛星データで登りたい山を探してみた！〜②衛星データで周囲で一番高い山を探してみる編〜	https://qiita.com/oz_oz/items/ee742c9421896dc944f1	衛星データを用いて絞ることもできますが、前回記事で作成したcsvに標高の値があるため、今回はそちらを使って絞ります。	2022-01-09 17:02:41
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	htmlのグリッドレイアウトのコンテナのサイズについて。	https://teratail.com/questions/377321?rss=all	html の グリッドレイアウト の コンテナ の サイズ について 。	2022-01-09 17:56:47
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Numpyのarrayの書き方について	https://teratail.com/questions/377320?rss=all		2022-01-09 17:56:31
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	LibericaJDKをインストールせず、JavaFXを使ったjarファイルを起動させたい。	https://teratail.com/questions/377319?rss=all	試作してみたプログラムをEclipseで実行し、対象をjarファイルにエクスポートして実行するところまでは確認できていました。	2022-01-09 17:56:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	chart.jsのLineチャートにてnumber_formatする方法	https://teratail.com/questions/377318?rss=all	chartjsのLineチャートにてnumberformatする方法こんにちは。	2022-01-09 17:37:45
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Pythonでsoxを使用したいが認識してくれない	https://teratail.com/questions/377317?rss=all	Pythonでsoxを使用したいが認識してくれない前提・実現したいことPythonで音声認識をするべく、公開されているソースコードを用いて実行を試みており、そのためにsoxというモジュールを使用したいのですが、Pythonが認識してくれません。	2022-01-09 17:34:13
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Swift+Firebaseを使いたい	https://teratail.com/questions/377316?rss=all	SwiftFirebaseを使いたいXcode内で取得したデータをFirebaseに保存したいです。	2022-01-09 17:20:51
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Jupyter notebookの実行ができない+勝手に別の作業が始まる	https://teratail.com/questions/377315?rss=all	Jupyternotebookの実行ができない勝手に別の作業が始まる前提・実現したいことリモート環境でjupyternbspnotebookを使用しているのですがnbspセルの実行ができない上におかしな挙動を示しているのでnbspこの挙動を止めてセルを実行したいです。	2022-01-09 17:08:48
Ruby	Rubyタグが付けられた新着投稿 - Qiita	rails 7.0では`config/initializers`配下のファイルが少なくなっている	https://qiita.com/SoarTec-lab/items/ca1b760cd4a5b70cc8b0	その中には必ずしもすべてのアプリケーションに必要とは限らない設定や、過去のアップグレードの中で既に不要になっている可能性がある設定が存在していたため、今回ファイル構成が見直され不要あったと判断されたファイルが削除されました。	2022-01-09 17:54:02
AWS	AWSタグが付けられた新着投稿 - Qiita	超簡単！Dockerを使ってサクッとAWS ECR + AppRunnerにPython + Flask環境	https://qiita.com/morita-toyscreation/items/7f1fc8b97c8b2fb8839b	超簡単Dockerを使ってサクッとAWSECRAppRunnerにPythonFlask環境タイトルは昔の記事をパクりました。	2022-01-09 17:36:33
AWS	AWSタグが付けられた新着投稿 - Qiita	【備忘録】サーバーレスなお問い合わせフォームを実装してみた	https://qiita.com/shinnya___/items/b39d0e1db7d218550440	サーバーレスなお問い合わせフォームって何AWS上のサービスを利用し、サーバーレスサーバーを構築しないで実装してみました。	2022-01-09 17:11:58
Docker	dockerタグが付けられた新着投稿 - Qiita	超簡単！Dockerを使ってサクッとAWS ECR + AppRunnerにPython + Flask環境	https://qiita.com/morita-toyscreation/items/7f1fc8b97c8b2fb8839b	超簡単Dockerを使ってサクッとAWSECRAppRunnerにPythonFlask環境タイトルは昔の記事をパクりました。	2022-01-09 17:36:33
Docker	dockerタグが付けられた新着投稿 - Qiita	Dockerで安全にnode.jsウェブアプリをコンテナ化する	https://qiita.com/bricolageart/items/a509594a5b4c349e90b7	そのため、実際には、Dockerfileに以下のように指定することで、NodejsのDockerワーキンググループでビルドされた最新版のDockerイメージを常にビルドすることができます。	2022-01-09 17:23:19
Ruby	Railsタグが付けられた新着投稿 - Qiita	rails 7.0では`config/initializers`配下のファイルが少なくなっている	https://qiita.com/SoarTec-lab/items/ca1b760cd4a5b70cc8b0	その中には必ずしもすべてのアプリケーションに必要とは限らない設定や、過去のアップグレードの中で既に不要になっている可能性がある設定が存在していたため、今回ファイル構成が見直され不要あったと判断されたファイルが削除されました。	2022-01-09 17:54:02
海外TECH	DEV Community	Konohagakure Search	https://dev.to/dhruvacube/konohagakure-search-35b1	Konohagakure Search Overview of My SubmissionKonohagakure Search is a Google Like Search Engine It is built on the technology of django dedicated mongo db server python scrapy spacy and nltk Whenever a search query is given it first search the database if its present then it searches up the internet then saves the data and then it presents to you in a pretty way Overview of the projectAn efficient Search Engine with the following features It has distributed crawlers to crawl the private air gapped networks data sources in these networks might include websites files databases and works behind sections of networks secured by firewallsIt uses AI ML NLP BDA for better search queries and results It abides by the secure coding practices and SANS Top web vulnerability mitigation techniques It is a type of a search engine which takes keyword expression as an input and crawls the web internal network or internet to get all the relevant information The application dosen t have any vulnerabilities it complies with OWASP Top Outcome This application scrape data match it with the query and give out relevant related information Note Search as robust as possible eg it can correct misspelt query suggest similar search terms etc be creative in your approach Result obtained from search engine should displays the relevant matches as per search query keyword along with the time taken by search engine to fetch that result Submission Category Choose Your Own Adventure Link to Code Dhruvacube search engine Google Like Search Engine Konohagakure SearchOverview of the project An efficient Search Engine with the following featuresIt has distributed crawlers to crawl the private air gapped networks data sources in these networks might include websites files databases and works behind sections of networks secured by firewallsIt uses AI ML NLP BDA for better search queries and results It abides by the secure coding practices and SANS Top web vulnerability mitigation techniques It is a type of a search engine which takes keyword expression as an input and crawls the web internal network or internet to get all the relevant information The application dosen t have any vulnerabilities it complies with OWASP Top Outcome This application scrape data match it with the query and give out relevant related information Note Search as robust as possible eg it can correct misspelt query suggest similar search terms etc be creative in your approach Result obtained from search engine should… View on GitHub Packages that were required in making this projectdjangodj database urlcelerydjango redisdjango htmlmingunicornredishiredisdjongopymongo srv python dotenvrequestsbeautifulsouptextblobspacynltkspacy alignmentsspacy legacyspacy loggerscoloramatransformersScrapycdx toolkituvicornwhitenoisecolorloguvloopspacy transformersspacy lookups datadjango celery beatdjango cors headers A YouTube Video Explaining all	2022-01-09 08:54:38
海外TECH	DEV Community	12 Features to Maximize Efficiency on Next.js & Tailwind CSS Projects	https://dev.to/theodorusclarence/12-features-to-maximize-efficiency-on-nextjs-tailwind-css-projects-30mb	Features to Maximize Efficiency on Next js amp Tailwind CSS Projects IntroductionI made the ts nextjs tailwind starter after I got tired of setting up a new project and have to initialize Tailwind CSS every single time After some months this starter has grown and is filled with a lot of development automation and tools that help me when I m developing This is something that I use every project init features are carefully curated and put into this repository theodorusclarence ts nextjs tailwind starter Next js Tailwind CSS TypeScript starter packed with useful development features FeaturesAccording to my list these are all the features that I incorporate on ts nextjs tailwind starter ️Next js ️React TypeScriptTailwind CSS ーConfigured with CSS Variables to extend the primary colorPre built Components ーComponents that will automatically adapt with your brand colorJest ーConfigured for unit testingAbsolute Import and Path Alias ーImport components using prefixESLint ーFind and fix problems in your code also will auto sort your importsPrettier ーFormat your code and Tailwind CSS classes consistentlyHusky amp Lint Staged ーRun scripts on your staged files before they are committedConventional Commit Lint ーMake sure you amp your teammates follow the conventional commitStandard Version Changelog ーGenerate your changelog using yarn releaseGithub Actions ーLint your code on PRAutomatic Branch and Issue Autolink ーBranch will be automatically created on issue assigned and auto linked on PRSnippets ーA collection of useful snippetsDefault Open Graph ーAwesome open graph generated using og thcl dev fork it and deploy Site Map ーAutomatically generate sitemap xmlExpansion Pack ーEasily install common libraries additional components and configsQuite a lot huh I m going to take an in depth look at each feature and automation with this post Easy Initial ConfigDon t you hate it when you use a starter then you see some branding or default configs left out unchanged I prepared a unique word that you can find with some guide of what to override You can remove the comments after you override them and leave them if you haven t Treat them as a to do comment Pre built ComponentsI prepared a set of components that is neutral and can be used to help boost your speed in development These are components that have a high chance of being used not just getting deleted after you finished cloning the repository All animations are configured to be motion safe Don t like the theme You can change it with CSS Variables I prepared all Tailwind CSS colors converted to CSS Variables in the styles colors css file that you can copy and use See more details about components on the demo page SEO EnhancementDo you want your project to be indexed to search engines Yeah me too I optimized the SEO by preparing a custom Seo component and adding next sitemap If you want to use the default meta tag just add lt Seo gt on top of your page You can also customize it per page by overriding the title description as props lt Seo title Next js Tailwind Starter description your description gt or if you want to still keep the site title like s Next js Tailwind Starter you can use templateTitle props Minimal DependenciesI tried to keep the dependencies small not the devDeps tho you ll see why after you see a bunch of automation I create Here are the dependencies excluding Next js and React deps clsx a utility for constructing className strings conditionally react icons easily import popular icon packs in SVG format tailwind merge override tailwind CSS classes without using important The tailwind merge can be used by importing clsxm from lib clsxm All of the pre built components are using clsxm to ease the use of the reusable components Here is a thread that I made about tailwind merge Theodorus Clarence th clarence Using this we can override reusable components tailwindcss classes without using the important modifier The lib looks stable and this simplifies by a lot when constructing conditional class originally with clsx AM Dec Absolute Import amp Path Aliasimport Header from components Header simplified toimport Header from components Header Reduce the complexity of importing components by using absolute import and a nice path alias to differentiate your code and external libraries Prettier with Tailwind CSS Class SorterIn this repository I set it up so it will automatically sort class based on the custom config file It even works with clsx or classnames You don t need to ask your colleague to download another VS Code extension All of it is bound to the repository ESLintThis repository is prepared with ESLint to reduce human errors during development Don t worry there won t be any annoying styling lint because all of it is taken care of with Prettier Some cool features such as Auto Import Sort amp Unused Import RemovalDon t you hate it when you have to revise your code because your reviewer told you to reorder imports If they haven t automated it do yourself a favor by recommending this starter Husky amp Lint StagedThere are Husky hooks that will help you with the automation of pre commit run eslint check with tolerance to warnings and errors and format the code using prettiercommit msg run commitlint to ensure the use of the Conventional Commit for commit messagespost merge running yarn every git pull or after merging to ensure all new packages are installed and ready to goOh right you also don t have to wait that long because husky only the code that you stage using lint staged What about the type check or if the staged code made the other fail Don t burden your efficiency just chuck it into Github Actions to run in the background Github ActionsI love automation and I put some useful workflows that you can use Type Check Whole ESLint amp PrettierFor the sake of efficiency we don t run whole project checks on your local machine That takes too long just to commit simple changes We will run it on Github Actions instead then you can continue working while waiting for it to complete Here are the complete lists that will be checked ESLint will fail if there are any warnings and errorsType Check will fail on tsc errorPrettier Check will fail if there are any formatting errorsTest will fail if there are any test failuresGithub also provides useful inline warnings in the Files Changed tab on the PR Auto Create BranchWe can automatically create a branch from the latest main branch after you assign an issue This will create a consistent branch name with the issue number in front of them and some issue context p s You have to install the app for your organization account repository from the GitHub Marketplace for this to work Auto Link PR to IssueWe automated the branch creation the lint amp the test process on the PR what s next Yep linking PR to issue That is super annoying and I always forgot to do it We ll automate it using our consistent branch name It also provides a nice description of related issues so your reviewer can check the issue first before reviewing Open Graph GeneratorI also provided an open graph application that you can fork and deploy to vercel for free It is automatically used with the SEO component and will generate a dynamic open graph based on the page title and description It defaults to my deployment but please fork it and self host Because I might change the API without notice and could break your app s opengraph You can play around with the API on og thcl dev You can even customize it with your own brand based on the repo SnippetsSnippets are crucial if you want to make a consistent convention across the application I prepared some snippets that can help you code faster and more effectively See more detail on this file RegionsYou might notice the region with green highlight comments This is something that can be used with reg snippets You can easily separate your logic into named regions then fold them if they are insignificant The lesser noise the better You can also use ⌘K ⌘ to fold all regions Snippets WrapThis is something that I recently added because it is annoying to wrap a component with React Fragment or refactoring className with clsx So I created a snippet pattern called Snippets Wrap that can help you with that Expansion PackI have to keep this starter minimal but there are some libraries that I often use in every project So I created a bash script to install config and add additional components to this starter Currently there are some packs in the expansion pack repositoryReact Hook Form Form Input ComponentsStorybookCypress workflow to run on Vercel preview on pushToast with React Query SWRDialog Manager with ZustandNProgressHere is a demo for the React Hook Form oneHit the terminal then grab some coffee You re back with complete components also a sandbox page to see how to implement the library theodorusclarence expansion pack Useful stack expansion for ts nextjs tailwind starter For more demo check out the repository readme Star the repositoryLiking the features This repository basically grows with me so the features will go through changes and improvement If you got anything in mind leave a comment below or open a discussion theodorusclarence ts nextjs tailwind starter Next js Tailwind CSS TypeScript starter packed with useful development features Finally I would be thrilled if you give a star to the repository Originally posted on my personal site find more blog posts and code snippets library I put up for easy access on my site Like this post Subscribe to my newsletter to get notified every time a new post is out	2022-01-09 08:19:31
海外TECH	DEV Community	🌞 Toggle theme 🌑 in React with MUI v5 and Redux 🚀	https://dev.to/rajeshj3/toggle-theme-in-react-with-mui-v5-and-redux-4h4b	Toggle theme in React with MUI v and Redux Dark and Light theme in any Web App make it even more attractive To build a theme enabled web app in ReactJS with the help of Material UI v and Redux follow this article Directory Structuresrc│App js│index css│index js│└ーtheme││theme js│└ーredux││store js│││└ーtheme││themeSlice js Create a React ProjectUsing npx create a new react project npx create react app my site Add dependenciesAdd the following libraries yarn add reduxjs toolkit react redux mui material emotion react emotion styledyour package json should look like this name my site version private true dependencies emotion react emotion styled mui material reduxjs toolkit testing library jest dom testing library react testing library user event react react dom react redux react scripts web vitals scripts start react scripts start build react scripts build test react scripts test eject react scripts eject eslintConfig extends react app react app jest browserslist production gt not dead not op mini all development last chrome version last firefox version last safari version Let s Write Code Start with Writing Store ReduxTo learn the basics of the new Redux using a simple Counter App you may have a look at my recent article New Redux is just Create themeSlice jsimport createSlice from reduxjs toolkit export const themeSlice createSlice name theme initialState darkTheme false reducers toggleTheme state gt state darkTheme state darkTheme export const toggleTheme themeSlice actions export default themeSlice reducer In initialState the default value of darkTheme is false i e by default the theme will be light Register the themeSlice in store So your store js should look like this import configureStore from reduxjs toolkit import theme from theme themeSlice export default configureStore reducer theme Don t forget to provide the store to the App in index jsimport React from react import ReactDOM from react dom import App from App import index css reduximport store from redux store import Provider from react redux ReactDOM render lt Provider store store gt lt App gt lt Provider gt document getElementById root Let s write theme theme jsDefine both light and dark themes in theme jsimport createTheme from mui material export const lightTheme createTheme palette mode light background paper fff text primary export const darkTheme createTheme palette mode dark background paper text primary fff Write App jsBased on the Global state variable darkTheme provide theme to ThemeProvider HOC import useSelector useDispatch from react redux import ThemeProvider from mui material styles import Paper FormGroup FormControlLabel Switch Typography from mui material import darkTheme lightTheme from theme theme import toggleTheme from redux theme themeSlice export default function App get theme from store const theme useSelector state gt state theme initialize dispatch variable const dispatch useDispatch ToggleSwitch component const ToggleSwitch gt return lt div style position absolute top px right px gt lt FormGroup gt lt FormControlLabel control lt Switch checked theme darkTheme onChange gt dispatch toggleTheme gt label Toggle Theme gt lt FormGroup gt lt div gt return lt ThemeProvider theme theme darkTheme darkTheme lightTheme gt lt Paper style minHeight vh borderRadius display flex flexDirection column alignItems center justifyContent center gt lt ToggleSwitch gt lt Typography variant h gt Hello lt Typography gt lt Paper gt lt ThemeProvider gt Run the Development Server yarn startOpen http localhost Light ThemeDark ThemeHurray You just learned Toggle theme in React with MUI v and Redux I hope you guys liked this quick tutorial If so then please don t forget to drop a Like ️And also help me reach k Subscribers on my YouTube channel Happy Coding	2022-01-09 08:03:19
海外ニュース	Japan Times latest articles	COVID-19 tracker: U.S. forces in Okinawa report record caseload as Tokyo confirms over 1,000 infections	https://www.japantimes.co.jp/news/2022/01/09/national/covid-cases-jan-9/	COVID tracker U S forces in Okinawa report record caseload as Tokyo confirms over infectionsSunday s tally comes after the prefecture reported record highs for three days in a row as U S forces in Okinawa separately logged a fresh high	2022-01-09 17:32:19
ニュース	BBC News - Home	Covid-19: Cutting self-isolation to five days would be helpful says Nadhim Zahawi	https://www.bbc.co.uk/news/uk-59925702?at_medium=RSS&at_campaign=KARANGA	pressures	2022-01-09 08:41:05
ニュース	BBC News - Home	Novak Djokovic: Australia loses bid to delay tennis star's visa appeal	https://www.bbc.co.uk/news/world-australia-59926777?at_medium=RSS&at_campaign=KARANGA	hearing	2022-01-09 08:29:20
ニュース	BBC News - Home	Duchess of Cambridge: New photos mark Kate's 40th birthday	https://www.bbc.co.uk/news/uk-59922124?at_medium=RSS&at_campaign=KARANGA	birthdayportraits	2022-01-09 08:22:52
ニュース	BBC News - Home	The Ashes: England cling on for draw on tense final day in Sydney	https://www.bbc.co.uk/sport/cricket/59925558?at_medium=RSS&at_campaign=KARANGA	clean	2022-01-09 08:35:32
ニュース	BBC News - Home	Buttler to miss final Ashes Test with hand injury	https://www.bbc.co.uk/sport/cricket/59912815?at_medium=RSS&at_campaign=KARANGA	sydney	2022-01-09 08:31:52
北海道	北海道新聞	車同士衝突、女児と母重体　和歌山・すさみ町、３人軽症	https://www.hokkaido-np.co.jp/article/631585/	和歌山県すさみ町周参見	2022-01-09 17:18:00
北海道	北海道新聞	小嶺元監督の葬儀に１５００人　国見高ＯＢら最後の別れ	https://www.hokkaido-np.co.jp/article/631584/	長崎	2022-01-09 17:18:00
北海道	北海道新聞	コロンビア、５１歳女性が安楽死　２日連続、６０歳男性に続き	https://www.hokkaido-np.co.jp/article/631583/	連続	2022-01-09 17:18:00
北海道	北海道新聞	阪神が新人合同自主トレ　ドラフト１位森木「前を向いて」	https://www.hokkaido-np.co.jp/article/631580/	兵庫県西宮市	2022-01-09 17:07:00
北海道	北海道新聞	函館の市営住宅で火災　１人の遺体発見	https://www.hokkaido-np.co.jp/article/631576/	集合住宅	2022-01-09 17:05:34
海外TECH	reddit	筑波山に登ったら富士山が見えた。	https://www.reddit.com/r/newsokunomoral/comments/rzn2ho/筑波山に登ったら富士山が見えた/	ewsokunomorallinkcomments	2022-01-09 08:24:57