投稿時間:2021-09-14 19:38:00 RSSフィード2021-09-14 19:00 分まとめ(41件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Apple公式サイトのサイトマップのページがメンテナンスモードに	https://taisy0.com/2021/09/14/145462.html	apple	2021-09-14 09:51:43
TECH	Engadget Japanese	タニタがデレマスコラボ歩数計発表、全アイドル190モデルを用意	https://japanese.engadget.com/tanita-091306245.html	用意	2021-09-14 09:13:06
ROBOT	ロボスタ	長野高専が「目指せ小学生ロボコン！工作教室」を開催 小学生6名が専用キットを用いてオリジナルロボットを製作	https://robotstart.info/2021/09/14/national-kosen-workshop.html	千曲市千本柳	2021-09-14 09:29:00
IT	ITmedia 総合記事一覧	[ITmedia News] ダミーの個人情報を作る「個人情報ジェネレーター」登場　氏名・住所・クレカ情報など、無償で最大1万件	https://www.itmedia.co.jp/news/articles/2109/14/news147.html	itmedia	2021-09-14 18:40:00
AWS	AWS Government, Education, and Nonprofits Blog	AWS Startup Ramp now available in South Korea and South East Asia	https://aws.amazon.com/blogs/publicsector/aws-startup-ramp-now-available-south-korea-south-east-asia/	AWS Startup Ramp now available in South Korea and South East AsiaThe AWS Startup Ramp is a program for early stage startups building solutions in health digital government smart cities agriculture and space technology is dedicated to supporting entrepreneurs as they build launch and grow AWS Startup Ramp works to remove barriers for entrepreneurs who want to make an impact in the public sector by providing technical design and architecture reviews mentorship credits and support with go to market plans to help navigate the complex regulatory and security requirements in the public sector	2021-09-14 09:12:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	mglearnの入手方法	https://teratail.com/questions/359491?rss=all	mglearnの入手方法前提・実現したいことオライリー・ジャパン「Pythonではじめる機械学習」という本で機械学習の勉強を始めていますが、pのデータセットのところで、エラーメッセージ「Nonbspmodulenbspnamednbspaposmglearnapos」が出て困っています。	2021-09-14 18:57:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	マクロ：同じ列の重複したデータの値を変更したい	https://teratail.com/questions/359490?rss=all		2021-09-14 18:48:38
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	canvasで円の軌跡を消したいです。	https://teratail.com/questions/359489?rss=all	canvasで円の軌跡を消したいです。	2021-09-14 18:46:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	「malloc.c : 2329: sysmalloc: Assertion」 実行エラーの原因が知りたい	https://teratail.com/questions/359488?rss=all	「malloccsysmallocAssertion」実行エラーの原因が知りたい質問内容文章をコピー出来なかったので画像ですいません。	2021-09-14 18:45:43
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	iOSアプリでGoogle AdMobを用いバナー広告を実装しようとしたが，モジュールが存在しないとエラーが発生。	https://teratail.com/questions/359487?rss=all	iOSアプリでGoogleAdMobを用いバナー広告を実装しようとしたがモジュールが存在しないとエラーが発生。	2021-09-14 18:38:11
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	戻り値が何なのかを確認するには	https://teratail.com/questions/359486?rss=all		2021-09-14 18:33:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GASのopenByUrlのパーミッションエラーを解決したい	https://teratail.com/questions/359485?rss=all	openByUrlの関数でスプレッドシートAのデータを加工して、スプレッドシートBに書き込めるようにしたいです。	2021-09-14 18:24:32
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	insertAdjacentHTMLで追加した文字にcssが効かない	https://teratail.com/questions/359484?rss=all	insertAdjacentHTMLで追加した文字にcssが効かない前提・実現したいことTwitterみたいな掲示板を作成しています。	2021-09-14 18:12:03
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VMware内のUbuntuが突然ネットワークに繋がらなくなりました	https://teratail.com/questions/359483?rss=all	VMware内のUbuntuが突然ネットワークに繋がらなくなりました前提VMwarenbspWorkstationnbspplayerでUbuntuを使用しています。	2021-09-14 18:06:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Uncaught ReferenceError: jQuery is not definedを解決したい	https://teratail.com/questions/359482?rss=all		2021-09-14 18:05:08
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pandasの要素にlistを格納したいがValueErrorが出る	https://teratail.com/questions/359481?rss=all	pandasの要素にlistを格納したいがValueErrorが出るPythonのPandasの要素にリストを格納したいと思っているのですが、ilocやlocで指定して入力しようとするとエラーが出ます下の例であれば、要素にを格納したいのですすが、ValueErrorが出ます。	2021-09-14 18:04:53
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	2つの配列の重複を大文字小文字を区別せず、一致する要素を取得したい。	https://teratail.com/questions/359480?rss=all	つの配列の重複を大文字小文字を区別せず、一致する要素を取得したい。	2021-09-14 18:02:43
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ARkit swift タップした位置にモデルをおく	https://teratail.com/questions/359479?rss=all	ARkitswiftタップした位置にモデルをおく前提・実現したいことARkitnbspでタップした位置にDモデルを置きたいと思います。	2021-09-14 18:00:47
Ruby	Rubyタグが付けられた新着投稿 - Qiita	[RSpec]いいね機能の単体テストについて	https://qiita.com/mkato1013/items/3e36504e5f2648c91c88	RSpecいいね機能の単体テストについてはじめに本記事では、いいね機能のテストについて記述します。	2021-09-14 18:55:15
Ruby	Rubyタグが付けられた新着投稿 - Qiita	エラーメッセージの日本語化	https://qiita.com/tsablan8250/items/0e69dc068353514cbdcf	devisejaymlconfiglocalesdevisejaymljaactiverecordattributesuserconfirmationsentatパスワード確認送信時刻confirmationtokenパスワード確認用トークン省略oneエラーが発生したためresourceは保存されませんでした。	2021-09-14 18:06:30
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Ubuntu上のVScodeで「Ctrl+Shift+E」ショートカットが動作しない問題の解決方法	https://qiita.com/moshi/items/05a7622e23cdff9b2c73	Ubuntu上のVScodeで「CtrlShiftE」ショートカットが動作しない問題の解決方法記事タイトルの問題を解決したときの原因調査結果と解決策について記載してます。	2021-09-14 18:10:23
AWS	AWSタグが付けられた新着投稿 - Qiita	Amazon Connect、Get Customer Inputブロックの謎設定 Enter an ARN の設定方法がわかった！	https://qiita.com/chokomi/items/1e566394d40986b43bb9	このドキュメントのcには、bのClassicボットvとの対比で、「AmazonLexボットの場合は、ボットエイリアスARNを手動で設定することもできます。	2021-09-14 18:34:26
Ruby	Railsタグが付けられた新着投稿 - Qiita	[RSpec]いいね機能の単体テストについて	https://qiita.com/mkato1013/items/3e36504e5f2648c91c88	RSpecいいね機能の単体テストについてはじめに本記事では、いいね機能のテストについて記述します。	2021-09-14 18:55:15
Ruby	Railsタグが付けられた新着投稿 - Qiita	エラーメッセージの日本語化	https://qiita.com/tsablan8250/items/0e69dc068353514cbdcf	devisejaymlconfiglocalesdevisejaymljaactiverecordattributesuserconfirmationsentatパスワード確認送信時刻confirmationtokenパスワード確認用トークン省略oneエラーが発生したためresourceは保存されませんでした。	2021-09-14 18:06:30
技術ブログ	Developers.IO	プライベートサブネットに配置した EC2 の AWS Cloud9 環境で AWS Managed Temporary Credentials を使用してもなぜか S3 向けの AWS CLI が成功した	https://dev.classmethod.jp/articles/private-clou9-enviroment-s3api/	awscli	2021-09-14 09:06:15
海外TECH	DEV Community	How to Build a Sign Up Form with Floating Labels and Transitions Using Plain HTML and CSS	https://dev.to/ubahthebuilder/how-to-build-a-sign-up-form-with-floating-labels-and-transitions-using-plain-html-and-css-48k7	How to Build a Sign Up Form with Floating Labels and Transitions Using Plain HTML and CSSIn this tutorial we are going to build a modern sign up form with floating labels and smooth transitions using plain HTML and CSS Complete viewAs you can see in the above image when an input within the form gains focus its label floats to the top and a semi thick border appears around the input If text gets typed into the input and the input loses focus the label remains on top Otherwise the label drops back down into the input Many modern forms have some sort of transition applied to them Not only do these transitions make the form more dynamic but they also help guide the user on the state of the input that is whether it has focus or not and what kind of data each input is expected to handle In this tutorial you will learn about some cool CSS features like transitions selectors like placeholder focus and many other CSS properties you should know Let s dive in The HTML MarkupWe are going to define the markup for our sign up form But before that we have to set up our HTML boilerplate and correctly link to our stylesheet from the head tag You can easily do this with the Emmet plugin by typing then tab in your IDE Code editor You can also copy this boilerplate and paste it into your index html file lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta name viewport content width device width initial scale gt lt meta http equiv X UA Compatible content ie edge gt lt title gt Document lt title gt lt link rel stylesheet href styles css gt lt head gt lt body gt lt body gt lt html gt Within the body tag we define the markup for our sign up form lt div class signupFrm gt lt form action class form gt lt h class title gt Sign up lt h gt lt div class inputContainer gt lt input type text class input placeholder a gt lt label for class label gt Email lt label gt lt div gt lt div class inputContainer gt lt input type text class input placeholder a gt lt label for class label gt Username lt label gt lt div gt lt div class inputContainer gt lt input type text class input placeholder a gt lt label for class label gt Password lt label gt lt div gt lt div class inputContainer gt lt input type text class input placeholder a gt lt label for class label gt Confirm Password lt label gt lt div gt lt input type submit class submitBtn value Sign up gt lt form gt lt div gt We create a container div to hold the form element Each of the form s inputs along with its text label are wrapped inside a container div The labels serve the purpose of informing the user what information each input should take in And our page will look like this No CSSYou may notice that the placeholder value we have assigned to all inputs is a This will be helpful later in the tutorial when we start to apply some dynamic logic How to Style the FormOur form is pretty basic so let s add some styling to make it look nicer First we need to perform some resets and set the background color import url display swap Get rid of all default margins paddings Set typeface body box sizing border box margin padding background color white font family lato sans serif Here s what our page will look like After stying the body we ll set the display mode of the content to flex This makes sure that all the direct children inside a container element div are displayed side by side by default In our case there s only one child inside the container signupFrm The only reason we use display flex here is to use the align items and justify content properties to help center everything vertically and horizontally Puts the form in the center both horizontally and vertically Sets its height to of the viewport s height signupFrm display flex justify content center align items center height vh The vh property which stands for viewport height ensures that the form takes up of the height of the browser window regardless of the screen size or orientation That will make it more responsive CentralizeNow we ll style the form a bit form background color white width px border radius px padding px px box shadow px px rgba title font size px margin bottom px In the first style targeted on the form we set the background to white we give it a width of px we add some curve around the form and finally we set a shadow around the box We also set the font size of the title and some space below the element And the result should look like this Next we ll style the div which contains the form inputs and form labels inputContainer position relative height px width margin bottom px We set the position property of our input s container div to relative This will enable us position the children input and label however we want We also set the width to take up percent of the entire container width This is how our form will be rendered in the web browser Now we need to style our inputs We first set the position to absolute This will allow us to move each of them to the top left part of the relatively positioned container parent We also need to hide our arbitrary placeholder text the a characters mentioned earlier so they don t overlap with the text within each label The placeholder text will be needed when we implement the transition Style the inputs input position absolute top px left px height width border px solid DADCE border radius px font size px padding px outline none background none z index Hide the placeholder texts a placeholder color transparent With the styles applied our form should now look like this Next we style the text labels Styling text labels label position absolute top px left px padding px background color white color DADCE font size px transition s z index The label shows text that tells which information is expected inside the input We start by setting its position to absolute And by setting the top and left properties we can move the text upwards relative to its container Next we set a transition of seconds This is how long it will take the text to move up when hovered on Finally we also set a z index of The low z index ensures that the label is positioned behind other higher placed elements if they ever overlap Here is what gets rendered on the page Now we are going to focus on the buttons We ll add some smooth animations with the CSS transform property which moves the button up a little and changes the color once it s hovered over submitBtn display block margin left auto padding px px border none background color purple color white border radius px cursor pointer font size px margin top px submitBtn hover background color C transform translateY px Here is the result Button scales and changes colorNext we need to perform some state changes When an input gains focus we want to position its label beyond the top of the container px pixels from the left reduce the font size to and change the color to purple input focus label top px left px z index font size px font weight color purple Here s the result We also need to add a purple border around the input when it gains focus input focus border px solid purple Finally we have to do something very important Currently when you type some text into the form and move focus your mouse away from it the label text and the text within the input collide With the following CSS we ll specify that when we type a value into the input and change focus we want the label to remain floating Also well specify that we want the label text to lose its purple color input not placeholder shown label top px left px z index font size px font weight And with that here is the final look of our sign up page Complete view Wrapping UpI hope you learned some new things about CSS from this tutorial CSS transitions bring life to your website and in this guide we have made our form much more lively with them You can get all the code from this tutorial from this GitHub repository I recently created a newsletter where I provide practical tips and resources on learning web development Subscribe to my newsletter and get tips right in your inbox Thanks for following along P S If you are learning JavaScript I created an eBook which teaches topics in JavaScript with hand drawn digital notes Check it out here	2021-09-14 09:43:06
海外TECH	DEV Community	Top 10 Must Know JavaScript Functions!	https://dev.to/thedailytechtalk/top-10-must-know-javascript-functions-1dm9	Top Must Know JavaScript Functions I recently started a new blog TheDailyTechTalk where I create free content If you liked this post and would like to read more posts about JavaScript please check it out If you like what I write and want to support me please follow me on Twitter to learn more about programming and similar topics ️️ Top Must Know JavaScript FunctionsPlease check out full article here filter This function filters an array based on the condition you provide and it returns a new array which contains items which satisfy those conditions filter const temperatures const coldDays temperatures filter dayTemperature gt return dayTemperature lt console log Total cold days in week were coldDays length map Function map is a very simple it loops over an array and convert each item into something else const readings const correctedReadings readings map reading gt reading console log correctedReadings gives some some is very similar to filter but some returns boolean instead const animals name Dog age name Cat age name Sloth age if animals some animal gt return animal age gt console log Found some animals every every is also very similar to some but every true only if every single element in array satisfy our condition const isBelowThreshold currentValue gt currentValue lt const array console log array every isBelowThreshold true shift The shift method removes the first element from an array and returns removed element This method changes the length of the array const items meat carrot ham bread fish items shift console log items carrot ham bread fish unshift Just like shift method removes the first element from an array unshift adds it This method changes the length of the array and returns the new length of the array as result const items milk fish items unshift cookie console log items cookie milk fish slice The slice method returns a shallow copy of a portion of an array into a new array object selected from start to end end not included where start and end represent the index of items in that array The original array will not be modified let message The quick brown fox jumps over the lazy dog let startIndex message indexOf brown let endIndex message indexOf jumps let newMessage message slice startIndex endIndex console log newMessage brown fox splice splice below start at index the third place count starts from of the array and remove one item In our array that would mean that rabbit got removed splice will return new array as result const animals dog cat rabbit shark sloth animals splice console log animals dog cat shark sloth includes includes will check every item in the array and check if any of them includes our condition It will return boolean const array console log array includes expected output trueconst pets cat dog bat console log pets includes cat trueconsole log pets includes at false reverse reverse method reverses an array Be careful since reverse is destructive which means it changes the original array const array one two three four console log array one two three four const reversed array reverse console log reversed four three two one I recently started a new blog TheDailyTechTalk where I create free content If you liked this post and would like to read more posts about JavaScript please check it out If you like what I write and want to support me please follow me on Twitter to learn more about programming and similar topics ️️	2021-09-14 09:15:18
海外TECH	DEV Community	Exploring JavaScript console object and logging!	https://dev.to/thedailytechtalk/exploring-javascript-console-object-and-logging-5079	Exploring JavaScript console object and logging If you like what I write and want to support me please follow me on Twitter to learn more about programming and similar topics ️️ JavaScript ConsoleThe console object provides access to the browser s debugging console e g the Web console in Firefox The specifics of how it works varies from browser to browser but there is a de facto set of features that are typically provided Most developers usually use console log to debug JavaScript code but console provides us with such a powerful set of features it would be shame not to use them or at least know what they do console log For general output of logging information console info Informative logging of information console warn Outputs a warning message console error Outputs an error message to the Web console Using other logging besides console log will provide you with more informative and clearer logs Lets start by exploring console objectAs we can see Console object has plenty of methods Lets explore some of more useful ones console clear The console clear clear the console console dir console log prints the object in its string representation while console dir recognizes the object as an object and prints it s properties in the form of a clean expandable list const dog name Rex age friends cat dog duck console dir dog console table With console table we can create beautiful tables This is probably my favourite console method console time console timeLog and console timeEnd Use console time to start a timer Use console timeLog to print time elapsed since the timer started Use console timeEnd to print the total amount of time since console time started console group and console groupEnd The console group method creates a new inline group in the Web console log This indents following console messages by an additional level until console groupEnd is called console logging with CSSThis works with most console method such as log warn error etc Please note that we have to use c for css to work console log cTheDailyTechTalk color red font family system ui font size rem webkit text stroke px black font weight bold I recently started a new blog TheDailyTechTalk where I create free content If you liked this post and would like to read more posts about javascript please check it out	2021-09-14 09:12:27
医療系	医療介護 CBnews	熱中症の救急搬送者が2週連続で減少-総務省消防庁が6－12日の速報値公表	https://www.cbnews.jp/news/entry/20210914175039	救急搬送	2021-09-14 18:05:00
海外ニュース	Japan Times latest articles	The hospital conundrum: Why Tokyo’s health system is overflowing with COVID-19 patients	https://www.japantimes.co.jp/news/2021/09/14/national/hospital-system-tokyo-coronavirus/	The hospital conundrum Why Tokyo s health system is overflowing with COVID patientsMany hospitals ーboth those that are private as well as some nationally managed institutions ーhave been slow to set aside beds for infected	2021-09-14 18:32:04
海外ニュース	Japan Times latest articles	With term set to expire, Suga looks to reaffirm Japan’s role in ‘Quad’ at summit	https://www.japantimes.co.jp/news/2021/09/14/national/politics-diplomacy/quad-summit-japan-suga/	With term set to expire Suga looks to reaffirm Japan s role in Quad at summitDespite concerns about the outgoing prime minister s ability to contribute to the summit the meeting will nonetheless act as a showcase for the Biden administration s	2021-09-14 18:47:35
海外ニュース	Japan Times latest articles	Facing mounting challenges, Shigeru Ishiba opts against LDP leadership run	https://www.japantimes.co.jp/news/2021/09/14/national/politics-diplomacy/ishiba-ldp-kono-race/	Facing mounting challenges Shigeru Ishiba opts against LDP leadership runThe former defense minister is expected to back Taro Kono instead offering the vaccine czar the chance to amass more votes from the LDP s rank	2021-09-14 18:39:15
ニュース	BBC News - Home	California recall election: Fact-checking Governor Newsom and his challengers	https://www.bbc.co.uk/news/58491575?at_medium=RSS&at_campaign=KARANGA	campaign	2021-09-14 09:47:12
ニュース	BBC News - Home	Covid: Which children are being vaccinated and why?	https://www.bbc.co.uk/news/health-57888429?at_medium=RSS&at_campaign=KARANGA	vaccine	2021-09-14 09:23:28
ニュース	BBC News - Home	Covid passports: How do I get one and when will I need it?	https://www.bbc.co.uk/news/explainers-55718553?at_medium=RSS&at_campaign=KARANGA	scotland	2021-09-14 09:32:17
北海道	北海道新聞	日経平均、バブル崩壊後最高値　３１年ぶり水準、時価総額最大	https://www.hokkaido-np.co.jp/article/589051/	日経平均	2021-09-14 18:06:24
北海道	北海道新聞	奈良の医療従事者が４回接種　「身を守るためだった」	https://www.hokkaido-np.co.jp/article/589116/	医療従事者	2021-09-14 18:05:00
北海道	北海道新聞	１５日の予告先発　日ハムは伊藤	https://www.hokkaido-np.co.jp/article/589115/	予告先発	2021-09-14 18:04:00
ビジネス	東洋経済オンライン	幸せを追いかけ不満だらけの人の問題点【動画】 ｢こうあるべき｣から自由になるための考え方 | リーダーシップ・教養・資格・スキル | 東洋経済オンライン	https://toyokeizai.net/articles/-/455672?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2021-09-14 18:50:00
IT	週刊アスキー	サイボウズのクラウドサービスがISMAPに登録	https://weekly.ascii.jp/elem/000/004/069/4069244/	ismap	2021-09-14 18:30:00
IT	週刊アスキー	シャープ「AQUOS R6」がSIMフリーで登場 ライカカメラでDSDVにも対応の5Gスマホ	https://weekly.ascii.jp/elem/000/004/069/4069247/	aquosr	2021-09-14 18:30:00