投稿時間:2021-06-13 12:21:03 RSSフィード2021-06-13 12:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Techable（テッカブル）	アプリで完結する無人レンタカー「スカイレンタカー・スマートサービス」	https://techable.jp/archives/156368	非接触	2021-06-13 02:00:43
python	Pythonタグが付けられた新着投稿 - Qiita	flaskの仮想環境の作り方	https://qiita.com/program9989/items/dc397204d50b236506b0	flaskの仮想環境の作り方前提MACosAnacondaをインストールしていること仮想環境をflaskenvという名前で、Pythonで作成condacreatenflaskenvpython作成されているか、確認をする。	2021-06-13 11:41:09
python	Pythonタグが付けられた新着投稿 - Qiita	【pix2pix VS Excel】AIに強いExcelのアート効果はどれだ!	https://qiita.com/kaitaryu/items/e91943b71d51ce1a9de3	実際に他人の修正の入った文章を復元しようとすると、使用したアート効果の詳細は分かりませんから、復元することは困難であると考えられます。	2021-06-13 11:26:07
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonでcsvを扱う方法	https://qiita.com/akahira/items/d8500954d397211a435b	csvファイルを指定して、行の内容をリストとして表示するには以下のように書きます。	2021-06-13 11:11:23
js	JavaScriptタグが付けられた新着投稿 - Qiita	【アルゴリズム】JavaScriptでキュー/スタック問題を解く	https://qiita.com/suzuki0430/items/8c335ff008158266a9c1	JSでスタックを実現する際、popとpeekメソッドはキューと同様ですが、要素追加にはpushメソッドを使用します。	2021-06-13 11:19:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	.htacsessでのリダイレクト設定について	https://teratail.com/questions/343747?rss=all	htacsessでのリダイレクト設定についてサーバー変更とサイトのリニューアルを行いました。	2021-06-13 11:56:06
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	CSVに書き出す際の年月日の形式	https://teratail.com/questions/343746?rss=all	CSVに書き出す際の年月日の形式下記のエクセルファイルBookxlsxをpandasで読み取り、CSVに書き出す際の年月日の形式について質問です。	2021-06-13 11:48:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	チェックボックスの選択数をカウント	https://teratail.com/questions/343745?rss=all		2021-06-13 11:43:08
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	jQueryでborderの色を変更したい	https://teratail.com/questions/343744?rss=all	jQueryでborderの色を変更したいheaderの高さを超えた時にborderの色を変更したいです。	2021-06-13 11:32:40
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	コンパイルは成功したが、実行できない	https://teratail.com/questions/343743?rss=all	コンパイルは成功したが、実行できない前提・実現したいことjavaの初心者です。	2021-06-13 11:28:34
Ruby	Rubyタグが付けられた新着投稿 - Qiita	gemパッケージのインストール先を表示させる	https://qiita.com/xusaku_/items/4b91ce61cf7b32972ba4	xtensionsspecifications	2021-06-13 11:31:35
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Redditの日本語版サイト（ようなもの）作ってみた	https://qiita.com/UTOG/items/e2375cb6d4da7bf77c81	reddit	2021-06-13 11:20:11
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rails　消費税計算	https://qiita.com/komayuka/items/79752ed56e28292be4f8	viewに記載消費税を計算して反映させたい部分にltproductaddtaxsalespricetosdalimitedgtProductモデルに年月現在の税率のため、変更があった場合はmodelを変更するだけでviewページは反映されます。	2021-06-13 11:03:29
Ruby	Railsタグが付けられた新着投稿 - Qiita	Redditの日本語版サイト（ようなもの）作ってみた	https://qiita.com/UTOG/items/e2375cb6d4da7bf77c81	reddit	2021-06-13 11:20:11
Ruby	Railsタグが付けられた新着投稿 - Qiita	Rails　消費税計算	https://qiita.com/komayuka/items/79752ed56e28292be4f8	viewに記載消費税を計算して反映させたい部分にltproductaddtaxsalespricetosdalimitedgtProductモデルに年月現在の税率のため、変更があった場合はmodelを変更するだけでviewページは反映されます。	2021-06-13 11:03:29
海外TECH	DEV Community	Top courses to learn MERN.	https://dev.to/amritanshu/top-courses-to-learn-mern-2i2g	Top courses to learn MERN MERN stands for MongoDB gt NoSQL DatabaseExpress js gt Web Framework for NodeReact js gt JavaScript Library For UINode js gt Runtime environment to execute JavaScript Paid Courses Free	2021-06-13 02:45:57
海外TECH	DEV Community	Getting Comfortable With CSS Selectors (Part 1)	https://dev.to/mr_victor/getting-comfortable-with-css-selectors-part-1-24a9	Getting Comfortable With CSS Selectors Part So you have learned the basic id class and descendant selectorsーand then called it a day If so you re missing out on an enormous level of flexibility You owe it to yourself to commit these advanced CSS and CSS selectors to memory CSS RulesEvery CSS rule follows this general patternselector property value where we have of a selector e g h and a declaration block where we declare our styles In understanding CSS The biggest key player is understanding selectors and how they work CSS selectors are what allows us to target specific Html Elements and apply styles in the declaration block to them we won t be focusing on styles right now though our focus would be on the selecting and what goes in that selector area Let s get into it Universal SelectorSelects everything Selects all elements color black The CSS universal selector is donated by an asterisk It selects all elements regardless of their type present on the page In the example above all elements on the page will get the style of color black assuming we don t have any more specific selectors that conflict with that Element Type Selector Selects all img img width px height px The Element Selector Selects all instances of a tag or element present on the page in our case we would be giving all img HTML elements on the page the specified width and height Class Selector Selects all elements with class of blue blue border blue px dotted background color white color blue The CSS class selector is probably the most useful and versatile selector it selects all elements that have given the class value in their class attribute In the example above it will select all elements that have the blue value in their class attribute ID Selector Selects the element with the id attribute set to header header border blue px dotted width px height px Next we have the ID selector ID selectors are the most powerful in terms of CSS specificity just like the class selector it targets specific elements in our markup that we can then reference in our CSS Note The value of an element s ID must be unique on a web page It is a violation of the HTML standard to use the value of an ID more than once in the same document tree id selectors are rigid and don t allow for reuse Selector List Selects all matching elements in the list span div p text align center color rgb The CSS selector list allows us to select multiple elements with different selectors at once and style them You have more than one thing which uses the same CSS then the individual selectors can be combined into a selector list so that the rule is applied to all of the individual selectors This is done by grouping them in a comma separated list and CSS selects all the matching elements in the listNote When you group selectors in this way if any selector is invalid the whole rule will be ignored Combinator Selectors This final group of selectors combines other selectors in order to target elements within our documents Descendant Combinator Selects all lt a gt s that are nested inside an lt ul gt ul a text decoration none color dodgerblue This selector allows us to select elements that are descendants of some other selector we are selecting all lt a gt nested anywhere within an lt ul gt it doesn t have to be the first child or first descendant it can be anywhere nested inside the ul Adjacent Sibling Combinator Selects only lt p gt tags that are immediately preceded by a lt h gt h p color dark grey The combinator selects adjacent element siblings it will select only the element that is immediately preceded by the former element In this case only the first paragraph after each h will have dark grey text This means that the second element must directly follow the first and both share the same parent Direct Child Combinator Selects all lt h gt that are direct children of a lt div gt div gt h color white The gt combinator acts more like the descendant combinator expect that it is more particular and selects direct children of the parent element in the Example div gt h will match all lt h gt elements that are nested directly inside of a lt div gt With the descendant combinator we would select any nested child or grandchild of the parent element But the child combinator gt selects only direct children Sorry grandchildren only children allowed Attribute SelectorsThe attribute selectors allow us to select elements based on the presence of a certain attribute on an element X href foo a href color blue The snippet above will style all anchor tags which link to they ll receive the blue color All other anchor tags will remain unaffected What if the link does indeed direct to Hashnode but maybe the path is hashnode com rather than the full URL X href foo a href hashnode color blue There we go The star designates that the proceeding value must appear somewhere in the attribute s value X href http a href http text decoration px solid blue padding left px the carat symbol designates the beginning of a string If we want to target all anchor tags that have an href which begins with http we could use a selector similar to the snippet shown above X href jpg a href jpg color red the symbol refers to the end of a string In this case we re searching for all anchors which link to an imageーor a URL that ends with jpg ConclusionAlright coder we have covered quite a bit about CSS selectors Universal SelectorElement Type SelectorClass and ID SelectorsCombinatorsAdjacent Descendant and Direct Child CombinatorsAttribute Selectors and their variants In the next part of this series we are going to talk about Pseudo Selectors a big and widely confusing topic in CSS So what are you waiting for take this knowledge out there and go write some top notch CSS styles that will impress your friends Enjoyed reading this as much as i enjoyed writing it for you support me with a coffee	2021-06-13 02:38:12
海外TECH	DEV Community	Deploy a React Application to Netlify	https://dev.to/mr_victor/deploy-a-react-application-to-netlify-ime	Deploy a React Application to NetlifyHey guys in this article we are going to look at the two different methods that we can use to host and deploy your react applications using Netlify The first method takes less than a minute which is crazy and the second method which includes continuous deployments and updates to our app through GitHub will only take you a few minutes to set up That s amazing excited i am too let s get right into it To follow along with this tutorial you need to have a Github and Netlify account so go to their sites and create one if you haven t already with that done we are going to create a new react app so that you can follow along of theway Create a new React Appcreate a new empty folder on your desktop or any directory of your choice give it a name I m gonnacall mine react app great open it in your VS Code or any editor of your choice Next we will need to open up a terminal you can make use of your operating system default Terminal Git bash or the integrated terminal that is built in with VS Code Navigate to the directory where your app is mine iscd desktop react appyou won t have to do this if you are using the integrated VS code terminal From here you will be able to initialize your react app by simply runningnpx create react app Name Of App where Name Of App would be what you want to name your react app This might take some time so feel free to go make yourself a hot cup of tea while it runs on your device Great after that s done your folder structure should look similar to this in your code editor runnpm startto start the application and preview it in your browser you should see something like this img alt our react app in the lt br gt browser src cdn hashnode com res hashnode image upload v ELygHkL png Great we successfully created a demo react app you can go to the src folder and edit the App js file before deploying to customize it a bit Something like this function App return lt div className App gt lt header className App header gt lt img src logo className App logo alt logo gt lt p gt This is my first Deployment lt p gt lt header gt lt div gt Save and now you should see your edited version in the browser img alt edited version of our lt br gt app src cdn hashnode com res hashnode image upload v urYTGEa png Great now let s focus on the main goal of this article to show you how we can take our app from the localhost port that only we can see to the internet so that you can share it with your friends employers really anyone Time to Deploy Manual Deployment We are going to try out the first and easiest method of deploying react apps but you need to have a Netlify account so go ahead and signup or log in if youalready have one after logging in go to the bottom of the page and you will see this empty box where we can drag and drop our site folder img alt image of empty drag and drop lt br gt box src cdn hashnode com res hashnode image upload v YZxMBoE png Before getting to it first stop the react server by hitting Ctrl C in our terminal next we would need to build our react app simply runnpm run buildThis is going to create a built version of react that our browsers can natively understand and we can freely deploy on the web read more about this here once done you should see the build folder in your folder structure img alt Folder structure showing the build lt br gt folder src cdn hashnode com res hashnode image upload v J cdJma jpeg open your react app in finder if you re on a mac or file explorer for windows next drag and drop the build folder into the empty box on the Netlify page that is it after a few seconds the application should be deployed on the web now we have a real URLthat we can share with people to access the site that is it this process works for any frontend react application it s that simple Automated DeploymentOne major problem with our current deployed version is that if we make a change to our source code the changes are not going to be reflected on the deployed version And this makes sense because remember it is the build folder that contains the version of our app that is accessible by web browsers And we had manually pushed it to Netlify already so changes made to our code won t be reflected on our build folder on Netlify unless we build our app again and deploy it manually again As you can see this process is impossible ‍ ️ So how do we deploy our applications so that all the changes made to the code are reflected on the deployed site each time we push to Github To do that we need to add the project to a Github repository go to Github and create a new empty repository for your app follow this guide on the Github docs on how to connect your app to a remote repo on github once your repo is connected to your app rungit push u origin mainon your terminal to push your code to GitHub we can head back to Netlify scroll to the top and press on the New site from Git button You will be asked to choose the Git provider where your site s source code is hosted When you pushto Git Then you can search for the specific repository you wish to deploy among all your Githubrepositories Click on it Click on the Deploy button And there you have it your app is now Live congratulations Proving that our Deployment is AutomatedNow whenever you push to Github Netlify would automatically build our app for us and update ourdeployed version To prove this we are going to make some tweaks to our App js file by simply changing some text To see if truly ourchanges would be reflected on the live site once we push to Github function App return lt div className App gt lt header className App header gt lt img src logo className App logo alt logo gt lt p gt SECOND DEPLOYMENT BREAKING CHANGES lt p gt lt header gt lt div gt export default App Once those changes are made commit and push your code to Github In no time you should see your changes reflect in your Netlify website Hurray ConclusionAnd that is it guys we now have a deployed version of our react application which would be updated whenever we pushour changes to Github Thanks so much for reading hope you wouldn t break a sweat when next you are deploying your reactapplications Let me know in the comments which free hoisting service you have been using and maybe I might writeon that What are you still waiting for ‍ ️ go deploy that react app to Netlify I hope you found this helpful Thanks so much for reading And keep on coding ‍	2021-06-13 02:22:01
海外TECH	DEV Community	Storing python objects inside PysonDB	https://dev.to/adwaithrajesh/storing-python-objects-in-pysondb-2f9m	Storing python objects inside PysonDBLet s see how we can store python objects this include strings list function etc inside a DB like pysonDBConsider I ve function foo which takes an argument x and return x x x Which I want to store inside a DB def foo x float gt float return x x x First things first we nee to convert this object to byte string To do that we can use the pickle module import picklebyte string pickle dumps foo This byte string cannot be directly added to a PysonDB database as byte strings are not JSON serializable So a simple workaround will be to add quotes around the byte string which can be easily done like this obj string f byte string This string can be now added to the DBfrom pysondb import dba db getDb test json a add name foo function obj obj string To get the object back we can do the following steps data a getBy name foo function Now data will look something like this name foo function obj b x x x x x x x x x x x xc x main x xc xfoo x x x id To convert the obj string back to a callable function We can do the following str obj data obj Remember that str obj is still a string and not a byte string which is what we need since the required byte string is inside this string we can simply evaluate the string import astbyte obj ast literal eval str obj To call the function we can do this call obj pickle loads byte obj print call obj output Entire Codeimport astimport picklefrom pysondb import dbdef foo x float gt float return x x x byte string pickle dumps foo obj string f byte string a db getDb test json a add name foo function obj obj string data a getBy name foo function str obj data obj byte obj ast literal eval str obj call obj pickle loads byte obj print call obj So we have successfully stored a python object inside a DB The steps are the same for all the objects like list or dict	2021-06-13 02:14:27
金融	ニュース - 保険市場TIMES	三井住友海上、警察庁オープンデータを見える化した交通事故マップを公開	https://www.hokende.com/news/blog/entry/2021/06/13/120000	三井住友海上、警察庁オープンデータを見える化した交通事故マップを公開ビッグデータを見える化三井住友海上は月日、警察庁が公表する「交通事故統計情報のオープンデータ」を見える化した「交通事故マップ」を同社ホームページ上に公開した。	2021-06-13 12:00:00
北海道	北海道新聞	【道スポ】高浜、狙いズバリ！！　追撃タイムリー　２戦連続で３番	https://www.hokkaido-np.co.jp/article/554992/	育成契約	2021-06-13 11:17:00
ビジネス	東洋経済オンライン	アートが社会の｢分断｣の壁を壊す為に必要な視点 ｢ねばならない｣足かせを外し､人を動かす | リーダーシップ・教養・資格・スキル | 東洋経済オンライン	https://toyokeizai.net/articles/-/431219?utm_source=rss&utm_medium=http&utm_campaign=link_back	人を動かす	2021-06-13 11:30:00
IT	週刊アスキー	セブンに星の容器がかわいい「マンゴー×わらび餅」スイーツ	https://weekly.ascii.jp/elem/000/004/058/4058846/	容器	2021-06-13 11:40:00