投稿時間:2021-06-28 17:45:44 RSSフィード2021-06-28 17:00 分まとめ(64件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	Galaxy Z Flip3/Fold3（仮）画像流出か　Fold3はSペン対応、Flip3はサブ画面拡大？	https://japanese.engadget.com/galaxy-z-flip-3-fold-3-073032079.html	galaxyzflipfold	2021-06-28 07:30:32
TECH	Engadget Japanese	楽天モバイル、18歳未満による携帯料金 UN-LIMIT VI のオンライン契約を可能に	https://japanese.engadget.com/rakuten-072619180.html	楽天モバイル、歳未満による携帯料金UNLIMITVIのオンライン契約を可能に楽天モバイルは月日、歳未満がオンラインで携帯料金プラン「RakutenUNLIMITVI」を契約できるようにしたと発表しました。	2021-06-28 07:26:19
TECH	Engadget Japanese	レノボYoga Tab 13発表、HDMI入力でモバイルディスプレイ兼用の高性能Androidタブレット	https://japanese.engadget.com/lenovo-yoga-tab-13-071553624.html	android	2021-06-28 07:15:53
TECH	Engadget Japanese	三菱電機「5G OPEN INNOVATION Lab」を6月30日に開設	https://japanese.engadget.com/5-g-open-innovation-lab-070037626.html	gopeninnovationlab	2021-06-28 07:00:37
ROBOT	ロボスタ	【動画あり】バーチャルヒューマン「imma」を新商品「Xソーダ」のPRに起用　immaが飛び出す限定ギフトボックスも登場	https://robotstart.info/2021/06/28/imma-xsoda-ambassador-video.html	watsonssodawater	2021-06-28 07:55:53
ROBOT	ロボスタ	パナソニックが「プログラミング×住空間」で未来の暮らしを創造するセッション開催　MITメディアラボ「サマーキャンプ 2021」で	https://robotstart.info/2021/06/28/panasonic-programming-workshop.html	medialabsummercamp	2021-06-28 07:10:07
IT	ITmedia 総合記事一覧	[ITmedia News] 「マスクを着けた日本人」の画像1000枚セット、機械学習用にピクスタが発売	https://www.itmedia.co.jp/news/articles/2106/28/news122.html	itmedia	2021-06-28 16:36:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] しまむら、3～5月期の営業利益は黒字転換で過去最高　PBブランドなどの展開加速	https://www.itmedia.co.jp/business/articles/2106/28/news118.html	itmedia	2021-06-28 16:30:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 初回即日完売、Visaタッチ決済リング「EVERING」　7月1日に第2弾先行予約開始	https://www.itmedia.co.jp/business/articles/2106/28/news116.html	evering	2021-06-28 16:25:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] LINEマイカード内に、LINEショップカードを併せて表示　合計登録数は6100万枚に	https://www.itmedia.co.jp/business/articles/2106/28/news115.html	itmedia	2021-06-28 16:15:00
IT	ITmedia 総合記事一覧	[ITmedia News] Excel世界大会も登場、今改めて考える「eスポーツとは何か」	https://www.itmedia.co.jp/news/articles/2106/28/news117.html	excel	2021-06-28 16:14:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] NVIDIAのデータセンター向けGPU「NVIDIA A100」PCI Express 4.0モデルに80GB構成登場　メモリ帯域幅は毎秒2TBに拡張	https://www.itmedia.co.jp/pcuser/articles/2106/28/news112.html	ITmediaPCUSERNVIDIAのデータセンター向けGPU「NVIDIAA」PCIExpressモデルにGB構成登場メモリ帯域幅は毎秒TBに拡張NVIDIAのデータセンター向けGPU「NVIDIAA」のPCIExpressカードモデルに、グラフィックスメモリをGBに倍増した構成が登場する。	2021-06-28 16:01:00
IT	MOONGIFT	CSSFont - CSSで作られたシンプルなフォント	http://feedproxy.google.com/~r/moongift/~3/kQB4UgI5nE4/	CSSFontCSSで作られたシンプルなフォントフォントといえば専用のファイルフォーマットで作られるものがほとんどです。	2021-06-28 17:00:00
TECH	Techable（テッカブル）	フジツボを切り口に、海をデータ化！ 株式会社シーテックヒロシマ設立	https://techable.jp/archives/157224	hiroshimasandboxdeggs	2021-06-28 07:00:13
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	ジョブ型人事制度に取り組むKDDI、人材マッチングに「SuccessFactors」を活用 | IT Leaders	https://it.impress.co.jp/articles/-/21689	ジョブ型人事制度に取り組むKDDI、人材マッチングに「SuccessFactors」を活用ITLeadersKDDIが職務領域を明確化したジョブ型人事制度を導入して、社内での浸透・定着に取り組んでいる。	2021-06-28 16:04:00
AWS	lambdaタグが付けられた新着投稿 - Qiita	AWS Lambda の使用時に推奨される関数コードのベストプラクティス	https://qiita.com/pankata79/items/11171a7b97f5b11ad07a	誤ってこのようなコードを使用した場合は、すぐに関数の予約された同時実行数をに設定して、コードを更新している間のすべての関数の呼び出しをスロットリングします。	2021-06-28 16:24:52
python	Pythonタグが付けられた新着投稿 - Qiita	[Python cv2] img = cv2.imread(input_file)。このimgってファイルからしか作れないのか	https://qiita.com/abetomo/items/b242e1efddee0f081789	結論importnumpyasnpdataは画像のデータimgarraynpfrombufferdatadtypenpuintimgcvimdecodeimgarraycvIMREADCOLORこのimgがimreadで取得したのと同じimg詳細は下記「参考」にも書いたURLをご確認ください。	2021-06-28 16:54:15
python	Pythonタグが付けられた新着投稿 - Qiita	Microsoft Build で発表された Azure SDK 管理ライブラリのハイライト紹介	https://qiita.com/uikou/items/d8df489c2ddf4cbab6dc	Go用について以下についてプレビュー版をリリースしました。	2021-06-28 16:36:36
python	Pythonタグが付けられた新着投稿 - Qiita	【バケットソートのコード解説】 ソートが完了するまでどのような動きをしているか調べてみた	https://qiita.com/shiny_a1014/items/ac88f8b531214456e65a	for文①で、countlistでの整数値の出現回数をインデックス値に紐付けてカウントfor文②の外側のループで、countlistの値の個数をから順にnumに代入する内側のループで、numの数値をcountlistのインデックス値と紐づけることにより、Aリストにnumの数値がcountlistでカウントされた回数分代入される出現した数値のみが代入されていき、Aリストには左から昇順に出現した数値がソートされていく。	2021-06-28 16:30:09
python	Pythonタグが付けられた新着投稿 - Qiita	Slackのスラッシュコマンドを作成する	https://qiita.com/ytamu2/items/f81f9bc0023ef8758377	コマンドの概要リアクションが追加された時の通知対象を変更出来るように選択式のフォームを表示させ、設定内容はDBに保管するというものです。	2021-06-28 16:22:41
js	JavaScriptタグが付けられた新着投稿 - Qiita	Microsoft Build で発表された Azure SDK 管理ライブラリのハイライト紹介	https://qiita.com/uikou/items/d8df489c2ddf4cbab6dc	Go用について以下についてプレビュー版をリリースしました。	2021-06-28 16:36:36
js	JavaScriptタグが付けられた新着投稿 - Qiita	React + TypeScript + FullCalendar: 簡単なカレンダーをつくる	https://qiita.com/FumioNonaka/items/1810f7e211638988af62	npminstallsavefullcalendarreactfullcalendardaygridカレンダーを表示するFullCalendarのimportは、FullCalendarを先に、プラグインのdayGridPluginはあとから読み込んでください。	2021-06-28 16:09:49
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	敵を撃った時のスコア加算の方法について	https://teratail.com/questions/346572?rss=all	敵を撃った時のスコア加算の方法についてUnityのDアクションゲームにて、無限湧きの敵を撃つごとにスコア加算をしていきたいが、Prefabどうしだとスクリプトの参照ができず思い通りの挙動が確認できません。	2021-06-28 16:50:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	for内のfetchについて	https://teratail.com/questions/346571?rss=all	for内のfetchについて概要ブログの記事内で、fetchで取得したデータを挿入するコードを書いています。	2021-06-28 16:46:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	OpenAL, 'alcOpenDevice' is deprecated(非推奨)	https://teratail.com/questions/346570?rss=all	OpenALxalcOpenDevicexisdeprecated非推奨実現したいことOpenALの理解を試みている、プログラミング初心者の学生です。	2021-06-28 16:46:05
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Raspberry Piのカメラモジュールで撮影した画像を自動で自身のパソコンに転送する方法について	https://teratail.com/questions/346569?rss=all	RaspberrynbspPiのカメラモジュールで撮影した画像を撮影したら自動で自身のパソコンに転送できるようにしたいです。	2021-06-28 16:44:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	squidサービスが頻繁に再起動する	https://teratail.com/questions/346568?rss=all	squidサービスが頻繁に再起動する発生している問題・エラーメッセージ下位squidサーバのsquidサービスが頻繁に再起動しています。	2021-06-28 16:43:33
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	リレーション先の検索機能	https://teratail.com/questions/346567?rss=all	リレーション先の検索機能現在検索機能でカスタマーの名前、メモなどの情報から検索できるようにはなっております。	2021-06-28 16:43:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Rのデータセットの加工（特定の列の削除）	https://teratail.com/questions/346566?rss=all		2021-06-28 16:20:06
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	htmlのinputタグを　YYYY-MM-DD HH:mm:ssで出力したい	https://teratail.com/questions/346565?rss=all	htmlのinputタグをYYYYMMDDHHmmssで出力したい前提・実現したいことhtmlでimputタグの入力フォームを作成したのですが、「YYYYMMDDnbspHHmmss」の形にしたいです今は「T」と出てしまいます。	2021-06-28 16:18:45
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ruby nokogiri スクレイピング 406エラー	https://teratail.com/questions/346564?rss=all		2021-06-28 16:14:00
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Lambda の使用時に推奨される関数コードのベストプラクティス	https://qiita.com/pankata79/items/11171a7b97f5b11ad07a	誤ってこのようなコードを使用した場合は、すぐに関数の予約された同時実行数をに設定して、コードを更新している間のすべての関数の呼び出しをスロットリングします。	2021-06-28 16:24:52
Docker	dockerタグが付けられた新着投稿 - Qiita	DockerでビルドしたPJをECS上にデプロイするまで【CodePipelineを使った自動デプロイ】	https://qiita.com/Ohtak/items/ab78dc4431ae2e8d1b6b	SourceソースコードをpullしてくるBuildpullしたコードをDockerbuildするDeployビルドしたコードを反映したタスクを立ち上げるコンソールからCodePipelineを作成するとこのつのステージを順番に設定する流れになりますが、地味に時間がかかってセッション切れになるので飛ばせるステージは飛ばすのを推奨Sourceステージ作成・Gitリポジトリがあるサービス・リポジトリ名・ブランチ名を指定できます。	2021-06-28 16:57:15
Docker	dockerタグが付けられた新着投稿 - Qiita	【docker】dockerコマンドの個人的チートシート	https://qiita.com/Fujikawa229/items/ecbb64548a139b812dfe	【docker】dockerコマンドの個人的チートシート概要この記事はdockercontainerの操作にまつわるコマンドの備忘録である。	2021-06-28 16:54:05
Azure	Azureタグが付けられた新着投稿 - Qiita	Microsoft Build で発表された Azure SDK 管理ライブラリのハイライト紹介	https://qiita.com/uikou/items/d8df489c2ddf4cbab6dc	Go用について以下についてプレビュー版をリリースしました。	2021-06-28 16:36:36
Azure	Azureタグが付けられた新着投稿 - Qiita	Slackのスラッシュコマンドを作成する	https://qiita.com/ytamu2/items/f81f9bc0023ef8758377	コマンドの概要リアクションが追加された時の通知対象を変更出来るように選択式のフォームを表示させ、設定内容はDBに保管するというものです。	2021-06-28 16:22:41
Git	Gitタグが付けられた新着投稿 - Qiita	DockerでビルドしたPJをECS上にデプロイするまで【CodePipelineを使った自動デプロイ】	https://qiita.com/Ohtak/items/ab78dc4431ae2e8d1b6b	SourceソースコードをpullしてくるBuildpullしたコードをDockerbuildするDeployビルドしたコードを反映したタスクを立ち上げるコンソールからCodePipelineを作成するとこのつのステージを順番に設定する流れになりますが、地味に時間がかかってセッション切れになるので飛ばせるステージは飛ばすのを推奨Sourceステージ作成・Gitリポジトリがあるサービス・リポジトリ名・ブランチ名を指定できます。	2021-06-28 16:57:15
技術ブログ	Developers.IO	Elastic Transcoder から MediaConvert への移行のススメ	https://dev.classmethod.jp/articles/migrate-elastic-transcoder-to-mediaconvert/	awselementalmediaconvert	2021-06-28 07:37:38
海外TECH	DEV Community	How to Use React Portal to Create Custom Reusable Toast Component in React	https://dev.to/myogeshchavan97/how-to-use-react-portal-to-create-custom-reusable-toast-component-in-react-11m	How to Use React Portal to Create Custom Reusable Toast Component in ReactIn this article we will create a custom toast component from scratch using React Portal You can see the live demo of the final application here So let s get started We will be using create react app to initialize the project Create a new project by running the following command npx create react app custom toastOnce the project is created delete all files from the src folder and create index js App js styles css files inside the src folder Also create components and utils folder inside the src folder Now open the src index js file and add the following contents inside it import React from react import ReactDOM from react dom import App from App import styles css ReactDOM render lt App gt document getElementById root Open the src styles css and add the following contents inside it App text align center a text decoration none background color fff padding px border px solid border radius px display inline block margin top px letter spacing px font size px toast width padding px position absolute background ccc color font size text align center left top right transform translateY px animation slideDown s keyframes slideDown webkit transform translateY px webkit transform translateY px disabled pointer events none opacity media only screen and max width px body font size px a font size inherit toast padding px We ll first add all the necessary contents inside the files and then we ll explore how the code works So Inside the src utils folder create a constants js file with the following code export const TOAST TIMEOUT This will indicate when to hide the toast message In this case the message will be hidden after ms i e seconds Inside the src components folder create Toast js file with following code import useState useEffect from react import TOAST TIMEOUT from utils constants import ReactDOM from react dom const Toast props gt const node useState document createElement div const removeNode gt if document querySelector toast children length document querySelector toast childNodes remove useEffect gt if props show document querySelector toast appendChild node classList add toast setTimeout gt removeNode props hideToast TOAST TIMEOUT else removeNode return gt removeNode node props return ReactDOM createPortal props children node export default Toast And now Inside the src App js file add the following code import React useState from react import Toast from components Toast const App gt const show setShow useState false const showToast gt setShow true const hideToast gt setShow false return lt div className App gt lt Toast show show hideToast hideToast gt This is some text lt Toast gt lt a href onClick showToast className show amp amp disabled gt Show Toast lt a gt lt div gt export default App Now open public index html and add lt div id toast gt lt div gt after lt div id root gt lt div gt Now run the application by executing the yarn start command from the terminal command prompt As you can see when we click on the Show Toast button the toast notification is shown for about seconds and it s hidden again Also when the toast notification is shown the Show Toast button disabled so the user will not be able to click the button again and it s enabled again when the toast notification is hidden Let s understand the code from Toast js which has the main logic for toast To display toast we are using the ReactDOM createPortal method added in React version in the render method which allows us to display elements outside the root container which is helpful to display a modal or in our case a toast We have added div with id toast inside index html alongside the div with id root where we will be displaying the toast message To use our Toast component we have used it like this inside the App js file lt Toast show show hideToast hideToast gt This is some text lt Toast gt When we add the text between the opening and closing tag of the component the text will be available inside that component in props children or this props children property which we are passing to the createPortal method inside the Toast js file ReactDOM createPortal props children node We have initialized state with the HTML div element using document createElement div so we can later use it to add or remove from the toast div which is added in index html file lt div id toast gt lt div gt Inside the useEffect hook we are adding the node to toast div from index html and adding the CSS for it so the CSS will not be applied by default but only when we want to display the toast message We are passing an array node props as the second parameter to the useEffect hook so the code inside useEffect will be executed only when node or props are changed which is similar to the componentDidUpdate lifecycle method We have also added the removeNode method which we call when the component is unmounted by returning a function from the useEffect hook We are using CSS animation for displaying the toast message and hiding it after seconds as declared in CSS for the toast animation slideDown sWhen the toast is hidden we are setting the show state flag to false so when we again click on the Show Toast button a toast message will be shown again We are also disabling the Show Toast button once we click on it so the user will not click it unnecessarily and we enable it once the toast is hidden Thanks for reading You can find the complete source code for this application in this repository and live demo hereCheck out my recently published Mastering Redux course In this course you will learn Basic and advanced ReduxHow to manage the complex state of array and objectsHow to use multiple reducers to manage complex redux stateHow to debug Redux applicationHow to use Redux in React using react redux library to make your app reactive How to use redux thunk library to handle async API calls and much moreand then finally we ll build a complete food ordering app from scratch with stripe integration for accepting payments and deploy it to the production Want to stay up to date with regular content regarding JavaScript React Node js Follow me on LinkedIn	2021-06-28 07:49:39
海外TECH	DEV Community	How to make your css text look impressive part 2	https://dev.to/orange_abstrakt/more-ways-to-style-your-css-text-ao3	How to make your css text look impressive part I m back with some more ways to style your text to make your webpage more attractive D Gradient TextThis is very Easy to code but really makes your site look amazing Once you have set your font and size you can start coding the text start by using the webkit background image property and set it to a linear gradient of your choice Then clip that gradient to your text using webkit background clip to text Now you can set the webkit text fill color to transparent and you ll have gradient text Now simply add a text shadow and you will have this cool effect Image textusing this you can use any image as the background of your text to style this set the background image to the url of the picture you want Then clip it to the text and make the text transparent as we did in the last example But you will see that the pictures size is very large and doesnt look that good You can use the background size property to fix this You can set it to auto cover or contain you may also set the size yourself You can read more on this on wschools if you use the image i have used you can set the background to black causing This way you will see only the picture Something like this Hope these areb helpful and you can use them in your projects I ll upload new styles soon let me know if you guys have some ideas	2021-06-28 07:35:22
海外TECH	DEV Community	How to build a blog with Laravel and Wink?	https://dev.to/bobbyiliev/how-to-build-a-blog-with-laravel-and-wink-5co4	How to build a blog with Laravel and Wink IntroductionIn with great blogging platforms like the Developer Blog you can save yourself the hassle of building your own blog from scratch However if you are planning to build a Laravel blog by yourself you don t have to start from scratch There is a Laravel great package called Wink developed by Mohamed Said which gives you a very nice headstart with an amazing UI where you can manage your posts In this tutorial you will learn how to build a blog with Laravel and Wink PrerequisitesBefore you start you would need to have a Laravel application up and running I will be using a DigitalOcean Ubuntu Droplet for this demo If you wish you can use my affiliate code to get free DigitalOcean credit to spin up your own servers If you do not have that yet you can follow the steps from this tutorial on how to do that How to Install Laravel on DigitalOcean with ClickOr you could use this awesome script to do the installation LaraSail InstallationOne thing to keep in mind is that as of the time being Wink does not seem to be compatible with Jetstream this might change in the future or if you are feeling ehtusiastic make sure to submit a PR with a fix Once you have your fresh new Laravel installation ready you can add the Wink package by running the following command composer require themsaid winkOnce the package has been added to install Wink run the following command php artisan wink installAs Wink will store the uploaded images you need to also run the following storage command php artisan storage linkFinally update your database details at config wink php if you want to use your default one just change wink to mysql and run the Wink migrations php artisan wink migrateOutput Migrating create tablesMigrated create tables ms Migrating add meta fieldsMigrated add meta fields ms Migrating add markdown fieldMigrated add markdown field ms Wink is ready for use Enjoy You may log in using admin mail com and password some pass hereThis will provide you with your Wink credentials so make sure to note them down as you will need them later on to access the Wink UI To access the Wink UI visit yourdomain com wink in your browser Once you login you will get to the following screen The Wink dashboard is super intuative to create a new post you just need to hit the Create button this will take you to a page where you can choose your text editor And you can start writing some awesome content Wink also has some nice features like Tags Teams and you can add multiple authors Now Wink provides you with all that you need to create and manage your posts but you would need to take care of the frontend yourself So let s go ahead and do that next Creating a ControllerLet s go ahead and create a controller with methods an index method for a page where we will see all of our blog posts and a method which will return a single blog post based on the slug To create a controller run the following command php artisan make controller PostsControllerThis will create the file at app Http Controllers PostsController php Open the file with your favourite text editor and first include the WinkPost class use Wink WinkPost Then add your index method here we will paginate the posts so that only posts show up on each page public function index posts WinkPost with tags gt live gt orderBy publish date DESC gt paginate return view posts index posts gt posts Then add the following method for the single post page public function single slug post WinkPost live gt whereSlug slug gt firstOrFail return view posts single compact post At the end your controller will look like this lt phpnamespace App Http Controllers use Wink WinkPost use Illuminate Http Request class PostsController extends Controller public function index posts WinkPost live gt orderBy publish date DESC gt paginate return view posts index posts gt posts public function single slug post WinkPost live gt whereSlug slug gt firstOrFail return view posts single compact post Creating ViewsI already have prepared the following loyout file as per this blog post on how to create a blog with Laravel and Livewire but feel free to change the design as you need to This example uses TailwindCSSOnce we have the controller in place let s go ahead and add the two views as well 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 title gt yield title Laravel Blog lt title gt lt link rel stylesheet href gt lt link rel stylesheet href tailwindcss typography x dist typography min css gt lt head gt lt body gt lt header class text gray body font border b gt lt div class container mx auto flex flex wrap p flex col md flex row items center gt lt nav class flex lg w flex wrap items center text base md ml auto gt lt a href class mr hover text gray gt Home lt a gt lt a href blog class mr hover text gray gt Blog lt a gt lt a href about class mr hover text gray gt About lt a gt lt nav gt lt a class flex order first lg order none lg w title font font bold items center text gray lg items center lg justify center mb md mb gt BLOG lt a gt lt div class lg w inline flex lg justify end ml lg ml gt lt a href class inline flex items center bg gray border py px focus outline none hover bg gray rounded text base mt md mt gt Login lt a gt lt div gt lt div gt lt header gt yield content lt body gt lt html gt Let s create a very basic page where we will display all of our posts create the following file resources views posts index blade phpAnd add the following content extends layouts app section content lt div class container mx auto p gt lt h class text xl mt text center tracking tight leading font extrabold text gray sm text xl sm leading none md text xl gt Welcome to The Blog lt h gt lt div class mt max w xl mx auto gt foreach posts as post lt div class border b mb pb border gray gt lt a href post post gt slug class text xl font bold mb gt post gt title lt a gt lt p gt Str limit post gt body lt p gt lt div gt endforeach lt div gt lt div gt endsectionLet s to the same for the single posts resources views posts single blade phpAnd again add the following content extends layouts app section content lt div gt lt div class max w xl mx auto py prose lg prose xl gt lt h gt post gt title lt h gt lt p gt post gt body lt p gt lt div gt lt div gt endsectionWith that our views are all set and we just need to add our routes Adding routesThe last thing that we need to do in order to be able to access the posts is to add our routes Open the routes web php file and add the following routes Route get posts PostsController index Route get post slug PostsController single After that once you visit yourdomain com posts you will be able to see all of your posts and brows through them ConclusionAs a next step make sure to redesign the blog with your own theme and if you do so share it with me by tagging me on Twitter bobbyiliev Of course this article aims to do a quick introduction to Wink you can improve a lot of things like it would be to good implement the meta data to your page for better SEO and etc If you enjoy the Wink package make sure to star it on GitHub and contribute If you are new to Laravel make sure to check out this video series on how to build a Blog with Laravel and Voyager	2021-06-28 07:31:49
海外TECH	DEV Community	AWS open source news/updates #74	https://dev.to/aws/aws-open-source-news-updates-74-2lhb	AWS open source news updates th June Instalment Newsletter This week we have new open source projects that help you access your AWS EFS data without the need for a VPN a new Red Team security tool that is in the very early stages and a number of new AWS projects to help you easily deploy open source projects such as Nextcloud or manage your own SQL Server deployments Community and AWS posts covering Apache Airflow Rust Prometheus DevOps Apache Spark R Studio Grafana Loki and many more Make sure you check out the videos as we have two great topics featured and finally keep up to date with the quick updates and the events section No newsletter next week as I take a week off to recharge so expect a bumper edition on Celebrating open source contributorsThe articles posted in this series are only possible thanks to contributors and project maintainers and so I would like to shout out and thank those folks who really do power open source and enable us all to build on top of what they have created So thank you to the following open source heroes Nicholas Omer Chiasson Thomas Edwards Gavin Adams Channy Yun Gopi Krishnamurthy Zachariah Elliott Pranusha Manchala Marco Ballerini Kseniya Stadnik Darryl Osborne Nima Kaviani Matt Asay Rob Hilton Sarah Watson Paul Hargis Jason MacKay Raphey Holmes Mark Roy Chayan Panda Michael Hsieh Mukosi Mukwevho Siva Ramani Naveen Balaraman Paul Kukiel Antje Barth Chris Fregley François Bouteruche Ankur Dahiya Lezgin Bakircioglu Damodar Shenvi Wagle Sumit Mishra Srinivas Manepalli and Tom Moore Make sure you find and follow these builders and keep up to date with their open source projects and contributions Latest from open source projectsefsuefsu efsu is for accessing AWS EFS from your machine without a VPN It achieves this by deploying a Lambda function and shuttling data between your machine and EFS via that function scourscour this project still at the very early experimental stages so tread carefully as there may be bugs and unexpected things provides a modern module based AWS exploitation framework written in golang designed for red team testing and blue team analysis Scour contains modern techniques that can be used to attack environments or build detections for defence ssm automation deploy sql developerssm automation deploy sql developer is an open source deployment tool for SQL Server Developer that overcomes the challenge of how to manage and create consistent SQL Server deployments Tom Moore has put together this blog post Automating SQL Server Developer deployments to help you walk through how you can use this project ecs windows ci cd blue greenecs windows ci cd blue green this project sets up a Windows based ECS Cluster using capacity provider auto scaling with fully automated Blue Green deployment powered by AWS Code Deploy All you need to pass is your ECR repo name where the image resides in cdk json via imageRepository property aws serverless nextcloudaws serverless nextcloud Nextcloud is a popular open source file sync and share software and this repo provides AWS CloudFormation templates to deploy NextCloud on AWS completely in a serverless way which means you have no need to manage servers or manually react to monitoring events with adding capacity manually If you are looking at or even running this today this project is worth checking out Zendeskzendesk translation via aws eventbridge apigateway webhook this open source project from Lezgin Bakircioglu at Daniel Wellington helps to use the Zendesk APIs in conjunction with AWS services to respond to customers in their local language The project documents how this project differs from others and you can read more detail about this project in the blog post How Daniel Wellington s customer service department saved on translation costs with Amazon Translate Community open source postsRustBeginner s Guide to Running Rust on AWS Lambda Nicholas Omer Chiasson has lovingly crafted this post on how to get your Rust running within a function on AWS Lambda pitched very much at those of you how are curious enough you want to take a closer look at this increasingly popular programming language PrometheusThis popped up this week Basic ECS Configuration for AMP other guides exist which provides a quick start in enabling Prometheus collection for your ECS clusters either on EC or Fargate This short guide will get you up and running in minutes AWS CDKLast week I introduced a new narrative around a fictional company I Love My Local Farmer which is an online marketplace that lets people buy and sell locally grown fruit and vegetables In the latest instalment Writing your CDK in Java François Bouteruche put himself in the shoes of this company to understand the thinking why infrastructure as code IaC and how this company might approach this It is good to see Java being used we need more Java AWS CDK example applications Apache AirflowIn the post Fastest way to deploy Airflow to AWS Ankur Dahiya Co Founder and CEO of RunX introduces you to an open source project called Opta that will help you quickly deploy Apache Airflow on Kubernetes What is interesting about this project is that it focuses on leveraging external services for running the Metastore database for example rather than managing running that within the pod I have not had a chance to try this yet but it is on my todo list Nice Data WranglerAWS Data Wrangler is an open source Python library that makes it easy to work with your data in AWS on Python The project page has a number of tutorials and last week a new one S Select was added AWS Data Wrangler supports Amazon S Select enabling applications to use SQL statements in order to query and filter the contents of a single S object It works on objects stored in CSV JSON or Apache Parquet including compressed and large files of several TBs AWS and Amazon open source postsGrafana LokiGrafana Loki was introduced in as a lightweight and cost effective log aggregation system inspired by Prometheus In the post Managing Grafana and Loki in a regulated multitenant environment Marco Ballerini and Kseniya Stadnik show you how you can deploy both Grafana Loki and Grafana so that you can multiple development teams that can consume the same monitoring stack maintaining logical storage separation and regulating which set of data each user of the platform can query from the Grafana interface Continuous Delivery Foundation CDF The Continuous Delivery Foundation CDF serves as the vendor neutral home of many of the fastest growing projects for continuous integration continuous delivery CI CD Nima Kaviani Matt Asay Rob Hilton and Sarah Watson were happy to announce in the post AWS is doubling down on improving the open source continuous delivery experience for our customers that AWS is joining the CDF as a Premier member Find out more about what this is and what it means including how this means we will be taking our Spinnaker contributions farther and are teaming up with Netflix to help build the next generation of Spinnaker TerraformContinuous Compliance Workflow for Infrastructure as Code Part in the second of a series of posts Damodar Shenvi Wagle and Sumit Mishra look at the technical implementation of the continuous compliance workflow We demonstrate how to use AWS Developer Tools to create a CI CD pipeline that releases guardrails for Terraform application workloads The framework uses a number of open source tools as part of the solution A similar post but this time taking a look at how you can build a DevSecOps software factory implementation Srinivas Manepalli focus on application vulnerability scanning using a number of open source tools such as git secrets Sysdiag Falco Snyk and more Great post so make sure you read Building an end to end Kubernetes based DevSecOps software factory on AWS NET Core and cdksIn the post Build and Deploy Net Core WebAPI Container to Amazon EKS using CDK amp cdks Siva Ramani and Naveen Balaraman provide a walkthrough of how you can use cdks an open source software development framework for defining Kubernetes applications to deploy the sample NET Core application on Amazon EKS All source code is provided and you can use this to experiment with your own NET workloads AWS CDKPaul Kukiel wrote last week Deploy an SPA with personalized subdomains using AWS CDK showing you how you can automate the deployment of a simple single page application using AWS CDK Full source code is provided TypeScript so you can take a look and use this as the base for your own projects Apache SparkA couple of Apache Spark posts this week Starting off with Customize and Package Dependencies With Your Apache Spark Applications on Amazon EMR on Amazon EKS Channy Yun shared last week that you can now use customisable image support for Amazon EMR on EKS that allows you to modify the Docker runtime image that runs your analytics application using Apache Spark on your EKS cluster What this means is you can create a container that contains both your application and its dependencies based on the performance optimised EMR Spark runtime using your own continuous integration CI pipeline Following that we had a joint team of GoDaddy and AWS architects Paul Hargis Jason MacKay Raphey Holmes and Mark Roy write Build accurate ML training datasets using point in time queries with Amazon SageMaker Feature Store and Apache Spark where they explain how you can use Amazon SageMaker Feature Store and the processing power of Apache Spark to create accurate training datasets using point in time queries against reusable feature groups in a scalable fashion RStudio and ShinyIt has been a while since I have worked with R but when I did it was using the open source RStudio tool as well as Shiny which is an open source project to simplify how you build interactive web applications in R I was very happy to see this blog post Field Notes Accelerating Data Science with RStudio and Shiny Server on AWS Fargate written by Chayan Panda Michael Hsieh and Mukosi Mukwevho where they describe and show you how you can set up the infrastructure to run a secure scalable and highly available RStudio and Shiny Server installation on AWS A must read for anyone interested in R LustreIn the post Spend less while increasing performance with Amazon FSx for Lustre data compression Darryl Osborne dives deep and walks you through the new Amazon FSx for Lustre data compression features sharing some simple benchmarking tests that you can use as a starting point for you to review and test your own workloads As Darryl writes Enabling data compression will help you spend less while increasing performance with your FSx for Lustre file systems AWS SAMAWS SAM is an open source framework for building serverless applications During the deployment process this transforms and expands the AWS SAM syntax into AWS CloudFormation syntax enabling you to build serverless applications faster In this post Using GitHub Actions to deploy serverless applications Gopi Krishnamurthy how you can take this to the next level by using GitHub Actions to build and deploy the application in your AWS account AWS GreengrassAWS IoT Greengrass is an open source edge runtime and cloud service that helps you build deploy and manage device software at the edge In this post Implementing Local Client Devices with AWS IoT Greengrass Gavin Adams describe use cases for client devices using a local AWS IoT Greengrass Core for connectivity messaging and interaction with other components via the Interprocess communication feature IPC What s more he uses my favourite open source project Node Red as part of the walk through Very cool indeed ElasticsearchMany customers are moving workloads to AWS Graviton ARM based instance types In the post Increase Amazon Elasticsearch Service performance by upgrading to Graviton Zachariah Elliott and Pranusha Manchala review prerequisites and considerations to upgrade your existing Amazon ES instances to Graviton with minimal downtime as well as looking at some of the things you need to think about Video of the weekA couple of videos this week First up we have the Data Science on AWS meet up where colleagues Antje Barth and Chris Fregley show you AWS Orbit Workbench an open source framework that provides a single unified experience for your data analytics and machine learning projects If you have not already grabbed a copy check out their amazing book Data Science on AWS a must read Following that we have a video on SRT which is an open source video transport protocol and technology stack that optimises video streaming performance across unpredictable networks The Streaming Video Alliance is a global technical association addressing critical challenges in streaming video and last week on their channel on Vimeo Thomas Edwards from Amazon demonstrated how to utilise the SRT contribution protocol to ingest content into AWS You can view the original video link on Vimeo here Quick updatesApache CassandraAmazon Keyspaces for Apache Cassandra a fully managed Apache Cassandra compatible database service now helps you monitor and improve application read write performance and throughput by using new Amazon CloudWatch metrics Keyspaces integrates with CloudWatch to give you deep observability into your Cassandra workload performance Now Keyspaces publishes new CloudWatch metrics to help you optimize your application data models for better read write performance by detecting unbalanced workload traffic across your partitions In addition the new metrics help you detect when you need to increase the number of client connections to support greater read write throughput MariaDBThe MariaDB audit plug in is now available for Amazon Relational Database Service Amazon RDS for MySQL instances using MySQL major version The MariaDB audit plug in is also available for instances using MySQL major versions and and provides event logging for database activity to help customers meet compliance and audit requirements and troubleshoot application issues Some of the key details for implementing the plugin are Enabling and disabling the audit plug in Users can enable audit plug in by creating an option group adding MARIADB AUDIT PLUGIN option to the group and attaching the option group to an RDS instance Audit logging can be disabled by removing the option group from the instance SERVER AUDIT EVENTS variables These variables allow users to specify the events they want to include in the logs CONNECTION users connecting and disconnecting QUERY queries and their result and TABLE which tables are affected by the queries SERVER AUDIT EXCL USERS and SERVER AUDIT INCL USERS variables These variables specify which users activity should be excluded from or included in the audit SERVER AUDIT INCL USERS has higher priority and all users activity is recorded by default Events for your diaryOpenSearch community meetingth June am PDTIf you want to know more about what is going on in the OpenSearch project then join the regular monthly community meetings Read more about the agenda and how to join by reading here Cloud Native Dayrd September Bern SwitzerlandWhat is this an in person event returning A stellar line up including our own Michael Hausenblas an event looking at CNCF projects and the future of IT Find out more and to view prices register by clicking here Stay in touch with open source at AWSI hope this summary has been useful Remember to check out the Open Source homepage to keep up to date with all our activity in open source by following us on AWSOpen	2021-06-28 07:27:44
海外TECH	DEV Community	Prop types in React and TypeScript	https://dev.to/amanhimself/prop-types-in-react-and-typescript-1kph	Prop types in React and TypeScriptCover Image by Scott Webb on UnsplashPropTypes provide built in typechecking capabilities when writing a React app Checking the type of prop in a React component in a large application helps catch bugs at run time Typically in a React app you will need to install the package yarn add prop types Then inside a component explicitly define the type of a prop import React from react import PropTypes from prop types A component that accepts color propfunction FavoriteColor color return lt h gt My favorite Color is color lt h gt FavoriteColor propTypes color PropTypes string Parent componentfunction App return lt div className App gt lt FavoriteColor color Red gt lt div gt export default App Above code snippet will run fine and there no errors or warnings yet If you use VSCode hover over the prop color in the App component You will see the expected data type on the prop But what if in the App component the value of prop color is changed to a number by mistake The component will still render in the web browser function App return lt div className App gt lt FavoriteColor color gt lt div gt But if you open the browser s Developer Tools and go to console you will see the error The prop types package provide validation at run time Not a great developer experience imagine large applications Using TypeScript in a React application can make the developer experience better PropTypes with TypeScript and ReactTake the previous code snippet copy it in a tsx file Here is how the components will look Notice the red squiggly line beneath the prop color TypeScript is smart enough not to compile the code if a prop has a type of any Inferring PropTypes in TypeScriptPropTypes package offers InferProps that enables to infer the types for an existing prop type definition on a component It uses the types prop types package to create type definitions To use InferProps import it from the prop types library and then define type declarations on the components prop import PropTypes InferProps from prop types function FavoriteColor color InferProps lt typeof FavoriteColor propTypes gt return lt h gt My favorite Color is lt h gt FavoriteColor propTypes color PropTypes string Code compiles and there are no errors Using type keyword to declare prop type definitionsTypeScript comes with a type keyword It can be used to define prop types without using the prop types package type Props color string function FavoriteColor color Props return lt h gt My favorite Color is color lt h gt The VSCode IntelliSense will detect the type of color prop in the App component It will allow you to provide anything other than a string value for this prop Props are required in TypeScriptAnother difference to notice here is that with TypeScript all props required by default In the prop types package all props are optional by default To make a prop required you will have to use isRequired explicitly With TypeScript that is not the case Optional props in TypeScriptIf a component has an optional prop add a question mark when declaring prop type type Props color string Thank you for reading and let s connect Thank you for reading my blog Feel free to subscribe to my email newsletter and connect on Twitter	2021-06-28 07:13:21
ラズパイ	Raspberry Pi	Meet Simone Giertz: Inventor, robotics enthusiast, and YouTuber	https://www.raspberrypi.org/blog/meet-simone-giertz-inventor-robotics-enthusiast-and-youtuber/	Meet Simone Giertz Inventor robotics enthusiast and YouTuberEven if you don t follow Simone Giertz on social media or YouTube there s a good chance you know of her work Originally hailed as the Queen of Shitty Robots Simone s early videos of questionable contraptions such as the Toothbrush Machine and Hair Washing Robot quickly went viral birthing a variety of GIFs and shareable content The post Meet Simone Giertz Inventor robotics enthusiast and YouTuber appeared first on Raspberry Pi	2021-06-28 07:54:49
医療系	医療介護 CBnews	「再使用可能処方箋」の導入、次期診療報酬改定に期待感-日薬・山本会長、提言が骨太方針に採用された	https://www.cbnews.jp/news/entry/20210628164346	定時総会	2021-06-28 17:00:00
医療系	医療介護 CBnews	青梅市立総合病院、電話の再診・処方せん発行終了-「病院内外における状況が改善」	https://www.cbnews.jp/news/entry/20210628161901	処方せん	2021-06-28 16:25:00
金融	RSS FILE - 日本証券業協会	外務員資格試験制度	https://www.jsda.or.jp/gaimuin/shiken.html	資格試験	2021-06-28 09:00:00
金融	ニュース - 保険市場TIMES	住友生命、Vitalityの「家族プラン」発売開始	https://www.hokende.com/news/blog/entry/2021/06/28/170000	住友生命、Vitalityの「家族プラン」発売開始家族で一緒に健康増進住友生命保険相互会社以下、住友生命は年月日、健康増進型保険、住友生命「Vitality」の「家族プラン」を発売した。	2021-06-28 17:00:00
海外ニュース	Japan Times latest articles	LDP likely to be largest force in Tokyo assembly election, poll shows	https://www.japantimes.co.jp/news/2021/06/28/national/politics-diplomacy/ldp-largest-force-tokyo-assembly-election/	LDP likely to be largest force in Tokyo assembly election poll showsAccording to a three day telephone survey conducted from Friday on about voters in the nation s capital said they have decided to vote for	2021-06-28 16:24:26
海外ニュース	Japan Times latest articles	Firm led by former Japan minister in joint venture linked with Myanmar military	https://www.japantimes.co.jp/news/2021/06/28/business/corporate-business/myanmar-firm/	Firm led by former Japan minister in joint venture linked with Myanmar militaryWith the ministry and the Southeast Asian country s ruling military acting as one body there are concerns such business projects may become sources of income	2021-06-28 16:07:57
ニュース	BBC News - Home	Covid: Sajid Javid to give update on lifting measures in England	https://www.bbc.co.uk/news/uk-57630553	england	2021-06-28 07:39:46
ビジネス	ダイヤモンド・オンライン - 新着記事	「同意ある性行為」と「性暴力」の境目をめぐる問題について 【橘玲の日々刻々】 - 橘玲の日々刻々	https://diamond.jp/articles/-/275302	「同意ある性行為」と「性暴力」の境目をめぐる問題について【橘玲の日々刻々】橘玲の日々刻々刑法の性犯罪規定の見直しを議論してきた法務省の検討会で、「相手の同意がない性行為を処罰すべきだ」と意見が一致したと報じられました。	2021-06-28 17:00:00
北海道	北海道新聞	コロナ禍の学生に食料品　北見工大で「フードバンク」	https://www.hokkaido-np.co.jp/article/560436/	感染拡大	2021-06-28 16:14:13
北海道	北海道新聞	夏の高校野球支部予選・６月２８日の試合結果	https://www.hokkaido-np.co.jp/article/560524/	夏の高校野球	2021-06-28 16:04:07
北海道	北海道新聞	道内４人死亡、２７人感染　札幌は２０人　新型コロナ	https://www.hokkaido-np.co.jp/article/560673/	新型コロナウイルス	2021-06-28 16:12:13
北海道	北海道新聞	東証小幅反落２万９０４８円　１８円安、米ハイテク株安で関連銘柄に売り	https://www.hokkaido-np.co.jp/article/560669/	日経平均株価	2021-06-28 16:04:42
IT	週刊アスキー	米沢牛の豪華弁当など、ご当地グルメ・スイーツが集結！ 東武池袋「山形・宮城展」6月30日から	https://weekly.ascii.jp/elem/000/004/060/4060648/	食材	2021-06-28 16:50:00
IT	週刊アスキー	50組100名を劇場に招待！ 横浜駅直結映画館「T・ジョイ横浜」開業1周年記念キャンペーン	https://weekly.ascii.jp/elem/000/004/060/4060625/	twitter	2021-06-28 16:40:00
IT	週刊アスキー	セガ、家庭用ゲーム『鬼滅の刃 ヒノカミ血風譚』をアジア・欧米向けに発売決定	https://weekly.ascii.jp/elem/000/004/060/4060646/	発売予定	2021-06-28 16:40:00
IT	週刊アスキー	7日間限定！スシロー「七夕ちらし」はイクラ、カニなど豪華ネタ満載	https://weekly.ascii.jp/elem/000/004/060/4060587/	限定	2021-06-28 16:30:00
IT	週刊アスキー	行列の絶えない人気かき氷店がついに！ 小田急百貨店新宿店に「かき氷の店 埜庵」が期間限定出店	https://weekly.ascii.jp/elem/000/004/060/4060603/	小田急百貨店	2021-06-28 16:30:00
IT	週刊アスキー	七夕に食べたい、天の川をイメージした限定ケーキ「ショコラノワール スターライト」そごう横浜店ベルアメールなどで販売開始	https://weekly.ascii.jp/elem/000/004/060/4060622/	販売開始	2021-06-28 16:30:00
IT	週刊アスキー	【7/2無料配信】編集者に聞く、メディアが取材したくなるスタートアップとは	https://weekly.ascii.jp/elem/000/004/060/4060644/	yoxobox	2021-06-28 16:30:00
IT	週刊アスキー	風鈴やランタンが庭園を彩る！ 横浜イングリッシュガーデン、夏限定の装飾は6月28日から	https://weekly.ascii.jp/elem/000/004/060/4060627/	風鈴	2021-06-28 16:10:00