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

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	MOONGIFT	Geniemoji - マルチプラットフォームで使える絵文字ピッカー	http://feedproxy.google.com/~r/moongift/~3/SiX4PznSnx4/	Geniemojiマルチプラットフォームで使える絵文字ピッカー絵文字を呼び出す場合、macOSならば絵文字ピッカーが用意されています。	2021-06-13 21:00:00
AWS	lambdaタグが付けられた新着投稿 - Qiita	Amazon Cognitoで認証したGoogleユーザーのアクセストークンを使ってLamdaからGoogle APIを叩く	https://qiita.com/allJokin/items/0f4925a13055f83a4ee8	次に、アクセストークンを取得できるようにカスタム属性を設定します。	2021-06-13 20:37:29
python	Pythonタグが付けられた新着投稿 - Qiita	アノテーション→ならfiftyoneが使えるかも？	https://qiita.com/toroi-ex/items/03241ed097241ae2a316	例えば、自分でフォーマットを変換するコードを書く→fiftyoneでアノテーションが正しいか確認する→もし、アノテーションを他のフォーマットで使いたいとなればすぐ変換することができるといったようにfiftyoneを有効に使うことができます。	2021-06-13 20:56:06
js	JavaScriptタグが付けられた新着投稿 - Qiita	nullやundefinedなどの判定でちょっと迷った話	https://qiita.com/iguchan_4649/items/d2369e94bc76d0d9d763	constanullifanullundefinedまたはnullのときの処理このように書けば一瞬で理解できるnullやundifindなどを理解している、プログラミングに慣れている方々は当然のように思うかも知れないが、自分のような初心者は一瞬でも迷うことがあるので、これを機に間違えないようにしたい。	2021-06-13 20:48:43
js	JavaScriptタグが付けられた新着投稿 - Qiita	Amazon Cognitoで認証したGoogleユーザーのアクセストークンを使ってLamdaからGoogle APIを叩く	https://qiita.com/allJokin/items/0f4925a13055f83a4ee8	次に、アクセストークンを取得できるようにカスタム属性を設定します。	2021-06-13 20:37:29
js	JavaScriptタグが付けられた新着投稿 - Qiita	ガンプラの世界に没入したかった！AR.jsでコックピット視点カメラのプロトタイプを作成	https://qiita.com/shoito66/items/998263182cd86b6a3fc3	プロダクトの本質に関わる部分なので、ここは早急に改善していかなければとりあえず、今回の改善案としてはつほど①コックピットのD感を高める⇒Blender使ってもっとリアルなコックピットを作る②コックピット内で視点を動かせるようにする⇒マウスや画面タッチでDモデルの確度が変わるようにすればできるか③コックピットからの景色をリアルに⇒コックピットの窓部分に半透明のオブジェクトを置く今後も色んな人からフィードバックをもらいながら自分の作りたいものに近づけていけたら良いなと思っています。	2021-06-13 20:27:55
js	JavaScriptタグが付けられた新着投稿 - Qiita	Youtube検索サイト（音声入力）を嫁にフィードバックをもらったらズタボロだった。	https://qiita.com/ShinsukeSutou/items/f8b717f0d63e233e7294	まとめ自分だったらKKD勘と経験と度胸で適当になんとなくで使うところが軒並み指摘されましたwでもこれが一般人の反応なんだろうな、と思います´・ω・｀あとは「Submit」「PublishedDate」くらいいいかとそのままにしてましたが、いっそ英語が何もないレベルで日本語に変えたほうが一般向けには良さそうです。	2021-06-13 20:01:06
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	setIntervalをrequestAnimationFrameに置き換えたい	https://teratail.com/questions/343824?rss=all	現在の動きボタンをクリックしている間マウスダウンしている間、ボックスが下に動きます。	2021-06-13 20:59:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	vue-cliのbuild後のデータから、元ファイルって作れるのでしょうか？	https://teratail.com/questions/343823?rss=all	build	2021-06-13 20:31:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Python　For文でなぜpopメソッドで消された要素が抽出されるのか	https://teratail.com/questions/343822?rss=all	PythonFor文でなぜpopメソッドで消された要素が抽出されるのかpythonのfor文について質問です。	2021-06-13 20:30:03
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	processing で if文の中に void関数を入れたいが出来ないのか？それとも，コードに誤りがあるでしょうか？	https://teratail.com/questions/343821?rss=all	processingでif文の中にvoid関数を入れたいが出来ないのかそれともコードに誤りがあるでしょうかif文の中にvoid関数を入れました。	2021-06-13 20:29:38
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	vmwareのusbデバイスをホストと同時接続する方法はありますか？	https://teratail.com/questions/343820?rss=all	vmware	2021-06-13 20:21:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	サイト参照してvscodeにコードを入れましたが < が赤くなる	https://teratail.com/questions/343819?rss=all	サイト参照してvscodeにコードを入れましたがltが赤くなるこちらのサイト参照してコードをvscodeの作ったフォルダ内のindexhtmlというファイルにコピペしましたがphpのタグのltが赤くなってうまく反映されません。	2021-06-13 20:21:32
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	java 戻り値を設定せずに引数のリストを直接操作する	https://teratail.com/questions/343818?rss=all	java戻り値を設定せずに引数のリストを直接操作する前提・実現したいことリストの重複している値のみ書き出すプログラムを作っています。	2021-06-13 20:03:48
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【Vue】datetime型で管理しているデータを日にち、時間別々に表示したい	https://teratail.com/questions/343817?rss=all	【Vue】datetime型で管理しているデータを日にち、時間別々に表示したい簡易的な飲食店予約システムを作成しております。	2021-06-13 20:00:55
AWS	AWSタグが付けられた新着投稿 - Qiita	【AWS】S3を用いた画像のアップロード	https://qiita.com/oak1331/items/74da3cf101e2e2107f32	まずは、環境変数を設定するファイルを編集するために、vimコマンドを使用します。	2021-06-13 20:54:39
AWS	AWSタグが付けられた新着投稿 - Qiita	Amazon Cognitoで認証したGoogleユーザーのアクセストークンを使ってLamdaからGoogle APIを叩く	https://qiita.com/allJokin/items/0f4925a13055f83a4ee8	次に、アクセストークンを取得できるようにカスタム属性を設定します。	2021-06-13 20:37:29
Ruby	Railsタグが付けられた新着投稿 - Qiita	【AWS】S3を用いた画像のアップロード	https://qiita.com/oak1331/items/74da3cf101e2e2107f32	まずは、環境変数を設定するファイルを編集するために、vimコマンドを使用します。	2021-06-13 20:54:39
海外TECH	DEV Community	roadmap for front-end development	https://dev.to/8bitsouvik/roadmap-for-front-end-development-4077	roadmap for front end developmentThere are some great roadmaps for web developers out there But some make you solve a puzzle before even getting started as there are multiple choices that you have to make When I started to learn Web Development I wished that I could find an experienced developer who would tell me what they had done to become a Web Developer Unfortunately I couldn t find anyone I will also be talking about some example projects that you can build to practice your skills Tools You Need to Know to Become a Web DeveloperI ll assume that you are a beginner In that case there are a few tools that you need to know before getting into programming VS Code or other code editor First you should learn how to use Visual Studio Code which is a source code editor It is a free and powerful tool In the beginning I recommend learning some of the basic shortcuts and installing some of the extensions like ESlint Prettier or Live Server Here s a free full length course on the freeCodeCamp YouTube channel to get you started The Command LineNext you need to know about the Command Line You should learn what it is and some of the basic commands like how to move around directories how to create a new directory or how to create a new file Version Control Git and GitHubNo matter what you do as a developer you need to know about Git Git is a Version Control system used for tracking changes It is usually used with GitHub which is a code hosting platform In the beginning learning Git might be overwhelming therefore you just need to know some of the basics like how to create a new Repository how to clone a project how to make a new commit and how to pull and push the new changes One of the best ways to practice Git is by working in a team There you need to know how to create a new branch how to make pull requests and how to resolve conflicts Here s a great Git and GitHub crash course on the freeCodeCamp YouTube channel to get you going with version control Design tools FigmaThe last tool is Figma Figma is a design tool and is free to use for individuals But here I want to talk about how to use Figma as a developer Alright so these are the tools that you need to know of when getting started You don t need to know everything but be sure that you understand the basics so that you can improve while learning to code HTML and CSSNext let s continue with programming languages And let s start off by talking about Responsive Websites Responsive websites are sites that look good and are usable on all devices or screen sizes You probably know how important it is to build a responsive website as people use so many different devices these days So let s jump to the first two languages that you need to know to build a website HTML and CSS HTML stands for Hypertext Markup Language It it is used to build the skeleton for your website HTML is not difficult to learn but you might want to pay more attention to HTML forms as they will be fundamental in the future CSS stands for Cascading Style Sheets This is a markup language but I also consider it to be a programming language CSS is not necessarily difficult to learn but it s difficult to master There are few topics that you want to pay more attention to like •Box model how margins padding and borders work together •CSS units used for expressing lengths e g rem vh and vw •Position specifies the type of positioning method It also confuses many people so make sure you spend some time on it •Variables or Custom properties are entities that can be reused throughout a document This is my favorite feature in CSS They make working with CSS so enjoyable and you can create themes with just a few lines of code •Media query decides what to show on different screen sizes They are a key component of responsive design •Animation lets an element change from one style to another If you know how to use animation correctly it makes your site stand out Otherwise it will make your website look unprofessional so be careful •Flexbox CSS Grid used for building Responsive layouts I forgot to mention this in the video When you know the basics of HTML and CSS the next step is to build some basic websites For example you can try a Homepage a Form like a login page or a checkout page You can even build a Portfolio You can find example projects on DevChallenges io Website deploymentOnce you have your website you need to put it on the internet so people can see it Deployment is the process of deploying your code to a hosting platform Back in the day it was a lot more difficult to do But now it s super easy and you can use tools like GitHub Pages Netlify or Vercel Here s a full YouTube course on how to get your site online that covers the entire process from start to finish JavaScript FundamentalsAlright the next topic is JavaScript JavaScript is a popular programming language and is widely used for Web Development among other things You will need to learn some of the basic features of the language like Data Types Loops and Conditionals Then there are topics that you will want to dive deeper into First we have debugging This is the process of finding and fixing errors Here s a great in depth guide to bug squashing to get you started Then there are other topics like Objects Primitives and Arrays Especially when working with Arrays you need to know about Array methods as well Functions are the main building blocks in your program So make sure that you don t overlook them One of my favorite features in JavaScript is de structuring it is easy to write and makes the language super powerful And no matter how good you are with programming you will have errors in your scripts This means you ll want to know about Error handling as well Asynchronous programming is important especially when you need to communicate with the server So spend some time learning about Promises and Async Await JavaScript BrowserLet s move on to how JavaScript is used in the browser First you need to know what a Document Object Model or DOM is Then you need to know how to get elements how to change the classes or how to change the style with JavaScript After that you have to introduced with JS DOM Document Object Model You also need to learn about different User Interface Events like click mouse over mouse down and so on And you ll also want to pay more attention to Forms in JavaScript as they have many events and properties JavaScript Other featuresThe Fetch API is an important topic It lets you send network requests to servers This is useful for example when we need to submit a form or get a user s information Another important topic is Storing Data in the browser Here you need to know what the differences are between Cookies LocalStorage and sessionStorage Other less important topics when you are just getting started are Regular expressions Web Components and Websockets Regular expressions are used to search and replace text Web Components are a new thing but you should totally check them out Lastly we have Websockets They are useful when you need to have continuous data exchanges like in chat applications So after learning Javascript you might want to spend some time to learn about TypeScript I love TypeScript as it gives me a safe feeling while writing code TypeScript provides static typing that allows you to catch errors earlier in the debugging process It also saves your time as it finds bugs before the code runs Here s a helpful post on TypeScript types to help you think about them the right way You can stop here and start working on some projects But personally I would continue by learning at least one framework Then you can practice JavaScript at the same time	2021-06-13 11:11:36
海外TECH	DEV Community	How to publish packages to npm	https://dev.to/clementgaudiniere/how-to-publish-packages-to-npm-dg	How to publish packages to npmHello everyone have you ever created a project that should be accessible to all and quickly Fortunately thanks to the npm package system you can download any package in one command line Today in this tutorial I m going to show you how to publish your package to npm so that it s available to everyone PrerequisitesThe first thing you will need is to have Node js installed on your machine To do this go to the official Node js website and download the latest version The second thing you will need is an npm account If you don t have one you can create one for free on this page This step is essential as you can only publish packages if you are logged in Once you have created your account and validated your email address required memorize your username and password Once this is done you are ready to go Publish to npmOften when we publish a package on npm it is on a GitHub repository In our example we will imagine that the GitHub package is called example package and is available at this address Go to your project folder and open a command prompt In this one enter npm login npm loginYou then enter your npm username that s why you had to remember it and your password Don t worry if you don t see the number of characters in the password it s perfectly normal linuxians know Now you will have to create a file named package json to do this you can use the following command npm init It allows you to fill in all the necessary fields from the command prompt Be careful though the package name must be unique so you may not be able to choose a package name that is already taken Then enter the version or click on enter then the description etc For the git repository you enter the url of your repository in my case it is npm initOnce this step is complete you can check your package json file to see if everything is in order Now it s the big moment you are ready to publish your package on the npm network with the magic command npm publish npm publishNow you can test if your package is on the npm network by going into an empty folder and running the command npm install name in my case this gives npm install example package If any files appear in your folder it has worked Packages are often found in a folder called node modules I hope this tutorial has helped you publish your own package on the NPM network If you have any questions don t hesitate to ask them in the comments See you next time for another tutorial	2021-06-13 11:04:13
海外TECH	DEV Community	Do you need variable fonts?	https://dev.to/jmau111/do-you-need-variable-fonts-5dh4	Do you need variable fonts The history of fonts begins long before digital technology centuries ago At that time people use several frames of metal letters to print long pages of text With digital fonts you have a large choice of free and paid resources to style your pages The challenge is to choose the right fonts for the right design though In any case without this wide variety of typefaces and fonts the web would be the most boring place in the world DisclaimerMost people use terms such as fonts and typefaces interchangeably and I ll do the same in this post even if it s not the same thing It makes sense though especially with variable typefaces Digital fonts in shortAnyone can use digital fonts There are multiple ways to customize fonts for example pre installed fonts via the operating system self hosted fonts via the font faceGoogle font embedsN B note that Google allows you now to download its fonts if you want to self host them and if you care about performances you should consider this option The font face CSS at ruleThe modern way to declare self hosted fonts is the following font face font family MyFancyFont src url path to fancyfont woff format woff url path to fancyfont woff format woff If you need support for ancient browsers you can extend it with TrueType ttf and Embedded OpenType eot formats The browser takes the first rule it understands That s why we write the WOFF version first WOFF is a format with a specific compression algorithm Once you ve done that you can use MyFancyFont in your CSS for example with the font family and the font weight properties to style HTML elements h h h h h h font family MyFancyFont serif font weight Note that your source files MUST be compatible with all variations fonts you use in your CSS Otherwise you might get entire unstyled areas in your web pages What are variable fontsOpenType Variable fonts are now supported in most browsers While a classic font provides a specific variation only a variable font can give all possible styles and weights in a single file This approach is pretty convenient for styling as there s only one file to load and everything works styles weights sizes N B after some researches for this post I learned there could be two files actually but it s not more than thatI sometimes read it s excellent for performances It does have an impact as loading one single file even if it s larger than a classic font file is still smaller than loading nine or ten classic font files However if you use HTTP you care less about the number of HTTP requests as all static files get loaded in parallel and the expected performance gain might not happen Anyway it s beneficial if you use many variations many fonts but convenience and flexibility are stronger arguments in favor of variable fonts IMHO Variable fonts contain all possible permutations so you get everything you need to style all HTML elements Here is a CSS example supports font variation settings normal font face font family MyVariableFont src url path to myvariablefont woff format woff url path to myvariablefont woff format woff font weight body font family MyVariableFont sans serif h h h h h h font weight i em italic font weight font variation settings ital font variation settings is not the only property you can use You can visit MDN variable fonts to get details The concept of axes Axes are ranges for specific aspects of the typeface For example weight width and optical size are called registered axes With the weight axis you control the lightness or the heaviness The width defines whether letters are condensed or extended The optical size allows for varying the overall stroke thickness of letterforms based on physical size There are slant and italic axes too They allow for tuning the angle of the letterforms The font developer can also define custom axes with a four letter identifier This way you can call this custom variation in your CSS myelement BIRD had no particular meaning here it s just four letters font variation settings wght BIRD The idea is to customize the typeface accurately to get the best result in terms of readability legibility and aesthetics without the hassle of loading one file per each variation Source MDN variable fonts When to useLet s answer the central question Do you need it In short if you don t have a complex design to code that needs many variations of the same typefaces it makes less sense to use variable fonts Besides the performance gain in terms of loading is not guaranteed It doesn t do evil and it s quite an exciting feature but be aware it only makes a difference when there are many variations involved However it could have a significant impact on accessibility It s not something I read everywhere but I think that s a critical point Variable fonts allow for improving readability and legibility In addition it s easier to adjust the font size weight and many properties according to the screen size and the user s preferences This way it s easier to adjust information density too ConclusionAs it s not uncommon to have complex designs nowadays and use more than ten different weight and width combinations in a typographic system variable fonts can save considerable time Moreover it provides way more flexibility than classic fonts It s beneficial for branding and it can also improve accessibility for the web Photo by Charisse Kenion on Unsplash	2021-06-13 11:03:16
Apple	AppleInsider - Frontpage News	Japan to probe Apple and Google in antitrust discussions	https://appleinsider.com/articles/21/06/13/japan-to-probe-apple-and-google-in-antitrust-discussions?utm_medium=rss	Japan to probe Apple and Google in antitrust discussionsApple is set to face more scrutiny of its business practices with the Japanese government said to be preparing another antitrust probe into both Apple and Google Apple has been the subject of multiple antitrust probes alongside other tech giants including Google It seems that Japan will be adding its own investigation to the pile in the near future one that will affect both the iPhone maker and the search giant A government panel will apparently launch this month to look into tightening antitrust regulations according to sources of Nikkei in a report seen by the Mercury News The panel will apparently discuss the dealings of Apple and Google with Japanese smartphone producers including whether they handle domestic companies fairly compared to overseas vendors Read more	2021-06-13 11:57:03
海外科学	BBC News - Science & Environment	G7 to agree tough measures on burning coal to tackle climate change	https://www.bbc.co.uk/news/uk-politics-57456641	entire	2021-06-13 11:18:18
ニュース	BBC News - Home	G7 summit: Dominic Raab says EU's attitude to Northern Ireland 'offensive'	https://www.bbc.co.uk/news/uk-politics-57460077	country	2021-06-13 11:32:56
ニュース	BBC News - Home	G7 to agree tough measures on burning coal to tackle climate change	https://www.bbc.co.uk/news/uk-politics-57456641	entire	2021-06-13 11:18:18
ニュース	BBC News - Home	Euro 2020: Excitement builds as England face Croatia in opening game	https://www.bbc.co.uk/news/uk-57460595	trafalgar	2021-06-13 11:51:27
ニュース	BBC News - Home	Israel's Netanyahu poised to lose power to new government	https://www.bbc.co.uk/news/world-middle-east-57396990	leader	2021-06-13 11:39:45
ニュース	BBC News - Home	New Zealand beat England to take Test series	https://www.bbc.co.uk/sport/cricket/57460194	zealand	2021-06-13 11:25:19
ニュース	BBC News - Home	In Pictures: World leaders bask in Cornwall sun at G7 summit	https://www.bbc.co.uk/news/uk-57438878	occasional	2021-06-13 11:41:56
ニュース	BBC News - Home	'Absolutely ridiculous' - Peter Schmeichel criticises decision to restart Denmark v Finland game	https://www.bbc.co.uk/sport/football/57458978	x Absolutely ridiculous x Peter Schmeichel criticises decision to restart Denmark v Finland gamePeter Schmeichel criticises Uefa s decision to restart the game between Denmark and Finland after Christian Eriksen s collapse	2021-06-13 11:07:51
ニュース	BBC News - Home	From Gazza to Euro 2020 - England's highs and lows	https://www.bbc.co.uk/sport/av/football/57460842	From Gazza to Euro England x s highs and lowsBBC Sport takes a look back through time at England in major tournaments From Gascoigne s goal against Scotland in Euro all the way through to the present day	2021-06-13 11:19:34
ニュース	BBC News - Home	England v New Zealand: Tourists round off eight-wicket victory to seal series win	https://www.bbc.co.uk/sport/av/cricket/57460334	England v New Zealand Tourists round off eight wicket victory to seal series winWatch highlights as New Zealand quickly wrap up an eight wicket victory over England before lunch on the fourth day at Edgbaston to seal a series win	2021-06-13 11:40:00
LifeHuck	ライフハッカー［日本版］	ウォーキングの効果って実際どれくらい？｜今週の人気記事TOP5	https://www.lifehacker.jp/2021/06/236580ranking-top5-06060610.html	記事	2021-06-13 21:00:00
北海道	北海道新聞	東芝、取締役選任案を変更　社外取締役の２人退任へ	https://www.hokkaido-np.co.jp/article/555073/	定時株主総会	2021-06-13 20:18:00
北海道	北海道新聞	日豪首相、中国の経済威圧に反対　豪産大麦など輸入制限念頭	https://www.hokkaido-np.co.jp/article/555072/	同日午後	2021-06-13 20:18:00
北海道	北海道新聞	コンサ準々決勝進出　横浜Ｍに３―１　ルヴァン杯プレーオフ第２戦	https://www.hokkaido-np.co.jp/article/555062/	北海道コンサドーレ札幌	2021-06-13 20:20:04
北海道	北海道新聞	川崎市が６３９６回分を廃棄　新型コロナワクチン	https://www.hokkaido-np.co.jp/article/555069/	新型コロナウイルス	2021-06-13 20:08:00