投稿時間:2021-04-21 15:44:25 RSSフィード2021-04-21 15:00 分まとめ(50件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] iPhone 13 miniのプロトタイプ画像流出？	https://www.itmedia.co.jp/news/articles/2104/21/news107.html	iphone	2021-04-21 14:44:00
IT	ITmedia 総合記事一覧	[ITmedia Mobile] 「格安スマホ」という言葉もなかった黎明期、MVNOはどんな発展を遂げたのか	https://www.itmedia.co.jp/mobile/articles/2104/21/news103.html	ITmediaMobile「格安スマホ」という言葉もなかった黎明期、MVNOはどんな発展を遂げたのか年に誕生したMVNOは、日本通信が最初にサービスを提供した。	2021-04-21 14:01:00
TECH	Techable（テッカブル）	Google検索でサンリオキャラクターを検索すると、3DキャラクターがARで出現する	https://techable.jp/archives/153285	株式会社サンリオ	2021-04-21 05:00:19
AWS	AWS Japan Blog	AWS Backupを使用したAmazon FSxのクロスリージョン及びクロスアカウントバックアップ	https://aws.amazon.com/jp/blogs/news/aws-backup-amazon-fsx-crab/	このブログでは、クロスアカウントバックアップCRABのコピーを自動的に実行するAWSバックアッププランの作成を実施します。	2021-04-21 05:04:54
python	Pythonタグが付けられた新着投稿 - Qiita	Python入門：文字列データの扱い方	https://qiita.com/Woodin093/items/30c68d5bdb419768dcf0	samplegtgtgtnumbersgtgtgtnumbersgtgtgtnumbersgtgtgt文字列の長さの取得Pythonでは文字列データの長さを取得するための関数としてlenが用意されています。	2021-04-21 14:39:08
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonでの * (アスタリスク) の使い方	https://qiita.com/shigechiyo/items/6d1c66648895a0aace8f	gtgtgtsamplefunctiongtgtgtsamplefunctionちなみにですが、引数のargは関数の中ではタプルとして扱われますので注意してください。	2021-04-21 14:29:57
js	JavaScriptタグが付けられた新着投稿 - Qiita	Javascript 40点未満　何人？	https://qiita.com/Hoshi10Lighthouse/items/346f4950c5f76ae41313	Javascript点未満何人ltscriptgtvardatavarcountlowerforvariiltdatalengthidocumentwriteltpgtdatailtpgtifdatailtcountlowerdocumentwriteltpgt点未満の人はcountlower人ですltpgtltscriptgt最初私はsumを使っていました。	2021-04-21 14:05:05
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	パワーポイントのVBAで選択範囲のオブジェクトの中でleftの座標が同一のものをグループ化したい	https://teratail.com/questions/334411?rss=all	パワーポイントのVBAで選択範囲のオブジェクトの中でleftの座標が同一のものをグループ化したい質問宜しくお願い致します。	2021-04-21 14:58:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	指定の列の空白でないセルを別シートにコピーしたい	https://teratail.com/questions/334410?rss=all		2021-04-21 14:52:05
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Pythonを用いた機械学習の練習	https://teratail.com/questions/334409?rss=all	Pythonを用いた機械学習の練習前提・実現したいことPythonを用いて機械学習を行うコードを写経していました。	2021-04-21 14:50:29
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	HTML preview	https://teratail.com/questions/334408?rss=all	previewhtmlnbsppreview	2021-04-21 14:37:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	レスポンシブ対応：16インチPCで正しく表示されるサイトが13インチMacで極小表示されます	https://teratail.com/questions/334407?rss=all	hタグにフォントサイズpxを指定しているにもかかわらず読めないほどの小さな表示になります。	2021-04-21 14:34:02
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	React ボタンを押したらスクロール位置を移動したい	https://teratail.com/questions/334406?rss=all	Reactボタンを押したらスクロール位置を移動したいreactとTypescriptを使っています。	2021-04-21 14:31:14
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	思ったように実行出来ない（１）	https://teratail.com/questions/334405?rss=all	思ったように実行出来ないつの整数の最大公約数を表示するソースコードを記述してみましたが、コンパイルはできてもaの値を入力したところで実行が強制終了してしまいます。	2021-04-21 14:29:06
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	laravel API においてpublic/index.phpのソースがレスポンスで返却される	https://teratail.com/questions/334404?rss=all		2021-04-21 14:27:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	スマホ表示にすると変な余白が生まれて左寄せになってしまう。	https://teratail.com/questions/334403?rss=all	スマホ表示にすると変な余白が生まれて左寄せになってしまう。	2021-04-21 14:26:52
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【rails】画像投稿機能で、#{post.id}.jpegファイルが作られません	https://teratail.com/questions/334402?rss=all	投稿すると、publicpostimagesの中にpostidjpegという画像ファイルが作られるはずでした。	2021-04-21 14:26:46
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	角丸ボタンを中央配置したい	https://teratail.com/questions/334401?rss=all	角丸ボタンを中央配置したい前提・実現したいこと角丸ボタンを中央配置したい。	2021-04-21 14:22:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	このプログラムでエラーが出るケース、不十分なところを教えてください	https://teratail.com/questions/334400?rss=all		2021-04-21 14:21:11
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Vue.jsにてセレクトボックスで初期表示文字のみ色を変えたいです。	https://teratail.com/questions/334399?rss=all	理想としてはplaceholderのように、初期表示文字のみをグレー色で表示させて選択されたら通常の白色で表示されるようにしたいです。	2021-04-21 14:13:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Unity3D FPS 弾を画面中心から前方に発射するには	https://teratail.com/questions/334398?rss=all	UnityDFPS弾を画面中心から前方に発射するには前提・実現したいことFPSの一人称視点で画面中央からまっすぐに弾を飛ばしたい。	2021-04-21 14:12:48
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Pythonでopenpyxlを使って表中にハイパーリンクを自動生成したい	https://teratail.com/questions/334397?rss=all	Pythonでopenpyxlを使って表中にハイパーリンクを自動生成したい前提・実現したいことPythonでエクセルファイルを作成し、その中にディレクトリへのハイパーリンクを張りたいです。	2021-04-21 14:10:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	変数の型について教えてください	https://teratail.com/questions/334396?rss=all	入門書を読み終えたので、プログラムの理解を深めるために、基本情報のJavaの過去問を見ながら自分でエディターに書き写していたのですが、まだ私には難しく感じました。	2021-04-21 14:09:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Unity:Attribute Headerを使用してもインスペクターにコメントが表示されない	https://teratail.com/questions/334395?rss=all	UnityAttributeHeaderを使用してもインスペクターにコメントが表示されない発生している問題・エラーメッセージUnityでインスペクターにコメントを表示させようとしたのですが何も表示されません。	2021-04-21 14:03:09
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rails includesした子テーブルの要素をpluckする	https://qiita.com/michihito_t/items/5f492b47bd2a4cb2f574	Railsincludesした子テーブルの要素をpluckする検索しても、有るようで無かったのでメモがてらに記載しておくClientwhereididsplucknameみたいな書き方が一般的だが、シンボルを使うとincludes等を使った際に、どう記述してよいのか悩む時が有る。	2021-04-21 14:57:28
Ruby	Rubyタグが付けられた新着投稿 - Qiita	faraday検証Post-6	https://qiita.com/takenobuishioka/items/c7b2761724361ae43150	faraday	2021-04-21 14:31:28
Ruby	Rubyタグが付けられた新着投稿 - Qiita	faraday検証Post-5	https://qiita.com/takenobuishioka/items/a3425e2f0a9ce2d7d113	faraday	2021-04-21 14:29:52
Ruby	Rubyタグが付けられた新着投稿 - Qiita	faraday検証Post-4	https://qiita.com/takenobuishioka/items/5eed6fb9025b669cfb1c	faraday	2021-04-21 14:20:14
Ruby	Rubyタグが付けられた新着投稿 - Qiita	faraday検証Post-3	https://qiita.com/takenobuishioka/items/98a8207efff3481dda90	posttest	2021-04-21 14:19:43
AWS	AWSタグが付けられた新着投稿 - Qiita	【AWS】IAMユーザ作成手順	https://qiita.com/shihandai/items/899c2ab8119783492349	本来であれば必要最小限の権限を付与するのがベストですが、今回はAdministratorAccessを保有した管理者ユーザの作成手順を紹介します。	2021-04-21 14:32:40
html	dotHTML5	HTML5/CSS3のニュースやTIPSなどのまとめ (2021年4月21日)	http://feedproxy.google.com/~r/dotHTML5/~3/_EzHF4s8swY/20210421_clips.html		2021-04-21 15:00:00
Ruby	Railsタグが付けられた新着投稿 - Qiita	Rails includesした子テーブルの要素をpluckする	https://qiita.com/michihito_t/items/5f492b47bd2a4cb2f574	Railsincludesした子テーブルの要素をpluckする検索しても、有るようで無かったのでメモがてらに記載しておくClientwhereididsplucknameみたいな書き方が一般的だが、シンボルを使うとincludes等を使った際に、どう記述してよいのか悩む時が有る。	2021-04-21 14:57:28
海外TECH	DEV Community	How to Deploy React Router Based Application to Netlify	https://dev.to/myogeshchavan97/how-to-deploy-react-router-based-application-to-netlify-2kce	How to Deploy React Router Based Application to NetlifyDeploying a Routing based React app to production is not similar to deploying a normal React application In this article we ll see the most popular ways of deploying React app to Netlify and learn the configuration changes needed for deploying a Routing based React app The thing I loved about Netlify is that it provides a lot of useful featuresfor free such as A way to deploy a static website within secondsProvides continuous deployment which means when you connect your Github Gitlab Bitbucket repository it automatically triggers deployment when new commits are pushed to the repositoryWebsite never goes down even during new deploymentsAllows to easily rollback to any previous working version of your site with a single clickQuickly preview any of the previously deployed version of the appChange domain or subdomain of your site instantlyand much more So let s see how to deploy React app to Netlify Want to learn Redux from the absolute beginning and build a food ordering app from scratch Check out the Mastering Redux course Drag and Drop the Build Folder in NetlifyThe fastest and easy way to deploy React application is just to drag and drop the build folder in Netlify To create a build folder just execute the npm run build or yarn build command from the command line from your project folder Once the build folder is created you just need to drop the folder to the drop area under the sites menu as shown below How to Deploy an App to Netlify from a GitHub RepositoryThis is my favorite way of deploying applications on Netlify Because whenever you push any changes to the GitHub repository it will automatically be deployed to Netlify You can also see all deployed versions and easily roll back to any previously working version of code with just a single click If you already have a repository pushed to Github then you just need to connect it Login to your Netlify accountIn the dashboard click on the New site from Git buttonClick on the GitHub button to connect your GitHub repositoryIt will open a new tab Make sure the popup is enabled in your browser Search for the GitHub repository in the Search repos search box If your repository is not getting displayed then click on the Configure the Netlify app on GitHub button at the bottom of the page Once clicked scroll down on the page and click on the Select repositories dropdown and search for your repository and click on the save button You will be redirected to the previous page showing all the available repositories Search for the repository you want to deploy For this article I have selected react book management app repository which was created in my previous article Once you select the repository you will see the following screen For this application we don t need to change anythingYour Build command and Publish directory will be automatically populated Make sure to enter these fields if you have different command in package json to build your app or those fields are not auto populated Now click on the Deploy site button Once clicked you will see the Site deploy in progress message Wait for some time while deployment is going on Once deployment is completed you will see the following screen Open the link in the new tab and you will see your application deployed live Awesome Now If you make any change in the source code and push that change to GitHub Netlify will detect that change and will re deploy your application with your latest changes If you check the application you will see that the application works just fine with the navigation and you re able to add edit delete a book But there is one issue If you directly access the add route or refresh the add route page you will get a page not found error as shown below This is because when we access any route on our local machine React Router handles the routing but when we deploy the application on any server directly accessing the route will send the request to the server itself Netlify in our case But as there is no add route handler on the server side you will see a page not found error But Netlify provides a way to fix this Create a new file with the name redirects inside the public folder of our project and add the following contents inside it index html Here we re telling Netlify to redirect all routes to the index html file The index html file contains our entire React app code which gets generated inside the build folder when the yarn build command is executed by Netlify while deploying the app And as routing is handled by our React app which is contained in the index html file our application will work without a page not found issue Now push the changes to the GitHub repository so Netlify will deploy the app again with these changes And once deployed If you check the deployed application you will see that the application works fine and we don t get any page not found error now That s it We re all done with deploying our application to Netlify How to Easily Change a Site Name in NetlifyIf you check the name of the deployed site you will see that it s not easy to remember If you have a lot of applications deployed But Netlify provides a way to easily change that Click on the Site settings button displayed on the Site overview section Then click on the Change site name button and enter a new name and click on the Save button and now you can access your application with the changed name I usually like to give the same name as the repository name so It s easy to find out a particular application If you have a lot of deployed applications on Netlify If you want to know how to deploy React Node js application to production check out my this article Thanks for reading You can find the complete GitHub source code along with this redirection change in this repository You can see the live demo of the deployed application here Want to learn all ES features in detail including let and const promises various promise methods array and object destructuring arrow functions async await import and export and a whole lot more from scratch Check out my Mastering Modern JavaScript book This book covers all the pre requisites for learning React and helps you to become better at JavaScript and React Check out free preview contents of the book here Also you can check out my free Introduction to React Router course to learn React Router from scratch Want to stay up to date with regular content regarding JavaScript React Node js Follow me on LinkedIn	2021-04-21 05:57:27
海外TECH	DEV Community	Accepting payments with Stripe, Nuxt. js and vercel	https://dev.to/fayaz/accepting-payments-with-stripe-nuxt-js-and-vercel-1m14	Accepting payments with Stripe Nuxt js and vercelIt s been a long time since my last post and I wanted to write a small article on how to accept payments with Stripe as I was integrating Stripe into my SaaS project which I am currently building Accepting payments is not that difficult and you don t even need a server I will be building this app with Nuxt js Tailwindcss and host it on vercel TLDR the code and the live demo can be found at the bottom of this postThe site I have made is not complete and not responsive but if someone wants to raise a PR and get it working please go ahead Scaffold a new Nuxt project with yarn create nuxt app stripe nuxt and you can select a CSS framework of your choice I chose Tailwindcss choose axios and I have also used nuxt content for this for storing the products database Clear the index vue page and remove styles from default vue files Add this markup and the script in index vue this will show a grid of products on the home page lt template gt lt main class min h screen gt lt section class p max w xl mx auto gt lt div class grid grid cols lg grid cols xl grid cols gap gt lt nuxt link to product slug class overflow hidden text center v for product p in products key p gt lt img src product images alt product name class mb gt lt p class font semibold text gray mb gt product name lt p gt lt p class text sm gt product amount lt p gt lt nuxt link gt lt div gt lt section gt lt main gt lt template gt lt script gt export default transition fade async asyncData content const products await content products fetch return products lt script gt The above code will be rendered and look something like this Make a new file and name it slug vue in the same directory as index vue this will act as our product page and fill it with the below code lt template gt lt main gt lt div class flex gt lt div class w h screen flex items center justify center gt lt img src product images alt product name gt lt div gt lt div class w h screen text white flex items center justify center p relative style backgroundColor product color hex gt lt nuxt link to class flex items center space x absolute top left gt lt svg class w h fill none stroke currentColor viewBox xmlns gt lt path stroke linecap round stroke linejoin round stroke width d M l m l m h gt lt path gt lt svg gt lt p gt Home lt p gt lt nuxt link gt lt div class space y gt lt p class text xl font bold gt product name lt p gt lt p gt product amount lt p gt lt p class text gray text sm gt product description lt p gt lt button click buy class w full py bg white text gray font semibold flex items center justify center space x class opacity cursor not allowed loading gt lt btn loader v if loading gt lt p gt Buy Now lt p gt lt button gt lt div gt lt div gt lt div gt lt main gt lt template gt lt script gt export default transition fade async asyncData content params const product await content products params slug fetch return product data return stripe null loading false methods async buy try this loading true const data await this axios post api checkout order name this product name description this product description images this product images amount this product amount currency this product currency quantity slug this route params slug this stripe redirectToCheckout sessionId data id catch err alert err this loading false mounted this stripe Stripe pk test ZaFKDdkCzVRhCmDsUKWodmfZIzrcmf lt script gt This will make a page looking like this not very fancy but looks good not responsive We need to add the stripe checkout script in the nuxt config js file add this in the head object script src Let s focus on the script and see what s going on Create an empty stripe object this is where we will initialize the stripe object Now pass the stripe public key to the Stripe method the one we added in our head tag you can get your public key from stripe dashboardLet s make a checkout API and use Vercels serverless functions Any js file we add under a folder called api will act as a serverless function in Vercel pretty cool right So I made one called checkout js and wrote a small script const stripe require stripe process env STRIPE TEST SK const hostUrl http localhost export default async req res gt const session await stripe checkout sessions create payment method types card line items req body order success url hostUrl req body slug session id CHECKOUT SESSION ID cancel url hostUrl req body slug failed true return res status json session You need to install the stripe package and import it and this is all you need to create a checkout session the secret key can be found in the stripe dashboard The success URL and the cancel URL as the name suggest tell stripe where to redirect respectively Now that we have received a session id just pass it the stripe redirect methodthis stripe redirectToCheckout sessionId data id Here s the code and here s the live demo If you like my work and want to get updates please subscribe to my newsletter or if you d like to buy me some coffee you can donate here we could have a online session over coffee	2021-04-21 05:52:35
海外TECH	DEV Community	7 Websites To Find Remote Developer Jobs	https://dev.to/codeloungedev/7-websites-to-find-remote-developer-jobs-3g76	Websites To Find Remote Developer JobsFind a developer job that allows you to work from anywhereOriginally posted on the codelounge dev blog gt Websites To Find Remote Developer Jobs The way people work has changed dramatically in the last few years The working world shifted to remote work with more and more people working remotely nowadays That s the case with developers However sometimes it can be difficult to find remote developer jobs As a result below you can see websites to find remote developer jobs We Work RemotelyStackoverflow Remote Developer JobsRemote JobsRemote OKRemote Developer JobsRemote LeadsRemotiveRemote LeafCompanies with open remote positionsHopefully the list helps you find a remote developer position If you find it useful share it with others	2021-04-21 05:45:44
Apple	AppleInsider - Frontpage News	Android users can read an AirTag's 'Lost Mode' message via NFC	https://appleinsider.com/articles/21/04/21/android-users-can-read-an-airtags-lost-mode-message-via-nfc?utm_medium=rss	Android users can read an AirTag x s x Lost Mode x message via NFCWhen AirTag is placed in Lost Mode all NFC capable devices ーincluding those running Android ーcan read the locator s preprogrammed discovery message a small but potentially important feature that could assist in the return of lost items The NFC functionality was somewhat glossed over during Tuesday s Spring Loaded event but a new support document offers additional detail on the feature According to Apple picking up and tapping the white portion of a lost AirTag to an NFC capable device redirects to a webpage that can display an owner s phone number Additional information like the AirTag s serial number is also offered Read more	2021-04-21 05:00:54
医療系	医療介護 CBnews	ネット販売の健康食品、4製品から医薬品成分-健康被害の恐れ	https://www.cbnews.jp/news/entry/20210421141907	健康被害	2021-04-21 14:40:00
医療系	医療介護 CBnews	東京のコロナ変異株、20歳代が3割近く-陽性例の累計は661例に	https://www.cbnews.jp/news/entry/20210421140456	新型コロナウイルス	2021-04-21 14:35:00
ニュース	BBC News - Home	Ex-officer Derek Chauvin guilty of Floyd murder	https://www.bbc.co.uk/news/world-us-canada-56818766	chauvin	2021-04-21 05:29:10
ニュース	BBC News - Home	George Floyd death: Five key moments from the Derek Chauvin trial	https://www.bbc.co.uk/news/world-us-canada-56802198	elements	2021-04-21 05:35:42
ニュース	BBC News - Home	Fight Talk: Anthony Joshua, Tyson Fury, Jake Paul, Andy Ruiz Jr, Dave Allen	https://www.bbc.co.uk/sport/boxing/56806740	allendoes	2021-04-21 05:12:51
ビジネス	ダイヤモンド・オンライン - 新着記事	ネトフリ会員数伸び悩み、勝負は年後半に - WSJ発	https://diamond.jp/articles/-/269239	後半	2021-04-21 14:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【社説】元警官に対する有罪評決が意味するもの - WSJ発	https://diamond.jp/articles/-/269240	警官	2021-04-21 14:17:00
北海道	北海道新聞	ラグビー、部員陽性の慶大戦中止　関東大学春季大会	https://www.hokkaido-np.co.jp/article/535651/	関東大学春季大会	2021-04-21 14:10:02
北海道	北海道新聞	児童を盗撮疑い、小学校教諭逮捕　２千件超保存、警視庁	https://www.hokkaido-np.co.jp/article/535654/	小学校教諭	2021-04-21 14:06:12
IT	週刊アスキー	【ハンバーガー】世界のバーガーが横浜にも！ ハードロックカフェと漫画「本日のバーガー」がコラボ	https://weekly.ascii.jp/elem/000/004/052/4052421/	本日のバーガー	2021-04-21 14:50:00
IT	週刊アスキー	ソニー、高い解像性能&美しいぼけ描写＋小型軽量化を実現した大口径超広角レンズ Gマスター「FE 14mm F1.8 GM」を発売	https://weekly.ascii.jp/elem/000/004/052/4052392/	alphae	2021-04-21 14:30:00
IT	週刊アスキー	Switch『遊戯王ラッシュデュエル 最強 バトルロイヤル!!』が8月12日に発売決定	https://weekly.ascii.jp/elem/000/004/052/4052419/	nintendo	2021-04-21 14:30:00
IT	週刊アスキー	ひろしまサンドボックス「D-EGGS PROJECT」、ニューノーマルな世界観を実証する30件のアイデアを決定	https://weekly.ascii.jp/elem/000/004/052/4052420/	deggsproject	2021-04-21 14:30:00
マーケティング	AdverTimes	ボス新商品に登場した「キッチリ夫」と「テキトウ妻」、SNSで話題を集めメディアを超えた展開に	https://www.advertimes.com/20210421/article347230/	webmovie	2021-04-21 05:30:45