投稿時間:2022-03-20 15:08:47 RSSフィード2022-03-20 15:00 分まとめ(12件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	目では分からない色の差を1秒で測定。スマホでデータベースも作成できる超小型分光測色計「Max」	https://japanese.engadget.com/spectrophotometric-colorimeter-053514170.html	スマホでデータベースも作成できる超小型分光測色計「Max」秒で色差を測定精度は色差、どなたでもプロ級のカラー分析ができるスマホにBluetooth接続してデータベースを作成取り出し・シェアで作業効率アップ種類の色測定指標、種類の評価光源に対応いつでも使いたい方法で便利に測定コンパクトなのに驚きの高性能超小型分光式測色計「Max」が、ついに日本上陸です秒以内に色差を測定し、情報をデータ化します。	2022-03-20 05:35:14
js	JavaScriptタグが付けられた新着投稿 - Qiita	ブラウザバックはダメ絶対	https://qiita.com/kihara-takahiro/items/2a94eca4580223c692d5	ブラウザバックはダメ絶対初めに業務の中でブラウザバックを禁止したい場面は多々あると思います。	2022-03-20 14:19:24
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker Composeを用いてLAMP環境構築 -- php.iniの設定とmysqlへのアクセス	https://qiita.com/NNKK1234/items/d188171e0ac54e1692bc	DockerComposeを用いてLAMP環境構築phpiniの設定とmysqlへのアクセスはじめに前回の記事では、DockerComposeを使用してLAMP環境を構築してみました。	2022-03-20 14:53:48
golang	Goタグが付けられた新着投稿 - Qiita	Go1.18からtext/templateのand, orが短絡評価されるようになった	https://qiita.com/Syuparn/items/154b6b83e00e669cd398	最終的に、右辺値を評価することはgodocに仕様として書かれていないので、nilpointerdereferenceを回避できる利点のほうが大きいと判断され採用されました。	2022-03-20 14:31:37
Ruby	Railsタグが付けられた新着投稿 - Qiita	ActiveRecord で、関連先のテーブルの条件で絞り込む	https://qiita.com/seimaru/items/020e10e12415f5055a91	こちらも、公式ドキュメントに書いてたので要参照。	2022-03-20 14:21:33
Ruby	Railsタグが付けられた新着投稿 - Qiita	Railsチュートリアル7.3.4でハマった（ArgumentError）	https://qiita.com/michikun06/items/013c3b828421f0b2056c	RailsチュートリアルでハマったArgumentError内容タイトルの通りです。	2022-03-20 14:04:21
海外TECH	DEV Community	My journey to Computer Science (first steps)	https://dev.to/kravchadev/my-journey-to-computer-science-first-steps-n8m	My journey to Computer Science first steps It seemed to me that to become a good engineer you need to study computer science So that s why I did it But for myself I realized that I know some things and it will be easier for me than for some newcomer in this field I know high level RubyKnow the basic structure of a computerI know a little about C I made my plan in Trello I also post my code to the github repository I will be glad to have your stars under my repository it motivates me a lot In trello you should pay attention to the colors of the boards blue are algorithmsyellow is architecturegreen discrete mathematicsred computer networkspurple is operating systemspink is c boards are made in two languages ​​ English and Russian you can choose yours the board is public you can write to me and I will give you access to add elements to the board let s learn together Also in the github repository there is a Projects section There you can find my literature and notes as well as add something of your own I ve been programming a lot since last summer But now it s time for serious study Yesterday I spent five hours on a book about algorithms today I think I will do the same I will be glad for support and advice stars on github and help on trello	2022-03-20 05:58:09
海外TECH	DEV Community	How To Make Push Notification Using Node.js and Service Worker	https://dev.to/wteja/how-to-make-push-notification-using-nodejs-and-service-worker-jaa	How To Make Push Notification Using Node js and Service WorkerWe might find push notifications on mobile really useful because a web server can communicate directly with the app when it wants But app users need to grant permission to receive the push notifications first We can simply create the push notification using only Node js Express js and Web Push Sample CodeYou can find sample code here this is the complete code of this tutorial Let s Get Started Let s create a directory that contains our Express js app mkdir web push samplecd web push sampleThen install necessary libraries npm init npm i express body parser web pushNext we will create start script by add node index js to your start script name web push sample version main index js license MIT dependencies body parser express web push scripts start node index js Generate VAPID Keys for push notificationsVAPID which stands for Voluntary Application Server Identification is a new way to send and receive website push notifications Your VAPID keys allow you to send web push campaigns without having to send them through a service like Firebase Cloud Messaging or FCM Instead the application server can voluntarily identify itself with your web push provider I have two recommended ways to create VAPID Keys Generate from vapidkeys comJust go through the website enter the email address It is used to give details about the sender Use it as an identifier Then click the generate button You should get the JSON object that contains subject which is your given email address And you will get both public and private keys Really easy right Generate by Command LineIf you don t want to use the online services you can generate it through the command line So open your terminal and enter this command node modules bin web push generate vapid keysIt should returns something like this Public Key BOimRWSYfMtEUyfwMrrxvzJjuoThJFNqiUXZCAjdrhdyrXiwvGBWHffmHnP NhVsFXXbnHxsUnrgPrivate Key yIgBBUlJYKj wZmPZsLGFklxNMVSk UVpWBXEHc Setup the Subscription RouteNext you will need to create express app and setup the route for allow client to subscribe to your push notificationconst express require express const webpush require web push const bodyParser require body parser const path require path Create express app const app express Use body parser which we will use to parse request body that sending from client app use bodyParser json We will store our client files in client directory app use express static path join dirname client const publicVapidKey BOdEQLTeKAgMXlWwTlHTRzvIantwMwpUnsNrpcxliglUs YlQEQLoUbJkoyXs BxgyAeTCqKME const privateVapidKey AoSsRHFaHvFupdNRtrungJFjkqgccTu WEcw Setup the public and private VAPID keys to web push library webpush setVapidDetails mailto test test com publicVapidKey privateVapidKey Create route for allow client to subscribe to push notification app post subscribe req res gt const subscription req body res status json const payload JSON stringify title Hello World body This is your first push notification webpush sendNotification subscription payload catch console log const PORT app listen PORT gt console log Server started on port PORT Inside subscribe route we will also start to sending first push notification but it need to pass the string as the value If you want to sending the JSON object you will need to send as a string and parse it on client side Below are the example on sending push notification to the client const payload JSON stringify title Hello World body This is your first push notification webpush sendNotification subscription payload catch console log Create Service Worker to Consume Push NotificationWe will need files in client directory to start to consume our push notifications index html Our landing page that will make use our main javascript file client js Our main JavaScript file which will register our service worker worker js Our Service Worker JavaScript file which will handle the push notifications Let s create index html file lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt title gt Push Notification Using Web Push lt title gt lt head gt lt body gt lt h gt Push Notification Using Web Push lt h gt lt script src client js gt lt script gt lt body gt lt html gt Then create the client js and register our worker We will need to copy our public keys and store it to some variable const publicVapidKey BOdEQLTeKAgMXlWwTlHTRzvIantwMwpUnsNrpcxliglUs YlQEQLoUbJkoyXs BxgyAeTCqKME Then we write the function to subscribe the push notification We create the subscription object then send the POST request to our API endpoint and attach that subscription object as the payload async function registerServiceWorker const register await navigator serviceWorker register worker js scope const subscription await register pushManager subscribe userVisibleOnly true applicationServerKey publicVapidKey await fetch subscribe method POST body JSON stringify subscription headers Content Type application json Finally we make use this function after we check that our current web browser supports Service Workerif serviceWorker in navigator send catch console log So the final look of client js will be like thisasync function registerServiceWorker const register await navigator serviceWorker register worker js scope const subscription await register pushManager subscribe userVisibleOnly true applicationServerKey publicVapidKey await fetch subscribe method POST body JSON stringify subscription headers Content Type application json Create Service WorkerCreate worker js we will add event listener inside this file When we show the notification we will need to pass title and body as the parameters We add event listener to push event Parse data as a JSON object Then can self registration showNotification method then pass title and body self addEventListener push function e const data e data json self registration showNotification data title body data body That is all about it Let s test notification service In this example I will use Google Chrome for testing Please make sure that you allow notification on Google Chrome If you using Mac it might disabled on the first time And you will need to enable it Go to Notification Center then find the Google Chrome and allow notification Make sure the Allow Notification enabled Start Our ServiceStart the app using the command belownpm startServer started on port Open your browser and navigate to http localhost It should show the push notification permission request dialog Just click allow but in some case it might not show But have the lock icon in navigation bar Clicking on it and allow Then you should get the first notification If not refresh the page once Congratulations You did it That s your first push notification Tip Simulate More Push NotificationWe can simulate more push notification that we can receive Let assume that you still browsing through Google Chrome Right now you can open the Google Chrome DevTool and go to Application tab navigate to ServiceWorker menu You will see your worker js file has been registered there Scroll down a bit you can see the push text box Put some test JSON object there and press push button then you can see more notifications Just enjoy with it That s means if you send any more push notification from your web server It will also appeared on user s browsers as well as long as they choose to subscribe to your push notification ConclusionWe can easily create our push notifications using web push without using a rd party service like Firebase Cloud Messaging FCM By using the new way to provide self hosted push notifications called VAPID Voluntary Application Server Identity Then we create and install Service Worker that interacts after receiving the new push notifications Showing notification is the choice The key point is that after you subscribe to web push successfully you can receive push data anytime You might use that information in ways you can t imagine ResourcesWeb Push GitHub RepositoryVAPID Keys GeneratorService WorkerSample code	2022-03-20 05:08:11
海外ニュース	Japan Times latest articles	Angels undecided on Shohei Ohtani’s spot in Opening Day lineup	https://www.japantimes.co.jp/sports/2022/03/20/baseball/mlb/angels-ohtani-lineup-spot/	Angels undecided on Shohei Ohtani s spot in Opening Day lineupHalos manager Joe Maddon said Ohtani may bat leadoff ahead of Mike Trout and former All Star Anthony Rendon both of whom are returning from season ending	2022-03-20 14:05:53
ニュース	BBC News - Home	The Papers: Anger at Johnson comments, and hypersonic missile	https://www.bbc.co.uk/news/blogs-the-papers-60810178?at_medium=RSS&at_campaign=KARANGA	anger	2022-03-20 05:46:38
ニュース	BBC News - Home	England keep World Cup hopes alive with nail-biting victory	https://www.bbc.co.uk/sport/cricket/60797142?at_medium=RSS&at_campaign=KARANGA	zealand	2022-03-20 05:38:54
北海道	北海道新聞	広陵９―０敦賀気比　広陵が１７安打	https://www.hokkaido-np.co.jp/article/659136/	敦賀気比	2022-03-20 14:05:00