投稿時間:2022-01-01 00:30:37 RSSフィード2022-01-01 00:00 分まとめ(35件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	アプリ『ウマ娘』で感じた、プレーヤーに伝染する作り手の愛情｜ゲームレビュー2021	https://japanese.engadget.com/umamusume-app-game-034040523-143028523.html	cygames	2021-12-31 14:30:28
python	Pythonタグが付けられた新着投稿 - Qiita	M5StackのWiFi設定をSDカードから読み込ーむ（UIFlow 1.9.0）	https://qiita.com/SatoshiGachiFujimoto/items/f529cb9fb513bd5eab0c	最寄りのバス停にバスがあと何分で着くかだけを表示するものなんだけど、番よく使う熊本MaaSMStackGTFSpictwittercompjmSrhtCeーがちもとさんメタバース熊本sotongshiDecember開発環境WindowsPCMStack実装MStackの初期設定はこちらからお願いしますMStackを起動したらSetupボタンを押し、internetmodeでMStackを起動しますSetupSwitchmodeWiFiSelectAPIKeyRebootするとAPIKeyが表示されるので、PCから、APIKeyを入力しましょうsettingsjsonにSSIDとPasswordを記述し、SDカードに置いときますsettingsjsonSSIDxxxxPasswordyyyyUIFlowでプログラムを書きますBlocklyからPythonにするとwifiCfgdoConnectstrjsondataSSIDstrjsondataPasswordが変数などの初期化部分に記述されてしまうようです。	2021-12-31 23:48:40
python	Pythonタグが付けられた新着投稿 - Qiita	ポストdiscord.pyのPycordを拡張する、discord-ext-uiを使おう！	https://qiita.com/sizumita/items/c5f1c022d39487bdb45d	制作動機discordにはメッセージにボタンを設置するためのシステムがありますが、discordpyのボタンの送信の仕組みが私は好きではありませんでした。	2021-12-31 23:32:50
js	JavaScriptタグが付けられた新着投稿 - Qiita	【IoT】近づくと音が鳴るおもちゃ	https://qiita.com/mikiko_bridge/items/b143ccde6a98ff436955	【IoT】近づくと音が鳴るおもちゃ概要ペットのキンカチョウが放鳥時にいつも鏡に向かって鳴いているので、鏡の中のお友達が鳴き返してくれるようにしましたよくうさぎにもちょっかいを出すので、警戒音としても使えるのかなぁと思っています。	2021-12-31 23:33:02
js	JavaScriptタグが付けられた新着投稿 - Qiita	お年玉の決め方	https://qiita.com/tyatya_maruko/items/c35242d622d42d48672c	それにせっかくITエンジニアな訳だし何か技術を使って決めたいなと思いました。	2021-12-31 23:40:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	psychによる因子分析について。下位尺度の信頼性分析	https://teratail.com/questions/376226?rss=all	psychによる因子分析について。	2021-12-31 23:29:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	OpenAI Gym GoogleColabで使いたい	https://teratail.com/questions/376225?rss=all	OpenAIGymGoogleColabで使いたいOpenAInbspGymに似た、PettingZooと呼ばれるAPIを用いて、シミュレーションをGooglenbspColabで行いたいと思っています。	2021-12-31 23:17:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	「もっと見る」ボタンで表示するデータを、サーバーから取得するようにしたい	https://teratail.com/questions/376224?rss=all	「もっと見る」ボタンで表示するデータを、サーバーから取得するようにしたい実現したいことサーバー側PHP画面側JavaScriptできればVuejsを導入配列になっているデータ画像テキストを、ltligtタグで行ずつ表示して、さらに「もっと見る」「nbspmore」のようなボタンを押下すると、新たに画像テキストが表示される。	2021-12-31 23:05:35
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Amplifyの各種ファイルの意味、手動でいじってよもの・悪いもの	https://qiita.com/okapee0608/items/a9169c9900ce4ff24226	amplifymockdata手動編集NGバージョン管理NGamplifymockapiを実行した後に作成されます。	2021-12-31 23:33:54
AWS	AWSタグが付けられた新着投稿 - Qiita	EC2へnvm、Node.js、Yarnをインストールする	https://qiita.com/i-f/items/af88bec7438abbc83f0b	Nodejsのインストールサーバー環境nvminstallltslatestnpmサーバー環境nodevnodeがインストールされていたらバージョンが返ってきます。	2021-12-31 23:19:11
AWS	AWSタグが付けられた新着投稿 - Qiita	振り返り③	https://qiita.com/dq_amiri_fukuwamori/items/57c7ec3ce08001c9c5dc	cloud	2021-12-31 23:11:27
Docker	dockerタグが付けられた新着投稿 - Qiita	Homebrewを使用してDockerをインストールする	https://qiita.com/juno_rmks/items/594681fa2a71945b6f3b	Dockerをインストールするため、次のコマンドを実行します。	2021-12-31 23:33:08
技術ブログ	Developers.IO	UARTを切り替えて複数のデバイスを接続したいときの一手	https://dev.classmethod.jp/articles/uart%e3%82%92%e5%88%87%e3%82%8a%e6%9b%bf%e3%81%88%e3%81%a6%e8%a4%87%e6%95%b0%e3%81%ae%e3%83%87%e3%83%90%e3%82%a4%e3%82%b9%e3%82%92%e6%8e%a5%e7%b6%9a%e3%81%97%e3%81%9f%e3%81%84%e3%81%a8%e3%81%8d/	複数	2021-12-31 14:58:04
技術ブログ	Developers.IO	Googleデータポータルでダッシュボードを作ってみた	https://dev.classmethod.jp/articles/i-tried-making-a-dashboard-with-google-data-studio/	google	2021-12-31 14:56:15
技術ブログ	Developers.IO	[リポート]Game worlds to real worlds: Simulation at scale with AWS #reinvent #GAM202	https://dev.classmethod.jp/articles/game-worlds-to-real-worlds-simulation-at-scale-with-aws-reinvent-gam202/	playersintootherdimen	2021-12-31 14:53:26
技術ブログ	Developers.IO	モバイルアプリエンジニアとしての振り返り〜８ヶ月目〜	https://dev.classmethod.jp/articles/become-mobile-app-engineer-2/	韓国	2021-12-31 14:41:25
海外TECH	MakeUseOf	Cleer Roam NC Review: Budget ANC Buds, but Decent Sound	https://www.makeuseof.com/cleer-roam-nc-review/	quality	2021-12-31 14:56:39
海外TECH	MakeUseOf	5 Best Ways to Permanently Delete Android Data	https://www.makeuseof.com/best-ways-permanently-delete-android-data/	android	2021-12-31 14:46:41
海外TECH	DEV Community	Showcasing my new website + Five coding hacks that will change your life.	https://dev.to/ironcladdev/showcasing-my-new-website-five-coding-hacks-that-will-change-your-life-32lm	Showcasing my new website Five coding hacks that will change your life I just remade my website for probably the third time this year I used Next js React Express and lots of CSS to build this In this post I ll show you how to do everything from the robot drawing animation to sending custom emails in NodeJS for free Oh and also if you were previously following me I changed my name from LeviathanProgramming The golden dragon to Ironclad Dev The animated robotLiterally you could watch this animation for hours on end and not get tired of it Or at least I could The good news It s not a gif not a video and does not require javascript to run It s plain SVG and CSS If you re wondering how I drew that Boxy Svg is the best svg editor I ve found so far It s super easy to use runs offline if you download the app and lets you do so much more Oh and if your free trial runs out just copy paste the svg elements Just to let you know the svg has to be in raw svg form It can t be an image url or css rules won t be able to apply lt svg xmlns viewbox id draw svg gt lt svg gt Now let s write some css to style the svg element draw svg stroke dasharray Starts the svg paths to zero animation draw s ease in Does the draw animation animation fill mode forwards Only runs the animation once stroke width Controls the thickness of the svg filter drop shadow px px px rgba Adds a nice little glow effect Now comes the big moment Animating the SVG element keyframes draw stroke dashoffset stroke dashoffset And that s it If you noticed the animated glow effect and the slow movement bobbing the graphic up and down slowly in my site I just used drop shadow and animated it as well as translating the image up and down slowly The Triangular BackgroundsTriangular backgrounds can give an amazing looking effect I m not bragging about mine to your website They are extremely simple to make and will really amp up the look of your site Basically what I did was create a grid container of x and stack divs on top of each other each cut with clip path The best editor for clipping element paths is Be sure to check it out Let s create the grid parent element for all those sharp looking divs as well as a few slant grid elements lt div class overlay grid gt lt div class layer id slant gt lt div gt lt div class layer id slant gt lt div gt lt div gt Let s style that and also style the elements that go within it overlay grid display grid grid template columns fr background f layer grid row start grid column start width vw height vh I m going to apply two different triangular slants and create something similar to what I did in my site slant background c clip path polygon slant background rgba clip path polygon You should be seeing something now Looking nice already right But wait how will you add some content on top of that It s simpler than ever Let s make another element within our grid element lt div class overlay grid gt lt div class layer id slant gt lt div gt lt div class layer id slant gt lt div gt lt The overlay content box gt lt div class layer id overlay content gt lt div id cover center gt lt h id title gt Centered Overlay Content lt h gt lt div gt lt div gt lt div gt Your content box might not show up since you didn t add css in front of all the others I don t know why this happens It just needs a bit of css styling and it s ready to go overlay content z index make it display on the front cover center position relative top left transform translate width vw height vh max width px max height px background rgba padding px px title text align center color white font family Avenir Book Arial sans serif Fade In EffectsIn this example I m going to be creating a simple react component with a bit of css styling for the fade in effect It s surprisingly simple and will really make your sites look better class Fade extends React Component constructor props super props render return lt div gt this props children lt div gt No pain in using a class based component eh Okay so basically this just renders a div element Let s move on to adding states and all those nice stuff into the constructor constructor props super props this self createRef this state visible false this listenToScroll this listenToScroll bind this Now let s create an event listener and the listenToScroll method listenToScroll try if window pageYOffset window innerHeight gt this self current offsetTop this setState visible false else this setState visible true catch e componentDidMount window addEventListener scroll this listenToScroll Okay you might be wondering Whoah hold up there Why is there a try catch block The reason is because sometimes this will for an unknown reason will complain about refs only being able to be done on class based components and prevent javascript from working properly Okay now that we ve got that down let s remodel the component s rendering return lt div ref this self className this props classes this state visible transparent element visible element gt this props children lt div gt Okay so why would I add a classes prop Well in case you would want to style this element as a div in the future I ll explain everything after we do the css fading effect styling transparent element opacity transition s transform translatey px visible element opacity transition s transform translatey px I m just adding the translation in the fade effects to that the elements will appear to move upwards when they fade in which is optional To use the fade element all you have to do is wrap some existing content with it and it will fade in for you lt Fade gt lt h gt I faded In lt h gt lt Fade gt lt Fade gt lt h gt Me too lt h gt lt h gt Me Three lt h gt lt p gt Awesome lt p gt lt Fade gt If you want to style the fade container you can pass some classes into it as shown lt Fade classes box container translucent solid border border white gt lt h gt I m in a styled container lt h gt lt Fade gt The BlogFor the blog I just literally used the dev to API I almost decided to use hashnode but decided I d stick with dev All you have to do is fetch JSON data from the easy to use dev to api endpoint for exampleIt gives you enough information to make your own blog You can also get a specific article but you shouldn t need that for your blog I m a bit too lazy to be showing you how to fetch JSON apis Just head over to this article over here I wrote in the past And yes I did make that digest tutorial site if you were wondering Custom EmailsYou won t get one of these unless you subscribe to me but I thought I d show you how to do it over here You can send custom emails from NodeJS for absolutely no cost at all All it takes is a few npm packages some authentication and some css Important Notice Make sure this is run on the server side NodeJS and not the client side of JS I m talking to you thirteen year old devs out there Let s install two npm packages const nodemailer require nodemailer const inLineCss require nodemailer juice Nodemailer does the main emailing stuff and nodemailer juice converts your css into inline css styling Why do you need nodemailer juice Well sadly emails only support inline css and not css files or style tags It s hard to believe but it s true and probably won t change for a while I ve created a simple mailing function Make sure you put in your correct email credentials Don t forget to turn on Two Step verification if you re using gmail and generate an app password for your email password Otherwise this won t work function sendEmail to subject html let transporter nodemailer createTransport service gmail host smtp gmail com port secure true auth user youremail gmail com pass lt input your app password here gt transporter use compile inLineCss let mailDetails from youremail gmail com to to subject subject html html transporter sendMail mailDetails function err data if err console error err To send a custom email all you have to do is pass in an html document as a javascript string into the sendEmail function It can t be a file sendEmail someone someemail com This is a test email lt DOCTYPE html gt lt html gt lt head gt lt style gt lt style gt lt head gt lt body gt lt body gt lt html gt Here s a little template you can use for emails IroncladDev NoseletterWhat I did to make email sending a bit easier was create a constant function and set it to the html body with a few arguments to edit the content const template title body gt lt DOCTYPE html gt lt html lang en gt Well I guess that s all I have to say If you have anything to say about my site feel free to say it Any criticisms will be appreciated Subscribe to my newsletter for new posts new projects recaps and more Join my discord to get in touch and hang out Also be sure to support this post with a couple reactions	2021-12-31 14:37:39
海外TECH	DEV Community	Set up Dynamic DNS for Dynamic IP Addresses at Home (for free) + WireGuard Configuration	https://dev.to/amelspahic/set-up-dynamic-dns-for-dynamic-ip-addresses-at-home-for-free-wireguard-configuration-381j	Set up Dynamic DNS for Dynamic IP Addresses at Home for free WireGuard ConfigurationWe already talked about how to Bring Your Home Network Anywhere For Free Home VPN with Wireguard on Raspberry Pi Pi hole Ubuntu Server LTS It is an awesome thing especially if you have a static IP address but if you are like most households in the world including myself your internet service provider ISP provides you with a dynamic IP address It means that your home network s IP address changes frequently even a couple of times a day so your VPN connection configuration needs to be changed accordingly to keep up To solve that we will utilize the Dynamic DNS solution Dynamic DNSDynamic DNS is a way of assigning a custom domain name that automatically updates even as the IP address changes This system has been around long enough that there are workarounds for these kinds of issues For the purpose of this post I will use a free DDNS service No IP Go to the No IP website and choose some cool hostname and domain You are required to sign up so just populate the required fields and complete the registration email confirmation and stuff Your hostname will be pre populated and set up for the currently logged in IP address If you are not logged in from your home network you need to change the address to point to your home network s IP address Once you are done setting up don t forget to add username No IP will complain we can set up our router to ping No IP servers whenever our IP address changes Router Set UpMy home router is Technicolor CGA but the configuration shouldn t be different for others just browse a bit around through the configuration options After this is done our router should automatically call No IP API to change the pointing IP address WireGuard ConfigurationWhen we set up WireGuard on our Raspberry Pi in the previous post we selected the Public IP option with the current home IP address Current configuration cat etc pivpn wireguard setupVars confPLAT UbuntuOSCN focalUSING UFW IPvdev ethinstall user ubuntuinstall home home ubuntuVPN wireguardpivpnPORT pivpnDNS pivpnDNS pivpnHOST lt PUBLIC IP ADDRESS gt lt We will change thisINPUT CHAIN EDITED FORWARD CHAIN EDITED pivpnPROTO udppivpnMTU pivpnDEV wgpivpnNET subnetClass ALLOWED IPS UNATTUPG INSTALLED PACKAGES net tools iptables persistent wireguard tools qrencode Enter the edit mode for setupVars conf file sudo nano etc pivpn wireguard setupVars confChange pivpnHOST to point to your DDNS hostname which you created on No IP pivpnHOST xxxx ddns net Save with Ctrl X Y New clients you generate will use the new endpoint but you need to manually edit existing clients Open your configuration for example amel conf and update the line Endpoint xxxx ddns net Final WordsI hope this tutorial will help you overcome issues with dynamic IP and help you improve your online being	2021-12-31 14:34:47
海外TECH	DEV Community	CryptoPals Crypto Challenges Using Rust: Single-byte xor cipher	https://dev.to/thenvn/cryptopals-crypto-challenges-using-rust-single-byte-xor-cipher-1akg	CryptoPals Crypto Challenges Using Rust Single byte xor cipherThis is Challenge of Cryptopals challenges implemented in Rust language Context So things are starting to get interesting now We re given a hex encoded string This string has been XORed against a single character We don t know what character We have to find this character aka key of this encryption amp decrypt the message Let s say the message was somesecret length then it was XORed against let s say char k then somesecret kkkkkkkkkk k repeated times somecypherNow if we want to decipher the given encrypted message somecypher we can XOR it with the same key somecipher kkkkkkkkkk k repeated times somesecretWe re going to exploit this property of XOR encryption to decipher the message here Crack The way we re going to break is by brute forcing with all chars By looping through each char c amp using repeated c as key we ll get a message Now none of the decrypted messages would make sense Except only one the one with the actual key All other would spit out some stupid random sequence of characters somecipher aaaaaaaaaa axow amp nah somecipher bbbbbbbbbb cgow amp u nah somecipher cccccccccc yz w nah somecipher kkkkkkkkkk somesecret looks like a secret We d need to devise some method to programmatically detect sense making English text by scoring each message corressponding to each char c as key Scoring by letter frequency scoring would suffice for our purpose You can learn more about it here Here s one implementation in Rust const LETTER FREQ f A G H N O U V Z amp space char pub fn calc letter freq score s amp str gt f let mut counts vec u let mut score f f s chars for each c match c a z gt counts c as usize A Z gt counts c as usize gt counts gt for i in score counts i as f LETTER FREQ i score Note that for the challenge I ve also included a frequency of space character at the very end Now to the core problem We loop through every char as byte xor this byte with every byte of given cipher Convert XORed bytes to a text String then calculate this text s potentially message letter frequency score Retain the deciphered message producing the best score amp corresponding key char use hex pub fn decipher message hex cipher amp str gt String f let cipher bytes hex decode hex cipher unwrap let mut key byte u let mut message String new let mut best score f MIN for c in key byte c as u let msg bytes Vec lt u gt cipher bytes iter map amp b b key byte collect let msg String from utf lossy amp msg bytes let score calc letter freq score amp msg if score gt best score best score score message String from msg message best score And in a snap cipher is broken See code on GithubFind me on Twitter heyNvNnaveeen com	2021-12-31 14:10:37
Apple	AppleInsider - Frontpage News	How to download an old macOS installer	https://appleinsider.com/articles/21/12/03/how-to-download-an-old-macos-installer?utm_medium=rss	How to download an old macOS installerThat old collection of macOS installer disk images you used to keep is probably worthless now and Apple makes it harder to find downloadable copies of anything before macOS Monterey Yet there are still good reasons to get old OSes and here s how to do it It doesn t seem that long since we were looking forward to the release of macOS Big Sur Apple really wants you to use macOS Monterey And if that means you having to buy a new Mac they ll find a way to cope with their angst Partly for this and partly out of wanting to make it obvious to newcomers which is the current version of macOS the company has long since hidden previous versions Read more	2021-12-31 14:44:00
Apple	AppleInsider - Frontpage News	Best deals New Year's Eve: $400 off 49-inch curved display, $200 off a DJI Mavic drone combo, more	https://appleinsider.com/articles/21/12/31/best-deals-new-years-eve-400-off-49-inch-curved-display-200-off-a-dji-mavic-drone-combo-more?utm_medium=rss	Best deals New Year x s Eve off inch curved display off a DJI Mavic drone combo moreAlongside continuing great deals across Apple s entire AirPods lineup New Year s Eve sales include more than off one model of Philips over ear headphones off an indoor garden and more To help you search through the continuing holiday deal chaos we ve curated some of the best deals we could find on Apple products tech accessories and other things for the AppleInsider audience If an item is out of stock it may still be able to be ordered for delivery at a later date These deals won t last long so act fast for anything that might be of interest to you Read more	2021-12-31 14:10:48
Apple	AppleInsider - Frontpage News	India antitrust regulator launches probe into Apple App Store payments	https://appleinsider.com/articles/21/12/31/india-antitrust-regulator-launches-probe-into-apple-app-store-payments?utm_medium=rss	India antitrust regulator launches probe into Apple App Store paymentsAfter a complaint by a consumer group in September The India Competition Commission has formally ordered a probe looking into Apple s App Store payment system commissions and more The Competition Commission of India CCI issued an order on Friday formally launching the investigation that was requested in September The CCI has days to complete the investigation In a quote obtained by TechCrunch about the order the agency says that it is looking into claims of excessive commissions for developers Apple is said to restrict the choice available to the app developers to select a payment processing system of their choice especially considering when it charges a commission of up to for app purchases and in app purchases Read more	2021-12-31 14:41:12
ニュース	BBC News - Home	Covid: UK incomparably better placed this New Year - PM	https://www.bbc.co.uk/news/uk-59834667?at_medium=RSS&at_campaign=KARANGA	covid	2021-12-31 14:52:14
ニュース	BBC News - Home	Arthur Labinjo-Hughes: Review ordered into killers' jail terms	https://www.bbc.co.uk/news/uk-england-birmingham-59840021?at_medium=RSS&at_campaign=KARANGA	attorney	2021-12-31 14:48:08
ニュース	BBC News - Home	London teen homicides: Boy's stabbing is record 30th killing	https://www.bbc.co.uk/news/uk-england-london-59836010?at_medium=RSS&at_campaign=KARANGA	previous	2021-12-31 14:11:57
ニュース	BBC News - Home	Paxlovid: UK medicines regulator approves second Covid antiviral pill	https://www.bbc.co.uk/news/health-59839584?at_medium=RSS&at_campaign=KARANGA	clinical	2021-12-31 14:01:40
ニュース	BBC News - Home	Rogel Aguilera-Mederos: Colorado truck driver's sentence cut by 100 years	https://www.bbc.co.uk/news/world-us-canada-59839723?at_medium=RSS&at_campaign=KARANGA	aguilera	2021-12-31 14:17:29
ニュース	BBC News - Home	Breakaway Super League, Tokyo's 'Covid Games', cricket's racism crisis - a huge year for sports news	https://www.bbc.co.uk/sport/59838168?at_medium=RSS&at_campaign=KARANGA	Breakaway Super League Tokyo x s x Covid Games x cricket x s racism crisis a huge year for sports newsBBC sports editor Dan Roan says has included two of the most dramatic fastest moving stories he has covered in two decades of sports reporting	2021-12-31 14:36:47
ニュース	BBC News - Home	Ashes, World Cup & Commonwealth Games - why 2022 is a defining year for England women	https://www.bbc.co.uk/sport/cricket/58914047?at_medium=RSS&at_campaign=KARANGA	Ashes World Cup amp Commonwealth Games why is a defining year for England womenWith the Ashes a World Cup and the Commonwealth Games coming up BBC Sport looks at why could be a defining year for England	2021-12-31 14:17:26
サブカルネタ	ラーブロ	そば処 満月@蒲田この日は、ツレと一杯呑もうということになり、遅くまでやってて、ちょい...	http://ra-blog.net/modules/rssc/single_feed.php?fid=195149	instagram	2021-12-31 14:18:00
北海道	北海道新聞	道内のコロナ感染者４万８千人　死者は１０２２人　２１年	https://www.hokkaido-np.co.jp/article/629249/	新型コロナウイルス	2021-12-31 23:10:33
北海道	北海道新聞	静かに早めに「良い年を」　年明け前から道内神社に参拝客	https://www.hokkaido-np.co.jp/article/629273/	大みそか	2021-12-31 23:03:00
北海道	北海道新聞	ＮＹ円、１１５円前半	https://www.hokkaido-np.co.jp/article/629271/	外国為替市場	2021-12-31 23:01:00