投稿時間:2022-02-19 20:19:44 RSSフィード2022-02-19 20:00 分まとめ(21件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	20220219memo_python	https://qiita.com/htj/items/2c4e665235f22aebbfa0	memopythonimportpandasaspdエクセルファイルから日本語と英語の対応関係を取得sheetdictpdreadexceldatamonthlyxlsxsheetnameNonejpensheetdictシートいちjpencolumns国・地域CountryAreaoldjpen国・地域newjpenCountryAreaoldsetoldvaluesflattennewsetnewvaluesflatten両方の集合に共通する要素を除去するイテレータを生成するオブジェクトが変更されないようにディープコピーを使用している。	2022-02-19 19:46:03
python	Pythonタグが付けられた新着投稿 - Qiita	【超初心者向け】一行一行解説する画像分類CNNチュートリアル(演習Notebook付き)	https://qiita.com/GesonAnko/items/20fcffb4ff265d43a4dd	importtorchvisiontransformsastransforms画像処理のライブラリから「変換」に特化したものを持ってきますGoogleColabでこのチュートリアルを実行するときは次のコードブロックを実行してライブラリをインストールしてください。	2022-02-19 19:23:08
js	JavaScriptタグが付けられた新着投稿 - Qiita	javaScript70_リスト	https://qiita.com/merikento/items/5f42049cb5e4a7d48b7c	foreach	2022-02-19 19:00:29
AWS	AWSタグが付けられた新着投稿 - Qiita	CDKってなに？AWSの公式動画見たからまとめた。	https://qiita.com/yuchaman/items/1db6593cc906a7edb1e0	・CDKってなにCDKについては、ざっくりコードでインフラ構築できる、くらいに認識していたが、業務で触れることになったので一通り勉強したので備忘録としてまとめます。	2022-02-19 19:37:29
Docker	dockerタグが付けられた新着投稿 - Qiita	既存のRails(APIモード) × React × Nginx × MySQLで作成したSPAをDocker化	https://qiita.com/hijitoshi/items/c75d20d5615630b1a23f	usernamerootpasswordpasswordhostdb手順イメージ、コンテナの作成と実行ここまで準備が整ったら次はコンテナの元となるイメージを作成していきます。	2022-02-19 19:40:59
Ruby	Railsタグが付けられた新着投稿 - Qiita	既存のRails(APIモード) × React × Nginx × MySQLで作成したSPAをDocker化	https://qiita.com/hijitoshi/items/c75d20d5615630b1a23f	usernamerootpasswordpasswordhostdb手順イメージ、コンテナの作成と実行ここまで準備が整ったら次はコンテナの元となるイメージを作成していきます。	2022-02-19 19:40:59
海外TECH	DEV Community	Create a parallax effect when the mouse moves	https://dev.to/clementgaudiniere/create-a-parallax-effect-when-the-mouse-moves-3km0	Create a parallax effect when the mouse movesAnimated and interactive pages attract more and more attention from users For this we can use complex animations or others simpler as parallaxes There are two types of parallaxes those that are activated when the page is scrolled and others that are animated when the mouse is moved Today we will see how to create a parallax effect when moving the mouse in javascript vanilla Setting up in HTMLThe HTML structure will be relatively simple We will use a main div containing several spans corresponding to animated balls when moving the mouse around a main title Here is the HTML lt div class parallax wrap gt lt span value gt lt span gt lt span value gt lt span gt lt span value gt lt span gt lt span value gt lt span gt lt span value gt lt span gt lt h gt Parallax effect lt h gt lt div gt Setting up the CSSConcerning the CSS nothing new we will use only basic features of the language It is important to set overflow to hidden in the body otherwise the animated balls will create a scroll of the page The span must be in position absolute and have a border radius of in order to create circular blocks Then we set each span one by one by defining a color a z index and its position Here is the CSS you can see the SCSS code in the codepen at the end body margin height vh background color bd overflow hidden margin padding box sizing border box font family sans serif parallax wrap position relative width height vh overflow hidden display flex justify content center align items center parallax wrap h position relative font size px color white z index text align center parallax wrap span position absolute height px width px border radius parallax wrap span nth child top left background blue z index parallax wrap span nth child top left background yellow z index parallax wrap span nth child top left background green z index parallax wrap span nth child top left background red z index parallax wrap span nth child top left background purple z index Setting up the JSFirst of all we have to detect when the user moves his mouse with line Then we trigger a parallax function which selects all the spans contained in our main container Then we animate them as it should be The Javascript code document addEventListener mousemove parallax function parallax event this querySelectorAll parallax wrap span forEach shift gt const position shift getAttribute value const x window innerWidth event pageX position const y window innerHeight event pageY position shift style transform translateX x px translateY y px Final resultHere is the final result You can of course modify the elements to replace them for example by images You can also modify the value in the HTML span so that the parallax effect is amplified I hope you learned something about parallaxes feel free to ask me any questions you may have You want to support me OR	2022-02-19 10:35:13
海外TECH	DEV Community	Knowing != Doing	https://dev.to/nikola/knowing-doing-3j6p	Knowing DoingOriginally published on my blog Knowing does not guarantee doing and that s a good thing Every pro knows how he has to hit the ball just swing the club Sure they are using visualization techniques and all But they can t escape the need for deliberate practice This is why I write these daily thoughts posts	2022-02-19 10:21:37
ニュース	@日本経済新聞 電子版	「一日も早く」塩野義コロナ薬開発、病院・支援企業走る https://t.co/NXJSydNsUp	https://twitter.com/nikkei/statuses/1494980236881977350	開発	2022-02-19 10:20:38
ニュース	@日本経済新聞 電子版	パナソニック、スポーツもビジネスに　データを駆使 https://t.co/7xmLXfFQyh	https://twitter.com/nikkei/statuses/1494979761981968385	ビジネス	2022-02-19 10:18:45
ニュース	@日本経済新聞 電子版	攻撃ヘリ、ミサイル…　ロシア軍、国境へ兵力増強の動き https://t.co/wvpWZ45zXP	https://twitter.com/nikkei/statuses/1494977231143444482	攻撃ヘリ	2022-02-19 10:08:41
海外ニュース	Japan Times latest articles	Japanese ship carrying luxury cars ablaze in Atlantic; crew safe	https://www.japantimes.co.jp/news/2022/02/19/business/japan-ship-fire/	Japanese ship carrying luxury cars ablaze in Atlantic crew safeMitsui O S K Lines Ltd the operator of the Felicity Ace said all crew members aboard the ship have been safely evacuated to a nearby	2022-02-19 19:23:51
海外ニュース	Japan Times latest articles	Japan nearing target of averaging 1 million COVID booster shots per day	https://www.japantimes.co.jp/news/2022/02/19/national/covid-booster-rollout-pace/	Japan nearing target of averaging million COVID booster shots per dayIn order to achieve the goal the Prime Minister s Office is using a carrot and stick approach to urge local governments to accelerate their vaccine rollouts	2022-02-19 19:20:09
ニュース	BBC News - Home	Storm Eunice leaves thousands of homes without power	https://www.bbc.co.uk/news/uk-60442797?at_medium=RSS&at_campaign=KARANGA	eunice	2022-02-19 10:19:31
ニュース	BBC News - Home	Ukraine conflict: Rebels declare general mobilisation as fighting grows	https://www.bbc.co.uk/news/world-europe-60443504?at_medium=RSS&at_campaign=KARANGA	tensions	2022-02-19 10:26:15
ニュース	BBC News - Home	GB men's curlers win silver at Winter Olympics	https://www.bbc.co.uk/sport/winter-olympics/60443333?at_medium=RSS&at_campaign=KARANGA	sweden	2022-02-19 10:53:36
ニュース	BBC News - Home	Storm Eunice: Huge 200-year-old oak tree falls on to house	https://www.bbc.co.uk/news/uk-england-essex-60440429?at_medium=RSS&at_campaign=KARANGA	british	2022-02-19 10:05:34
ニュース	BBC News - Home	Winter Olympics: Great Britain lose 5-4 to Sweden in men's curling final - highlights	https://www.bbc.co.uk/sport/av/winter-olympics/60444450?at_medium=RSS&at_campaign=KARANGA	Winter Olympics Great Britain lose to Sweden in men x s curling final highlightsWatch highlights lose to Sweden after an extra end in the men s curling final to finish with silver at the Winter Olympics in Beijing	2022-02-19 10:37:31
北海道	北海道新聞	立民、参院選へ擁立加速　全国幹事長会議	https://www.hokkaido-np.co.jp/article/647748/	立憲民主党	2022-02-19 19:00:45
北海道	北海道新聞	ビキニ事件６８年で集会　核と気候変動の被害深刻	https://www.hokkaido-np.co.jp/article/647793/	気候変動	2022-02-19 19:15:00
北海道	北海道新聞	鍵山、宇野らがエキシビへ調整　羽生は「春よ、来い」を披露	https://www.hokkaido-np.co.jp/article/647789/	鍵山	2022-02-19 19:05:00