投稿時間:2022-04-03 00:21:14 RSSフィード2022-04-03 00:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	Python を使用して Azure Database for MySQL に接続して 自動生成データを書き込みしてみました	https://qiita.com/turupon/items/41d301780c570e467fcc	テーブルの初期化、データの読み込み、データの削除も可能となっています。	2022-04-02 23:27:47
python	Pythonタグが付けられた新着投稿 - Qiita	【Python】Tkinterで画面にフィットするフレームを作成	https://qiita.com/dija/items/27f27fbfbc9949ac5b8b		2022-04-02 23:05:47
python	Pythonタグが付けられた新着投稿 - Qiita	機械学習に向けた日記	https://qiita.com/kou234gh/items/b3da5e972d6fd56dad99	機械学習に向けた日記教養数学微分積分学・統計学・線形代数年月日『統計の歴史』題名通り統計を歴史という切り口で説明する本です。	2022-04-02 23:04:23
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure Cognitive Search に独自の日本語アナライザーを実装する？	https://qiita.com/nohanaga/items/cd7871962e2a66e05d23	ただし現状はこちらの記事で説明しているとおり、日本語のカスタムアナライザーを実装しようとすると、ApacheLuceneKuromojiにおけるJapaneseBaseFormFilterとJapanesePartOfSpeechStopFilterに相当するフィルターが実装されていないため、痒い所に手が届かないという…検討どうすればこの問題を回避できるのか考えてみたのだが、機能として実装してもらう以外にエレガントな解決方法が浮かばない件…もしくはry一つの案として外部にLuceneなどのアナライザーを用意してカスタムスキルのWebApiSkill経由でフィールド値を処理し、whitespaceアナライザーを設定したターゲットフィールドに格納するという手を考えたのだが、インデックス時はスペース区切りでトークン分割されるからいいとして、クエリー時にもスペース気にしないといけなくなるじゃないか。	2022-04-02 23:59:35
Azure	Azureタグが付けられた新着投稿 - Qiita	Python を使用して Azure Database for MySQL に接続して 自動生成データを書き込みしてみました	https://qiita.com/turupon/items/41d301780c570e467fcc	テーブルの初期化、データの読み込み、データの削除も可能となっています。	2022-04-02 23:27:47
Git	Gitタグが付けられた新着投稿 - Qiita	毎回覚えられないGitの初期設定	https://qiita.com/JUNO-Qiita/items/5805af8398800c3b9cc5	毎回覚えられないGitの初期設定名前とメールアドレスを登録するgitconfigglobalusernameFirstNameListNamegitconfigglobaluseremailyouremailgmailcom下記のコマンドで設定を確認できるcatgitconfigコマンドの出力を読みやすくするgitconfigglobalcoloruiautoSSHKeyの設定sshkeygentrsaCyouremailgmailcomいくつか質問されるが全てenterでOK公開鍵をGithubに登録する下記のコマンドで公開鍵をコピペしておく。	2022-04-02 23:31:20
海外TECH	MakeUseOf	The 7 Best Galaxy Watch Workout Apps	https://www.makeuseof.com/best-galaxy-watch-workout-apps/	partner	2022-04-02 14:30:13
海外TECH	MakeUseOf	How Do You Compare Routers? Here's What Those Router Specs Actually Mean	https://www.makeuseof.com/how-do-you-compare-routers-heres-what-those-router-specs-actually-mean/	How Do You Compare Routers Here x s What Those Router Specs Actually MeanConfused by the arcane Wi Fi router specifications Read on to learn what these specifications mean and how they relate to your computing needs	2022-04-02 14:15:13
海外TECH	DEV Community	Spiking Tailwind CSS in a React App	https://dev.to/georgeoffley/spiking-tailwind-css-in-a-react-app-5198	Spiking Tailwind CSS in a React App Table Of ContentsIntroductionTailwindSetupUsing Tailwind in ReactSomething a Little More Introduction It s been some time since I did any frontend development and I don t miss it After a couple of years of learning the fundamentals I would have loved to have some alternatives to manually writing CSS Now that I am diving back into it I am happy there are tools not to replace but improve the CSS experience In that spirit I want to look at Tailwind CSS Tailwind CSS Tailwind is different from other CSS frameworks I ve tried The software works on a lower level to allow easy CSS styling utilizing class names Bootstrap works similarly but the difference is that Tailwind does not come with predefined components It is also different because the class names are compiled into CSS code Tailwind is also not opinionated about how you make your designs and thus they give you the tools you need and let you create unique components It s the difference between designing boots on a website and having all the materials right before you to cobble together your shoes This alone is valuable because you can avoid falling into the Bootstrap design trap Tailwind is a “utility first CSS Library From what I glean from their site it means they tried to create a framework from a set of constrained utilities This seems to translate into the following There are no more CSS class names to create in both HTML and CSS files as styles are implemented using low level utility classes You add the styles you want into the HTML classes which the compiler uses to generate CSS which is attractive to me Your CSS files don t grow since you re generally not creating new styles The ability to create reusable styles using things like loops Tailwind also gives you ways to easily extend their utilities by utilizing config files for adding things like custom colors fonts etc I ve noticed that they seem to lean into the idea of long strings of class names in HTML over regular CSS You ll see what I mean Setup So to try this and to learn the tech better for use in my work I created a quick React application After the React app creation we can run the below commands npm install tailwindcssThis will install the needed packages npx tailwindcss initThe above command will create the config files we need the tailwind config js and the postcss config js files The tailwind config js is where any customization options will go By default Tailwind looks for this file at the root of a project to create any customizations For example if you want to add colors or fonts that Tailwind does not have built in they will go in that config file After that is installed you replace everything in your index css file with the below lines tailwind base tailwind components tailwind utilities And finally to ensure that all the template files are added to the Tailwind config make sure the tailwind config js file looks like the below code module exports content src html js theme extend plugins It s a bit much but that s essentially it You re now ready to start styling stuff Using Tailwind in React After setting up our React project and installing Tailwind I was ready to go So I got rid of all the startup React stuff and started small lt h className gt I m using Tailwind lt h gt Pretty easy and we get a simple heading tag Now let s start small and add some styling lt h className text red text xl hover text xl gt I m using Tailwind lt h gt Now I added a couple of styling classes to the JSX and just like we were editing a CSS file we got some results You may also notice the hover selector in there Tailwind takes care of these similar to how CSS does You prepend the effect you want and the outcome and it works just the same And we can see the style change a little when we hover over the text Adding these class names saved me from opening up VSCode and adding styles to a CSS file I am already sold on Tailwind You can also see the core use of Tailwind in adding class names to the HTML tags This is a small example but tags can have tons of styles so adding a class name into the HTML can get overwhelming quickly This is the language they lean into that I mentioned above Something a Little More I am not a designer but I find this setup easy to create components So let s say I broke my app into pieces How can I style this card component I made Tailwind makes it simple export default function Card return lt div class p bg green gt lt h class text green mb text sm font bold gt This is some cool Tailwind Stuff lt h gt lt div class border border green bg white p rounded lg shadow lg gt lt h class text xl font bold mb text gray gt Look at this lt h gt lt p class text gray gt We did some Tailwind lt p gt lt div gt lt div gt And the results I didn t have to write a single bit of CSS for this and now I have a perfectly usable component There s no ending to this rabbit hole Design all you want ConclusionI can t bring myself to write CSS It s a doomed relationship with too much bad blood and too much history However I might just get through with Tailwind as a buffer for those awkward times I have to sit with it Hyperbole aside Tailwind is not a replacement for CSS but a fantastic addition to CSS for easily styling web components Coupled with React this was how we were meant to make apps I m excited to continue learning and hope this helped Small disclaimer I am not suggesting anyone reading this who might be new to frontend development jump straight into learning Tailwind That journey starts with learning how CSS works Much like filmmaking learn all the fundamentals first and then break the rules at your leisure George	2022-04-02 14:33:14
海外TECH	DEV Community	Stop Wars, Defund Military, Save America	https://dev.to/breakfree/stop-wars-defund-military-save-america-38af	Stop Wars Defund Military Save AmericaAccording to War Statistics America is the enemy of peace and prosperity everywhere Those who live outside of United States knows more about America than actual Americans When actor Will Smith slapped comedian Chris Rock on the stage Americans debated while non Americans laughed and confirmed the truth about American culture While Americans wave the flag and believe America as the symbol of peace rest of the world disgusted at the reminder of all crime against humanity committed by American military A common elementary schooler argument is that everyone wants to come to America because America is a free and peaceful country In reality foreigners are escaping from war and sanctions that are directly or indirectly linked to American weapon manufactures The profit of war is like a Christmas to American politicians military complex and banking investors but nightmare for everyone People realize that only place to escape war consequence is coming into America and they do at means necessary United States is the only place where everything can be commodified and made profit from basic necessities to human rights everywhere American people forgot what is like to live in peace since America started declaring wars to reboot the failing capitalist economy Today the friendship of United States and Europe built on the principle of world peace is the primary reason for war everywhere The friendship is at stake so do humanity America Europe WW	2022-04-02 14:16:58
海外TECH	DEV Community	Text To Speech Converter in HTML CSS & JavaScript	https://dev.to/yaswanthteja/text-to-speech-converter-in-html-css-javascript-3eme	Text To Speech Converter in HTML CSS amp JavaScriptToday in this blog you ll learn how to create a Text To Speech Converter using HTML CSS amp JavaScript create a Text To Speech Converter Web Application Text To Speech TTS is a technology that enables your text to be converted into speech sounds In this project Text To Speech Converter App you can convert your text into speech on different voices A pause and resume option is also available if your text character length is more than I made it using HTML CSS amp Vanilla JavaScript No external JavaScript libraries or APIs are used to make this TTS App and I hope you have liked this project If you liked it and want to get source codes of this Text To Speech Converter App then you can copy or download coding files from the bottom of this page But before you go to download the codes let s understand the main JS codes and concepts behind creating this project In the JavaScript code first I got the user text and call a function textToSpeech with passing user text as an argument Inside this function using the speech synthesis property of the window object I converted the entered text to speech Speech Synthesis is a web speech API that controls the speech service After this I got all available voices from the user device using the getVoices method of Speech Synthesis and insert it into HTML select tag Text To Speech Converter in JavaScript To create this Text To Speech Converter App TTS First you need to create three Files HTML index htmlCSS style cssJavaScript script jsAfter creating these files just paste the given codes into your file You can also download the source code files of this Text To Speech App from the github First create an HTML file with the name of index html and paste the given codes in your HTML file Remember you ve to create a file with html extension lt DOCTYPE html gt lt html lang en dir ltr gt lt head gt lt meta charset utf gt lt title gt Text To Speech in JavaScript lt title gt lt link rel stylesheet href style css gt lt meta name viewport content width device width initial scale gt lt head gt lt body gt lt div class wrapper gt lt header gt Text To Speech lt header gt lt form action gt lt div class row gt lt label gt Enter Text lt label gt lt textarea gt lt textarea gt lt div gt lt div class row gt lt label gt Select Voice lt label gt lt div class outer gt lt select gt lt select gt lt div gt lt div gt lt button gt Convert To Speech lt button gt lt form gt lt div gt lt script src script js gt lt script gt lt body gt lt html gt Second create a CSS file with the name of style css and paste the given codes in your CSS file Remember you ve to create a file with css extension Import Google Font Poppins import url wght amp display swap margin padding box sizing border box font family Poppins sans serif body display flex align items center justify content center min height vh background AD selection color fff background AD wrapper width px padding px px border radius px background fff box shadow px px px rgba wrapper header font size px font weight text align center wrapper form margin px px form row display flex margin bottom px flex direction column form row label font size px margin bottom px form row nth child label font size px form where textarea select button outline none width height border none border radius px form row textarea resize none height px font size px padding px px border px solid form row textarea webkit scrollbar width px form row outer height px display flex padding px align items center border radius px justify content center border px solid form row select font size px background none form row select webkit scrollbar width px form row select webkit scrollbar track background fff form row select webkit scrollbar thumb background border radius px border right px solid ffffff form button height px color fff font size px cursor pointer margin top px background AFE transition s ease form button hover background fe media max width px wrapper max width px width Last create a JavaScript file with the name of script js and paste the given codes in your JavaScript file Remember you ve to create a file with js extension const textarea document querySelector textarea voiceList document querySelector select speechBtn document querySelector button let synth speechSynthesis isSpeaking true voices function voices for let voice of synth getVoices let selected voice name Google US English selected let option lt option value voice name selected gt voice name voice lang lt option gt voiceList insertAdjacentHTML beforeend option synth addEventListener voiceschanged voices function textToSpeech text let utterance new SpeechSynthesisUtterance text for let voice of synth getVoices if voice name voiceList value utterance voice voice synth speak utterance speechBtn addEventListener click e gt e preventDefault if textarea value if synth speaking textToSpeech textarea value if textarea value length gt setInterval gt if synth speaking amp amp isSpeaking isSpeaking true speechBtn innerText Convert To Speech else if isSpeaking synth resume isSpeaking false speechBtn innerText Pause Speech else synth pause isSpeaking true speechBtn innerText Resume Speech else speechBtn innerText Convert To Speech That s all now you ve successfully created a Text To Speech Converter App in HTML CSS amp JavaScript click the link to view Text To Speech Converter	2022-04-02 14:16:50
海外TECH	DEV Community	Dockerizing a Node.js web app	https://dev.to/sanjaysinghrajpoot/dockerizing-a-nodejs-web-app-id6	Dockerizing a Node js web appWe all have heard of docker a lot In this post we will see how to dockerize your existing node js appliation We will create a docker image for our Nodejs application A Docker image is a self contained unit that bundles the app with the environment required to run it No more installing libraries dependencies downloading packages messing with config files etc If your machine supports Docker you can run a Dockerized app period For this tutorial lets first create a new simple Node Js application Create a simple Node js appUser the commands below to create a simple nodejs application mkdir nodejs dockercd nodejs dockernpm initset the name to nodejs docker For other options just confirm the default values with enter Npm will create a package json file that will hold the dependencies of the app Let s add the Express framework as the first dependency npm install express saveThe file should look like this now name nodejs docker version description main index js scripts test echo Error no test specified amp amp exit author license ISC dependencies express Now create an index js file with a simple HTTP server that will serve the nodejs docker app this code will just run the server and will give confirmation message that the server is running Load express module with require directivevar express require express var app express Define request response in root URL app get function req res res send Hello World Launch listening server on port app listen function console log app listening on port Run the appThe application is ready to launch node index jsGo to http localhost in your browser to view it Dockerize Node js appplicationOnce the node applicaiton is up and running the next step we can take is to dockerize this application To do this go ahead and install Docker on your system	2022-04-02 14:09:38
海外TECH	DEV Community	What's your favorite old-school website based on design?	https://dev.to/michaeltharrington/whats-your-favorite-old-school-website-based-on-design-1fc0	What x s your favorite old school website based on design Got a favorite old school website based on design Whether you re a fan of that flash y s aesthetic drawn to the rugged ridiculousness of brutalism or ya prefer take a stroll down the GeoCities of yesteryear I wanna know what you re into Let me know what kind of old school design you are particularly fond of below and if you can drop a link or a screenshot for specifics even better p s you might find The Wayback Machine helpful for excavating images of those old sites	2022-04-02 14:05:53
海外TECH	Engadget	Bored Ape and other major NFT Discord servers targeted by scammers	https://www.engadget.com/bored-ape-nft-targeted-scammers-140923216.html?src=rss	Bored Ape and other major NFT Discord servers targeted by scammersThe Discord servers of popular NFT projects including the Bored Ape Yacht Club were targeted by scammers in the early hours of April Fools Some users reported losing money to the bad actors who hacked the projects bots to post fake offers with links to their phishing websites Motherboard reports One of the phishing posts by a compromised Bored Ape bot read quot Oh no our dogs are mutating MAKC can be staked for our APE token Holders of MAYC BAYC will be able to claim exclusive rewards just by simply minting and holding our mutant dogs quot BAYC Discord has been hacked amp so far MAYC has been stolen Funds are being directed here pic twitter com OPyvPvMpMーzachxbt zachxbt April If a user clicks on the link in the post they re taken to a website where they re tricked into minting a fake NFT in exchange for Ethereum Other versions trick victims into sending the scammers NFTs by making them think their collectible was going to be wrapped Two wallet addresses were tied to the hacks one of which sold a stolen Mutant Ape Yacht Club NFT and then sent the other ETH or around based on current exchange rates The recipient wallet reportedly sent ETH to a mixing service which can obscure the origin and trail of potentially identifiable crypto coins nbsp It s unclear how many people fell victim to the scams but the projects administrators quickly caught on and posted a warning to their fans Bored Ape asked users not to mint anything from its Discord and clarified that it wasn t doing quot any April Fools stealth mints quot Nyoki Cub posted a similar warning and admitted that its quot server was also compromised due to a recent large scale hack quot It said it was able to take control of the situation within minutes NFTs are making their way into mainstream popularity with big name celebs such as Justin Bieber and Madonna putting the spotlight on the digital collectibles Schemes such as these are bound to become more as long as people keep pouring money into non fungible tokens nbsp	2022-04-02 14:09:23
海外科学	NYT > Science	Man Sentenced to 650 Years in Prison in Brutal 1980s Sex Crimes	https://www.nytimes.com/2022/04/02/us/steven-ray-hessler-sentenced-shelby-county-rape-cases.html	Man Sentenced to Years in Prison in Brutal s Sex CrimesDNA on an envelope helped to seal the fate of Steven Ray Hessler who prosecutors said violently assaulted seven women a year old girl and two men in Shelby County Ind from to	2022-04-02 14:05:36
ニュース	BBC News - Home	Cressida Dick: Met police chief announces leaving date	https://www.bbc.co.uk/news/uk-england-london-60965795?at_medium=RSS&at_campaign=KARANGA	announces	2022-04-02 14:37:57
北海道	北海道新聞	函館で住宅火災　焼け跡から２人の遺体	https://www.hokkaido-np.co.jp/article/664760/	函館市新川町	2022-04-02 23:35:00
北海道	北海道新聞	マジョルカの久保は終盤に出場　スペイン１部、チームは７連敗	https://www.hokkaido-np.co.jp/article/664778/	連敗	2022-04-02 23:35:00
北海道	北海道新聞	リバプール南野はベンチ外　プレミアリーグ、チームは勝利	https://www.hokkaido-np.co.jp/article/664776/	英国	2022-04-02 23:28:00
北海道	北海道新聞	ローマ教皇、キーウ訪問「検討」　ウクライナ大統領要請受け	https://www.hokkaido-np.co.jp/article/664771/	訪問	2022-04-02 23:13:04
北海道	北海道新聞	食品残渣を子牛の飼料に　札幌のエア・ウォーター物流	https://www.hokkaido-np.co.jp/article/664765/	飼料	2022-04-02 23:27:20
海外TECH	reddit	なんだかんだ仲良しだよね！	https://www.reddit.com/r/lowlevelaware/comments/tujl00/なんだかんだ仲良しだよね/	wlevelawarelinkcomments	2022-04-02 14:03:20
海外TECH	reddit	Good luck watching the whole video	https://www.reddit.com/r/funny/comments/tujxzd/good_luck_watching_the_whole_video/	Good luck watching the whole video submitted by u Mattesfromwow to r funny link comments	2022-04-02 14:20:23