投稿時間:2023-03-31 20:33:14 RSSフィード2023-03-31 20:00 分まとめ(39件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Microsoft、｢Surface Duo｣向けに2023年3月のアップデートを配信開始	https://taisy0.com/2023/03/31/170242.html	android	2023-03-31 10:54:18
IT	気になる、記になる…	Microsoft、｢Surface Duo 2｣向けに2023年3月のアップデートを配信開始	https://taisy0.com/2023/03/31/170240.html	androi	2023-03-31 10:53:16
IT	気になる、記になる…	｢iPhone 15 Pro｣の感圧タッチ式ボタンは感度を調整可能	https://taisy0.com/2023/03/31/170238.html	iphonepro	2023-03-31 10:42:40
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 阪急バス、26年ぶりに運賃値上げへ	https://www.itmedia.co.jp/business/articles/2303/31/news243.html	itmedia	2023-03-31 19:33:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] Androidタブレットや液晶ペンタブレットをおトクに買おう！	https://www.itmedia.co.jp/pcuser/articles/2303/31/news235.html	amazon	2023-03-31 19:30:00
IT	ITmedia 総合記事一覧	[ITmedia News] 陸自「富士総合火力演習」、今後はYouTubeで　一般公開は終了	https://www.itmedia.co.jp/news/articles/2303/31/news241.html	itmedia	2023-03-31 19:27:00
python	Pythonタグが付けられた新着投稿 - Qiita	venv による Python 仮想環境構築速習	https://qiita.com/iluflow/items/bd7ec0b15845937d6936	virtualenv	2023-03-31 19:59:59
python	Pythonタグが付けられた新着投稿 - Qiita	raspberry pi 4とinky impressionが入る筐体を作る（画像自動生成＆更新フォトフレームの作成）その3	https://qiita.com/kyazoooo/items/ed2dc19c7ce1373c182d	inkyimpression	2023-03-31 19:52:11
python	Pythonタグが付けられた新着投稿 - Qiita	raspberry pi 4でinky impressionを動かしてみる（画像自動生成＆更新フォトフレームの作成）その２	https://qiita.com/kyazoooo/items/001271c3a8bc76086573	inkyimpression	2023-03-31 19:46:29
python	Pythonタグが付けられた新着投稿 - Qiita	raspberry pi 4でStable Diffusionを動かしてみる（画像自動生成＆更新フォトフレームの作成）その１	https://qiita.com/kyazoooo/items/3fa5e929ebf3d2c6e028	raspberrypi	2023-03-31 19:42:48
js	JavaScriptタグが付けられた新着投稿 - Qiita	ウェブブラウザのAPIをフル活用したプレゼンタイマーを作った	https://qiita.com/shiura/items/8e764c54f2b4f952ffe5	環境	2023-03-31 19:33:17
js	JavaScriptタグが付けられた新着投稿 - Qiita	Canvasの画像をCloud Storageに保存して動的なOGP画像として設定する	https://qiita.com/motsu/items/ed16363dc7684f32abe7	canvas	2023-03-31 19:10:22
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Slack APIがSSLエラーで呼び出せない！	https://qiita.com/tatsumi_t2/items/55bdb695eac8c0dc7fe1	linux	2023-03-31 19:06:13
AWS	AWSタグが付けられた新着投稿 - Qiita	【全3回】AWSで静的サイトを公開する　③HTTPSで公開	https://qiita.com/mugihara/items/a814ad8b3b55c59a55f9	https	2023-03-31 19:43:04
Docker	dockerタグが付けられた新着投稿 - Qiita	[有料級]　Rails7(Turbo), Docker, Bootstrap5を使ったtodoリストの作り方② (Bootstrap5導入編)	https://qiita.com/streasure0426/items/fe3ae095ab1920dd3e56	bootstrap	2023-03-31 19:01:10
GCP	gcpタグが付けられた新着投稿 - Qiita	Canvasの画像をCloud Storageに保存して動的なOGP画像として設定する	https://qiita.com/motsu/items/ed16363dc7684f32abe7	canvas	2023-03-31 19:10:22
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure Administrator(AZ-104)：Azure でのストレージの実装と管理「Azure Files共有の管理」	https://qiita.com/fsd-jume/items/5d4a539ca4c81df5e532	azureadministratoraz	2023-03-31 19:30:07
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure Administrator(AZ-104)：Azure でのストレージの実装と管理「ファイル共有やBLOBデータのためのストレージ比較」	https://qiita.com/fsd-jume/items/e272f42e72629f1cba72	azureadministratoraz	2023-03-31 19:24:34
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure Virtual Network Managerで何ができるのか調べてみたら結構便利そうだった	https://qiita.com/Yosuke_Sakaue/items/61125ff203cc3522da3d	azure	2023-03-31 19:00:28
Ruby	Railsタグが付けられた新着投稿 - Qiita	[有料級]　Rails7(Turbo), Docker, Bootstrap5を使ったtodoリストの作り方② (Bootstrap5導入編)	https://qiita.com/streasure0426/items/fe3ae095ab1920dd3e56	bootstrap	2023-03-31 19:01:10
技術ブログ	Developers.IO	エンタープライズアジャイル勉強会で「Disciplined Agileやってみた」という発表してきた	https://dev.classmethod.jp/articles/enterprise-agile-study-group-da/	disciplinedagile	2023-03-31 10:52:36
技術ブログ	Developers.IO	EC2에 SSH 접속 시 UNPROTECTED PRIVATE KEY FILE 에러를 해결해보자	https://dev.classmethod.jp/articles/ec2-ssh-connect-unprotected-private-key-file-error/		2023-03-31 10:20:24
技術ブログ	Developers.IO	How to Choose the Right Amazon SageMaker Instance Type	https://dev.classmethod.jp/articles/how-to-choose-the-right-amazon-sagemaker-instance-type/	How to Choose the Right Amazon SageMaker Instance TypeIntroduction When it comes to constructing and deploying machine learning models on Amazon SageMaker selecti	2023-03-31 10:00:24
海外TECH	MakeUseOf	How to Document APIs With Postman	https://www.makeuseof.com/postman-document-apis/	support	2023-03-31 10:31:16
海外TECH	MakeUseOf	How Google Is Fixing Adaptive Charging for Pixel Devices	https://www.makeuseof.com/google-adaptive-charging-pixel-qpr3/	battery	2023-03-31 10:05:16
海外TECH	DEV Community	Creating a Minesweeper Game in SolidJS - Score, Timer and Game State	https://dev.to/mbarzeev/creating-a-minesweeper-game-in-solidjs-score-timer-and-game-state-56n0	Creating a Minesweeper Game in SolidJS Score Timer and Game StateWelcome to the rd installment of the “Creating a Minesweeper Game in SolidJS post series In the first part we constructed the game board using a flat array and mathematical operations In the second part we concentrated on the recursive iteration process required to implement the zero opening functionality In this post we aim to incorporate gamification elements into the game to make it more engaging and enjoyable for users We re going to spice things up by adding a mine counter to keep track of those pesky bombs and help you keep count of the ones you ve marked Plus we ll introduce a game ending logic and a handy new Timer component that will keep track of how long you ve been playing until the bombs start detonating or you ve marked all the mines We have plenty to do so let s get on to it Hey for more content like the one you re about to read check out mattibarzeev on Twitter The code can be found in this GitHub repository The Mines CounterThe Minesweeper game has a game panel which holds among other things the mines counter The counter starts from the initial number of total mines on the board and each time the player marks a tile the mine count is decreased accordingly even if the mark is not actually on a Tile which has a mine in it We first render the game panel in the header lt header class styles header gt lt div class styles gamePanel gt lt div gt lt div class styles board gt lt For each tilesArray gt tileData TileData gt lt Tile data tileData onTileContextMenu toggleTileMark onTileClicked onTileClicked gt lt For gt lt div gt lt header gt In order to show the remaining mines count we need to create a solid s signal so it can be reactive const TOTAL MINES const remainingMines setRemainingMines createSignal lt number gt TOTAL MINES And the rendering will be lt div class styles gamePanel gt lt span gt remainingMines lt span gt lt div gt Now in order to set the number of total remaining mines correctly we need to update it each time the player toggle the marking and I would like to do that as a side effect of when the tiles array is being modified In order to achieve that we need to “listen for changes in the tilesArray and inspect the marked tiles in order to calculate the remaining mines It may appear not optimized but it will make our game work in a deterministic manner with a game state by that I mean that if we give the game a state it will render correctly For that we shall use Solid s “createEffect createEffect gt const markedTiles tilesArray filter tile gt tile isMarked setRemainingMines TOTAL MINES markedTiles length This effect will trigger each time the tilesArray signal is changed filter out the tiles which are marked and deduct them from the TOTAL MINES to get the remaining mines number Detonating a MineWhen the player accidentally opens a tile which has a mine the game is over Here is the code for the tile clicked handler const onTileClicked index number gt const tile TileData tilesArray index If the tile is marked un mark it tile isMarked false If the tile has a mine it s game over if tile value MINE VALUE gameOver else let indices index const tileValue tile value if tileValue get the indices that need to be opened indices getTotalZeroTilesIndices index openTiles indices You can see that when we detect that the value is a “MINE VALUE we call the gameOver function What we want to do in the “gameOver function is to detonate the clicked mine and then the rest of the mines on the board We start by adding another property to the TileData which is isDetonated boolean export type TileData index number value TileValue isOpen boolean isMarked boolean isDetonated boolean This will help us indicate that the tile is detonated We obviously initiate it to “false Convert the boardArray to TilesArrayconst tilesArray setTilesArray createSignal lt TileData gt boardArray map item index gt index value getTileValue index isOpen false isMarked false isDetonated false We also add a css class in case the Tile is detonated in the Tile component classList styles exposed data isOpen data isMarked styles detonated data isDetonated value detonated display block background color red Now when the player detonates a mine we mark all the tiles with mines in them as “detonated and we open them all so when the game is over the entire game board is exposed const gameOver gt setTilesArray prevArray gt const newArray prevArray map tile gt if tile value MINE VALUE return tile isDetonated true isOpen true return tile isOpen true return newArray And here is the result so far Finding all the minesIt s time to handle the situation where the player finds all the mines In other words it means that each Tile that has a mine in it is marked with a flag and that the number of marked Tiles is equal to the total number of mines in the board In the createEffect we previously made we add the following code that checks if the game is won createEffect gt if isGameOver return const markedTiles tilesArray filter tile gt tile isMarked setRemainingMines TOTAL MINES markedTiles length If the marked tiles are actually mines and they equal to the total number of mines in the board the game is won if markedTiles length TOTAL MINES try markedTiles forEach tile gt if tile value MINE VALUE throw new Error gameWon catch error Do nothing the game is not won In short when the number of marked tiles is equal to the number of total mines we check if they are all mines If they are not we break the loop If they are we call the “gameWon method Notice that we check the “isGameOver before we do anything This is to prevent an infinite cycle when we want to do something to the Tiles array when the game is over like in the gameWon function where we open the entire Tiles Here is the code for the gameWon function const gameWon gt isGameOver true setTilesArray prevArray gt const newArray prevArray map tile gt return tile isOpen true return newArray The TimerIt s time to add the timer For now it will be “dumb it will start at the refresh of the page and will stop when the game is over for some reason We start with a Signal and an interval for the timer let timerInterval number const timerSeconds setTimerSeconds createSignal const startTimer gt timerInterval setInterval gt setTimerSeconds timerSeconds And we call the startTimer on the main App file For the Timer we build a dedicated component which displays the time in a nice format Notice that the “seconds prop that is passed to the component is not a number but is actually a Solid s Accessor type import Accessor from solid js const Timer seconds seconds Accessor lt number gt gt return lt div gt getDisplayTimeBySeconds seconds lt div gt const getDisplayTimeBySeconds seconds number gt const min Math floor seconds const sec seconds return getDisplayableTime min getDisplayableTime sec function getDisplayableTime timeValue number string return timeValue lt timeValue timeValue export default Timer We use this component like this in the main App file lt div class styles scoring gt lt span gt remainingMines lt span gt lt Timer seconds timerSeconds gt lt div gt And when the game is over for any reason we clear the interval It might be better to have a game state and have effects to it but we will save that and others to the refactor phase Well I think we made it and achieved our goals for this post So what do we have so far We have a mine counter we have a timer we have a way to indicate when the game is over or won and even got a nice bomb emoji for the mines couldn t find a mine sorry Not too bad Stay tuned for the next post where we will put some modals and attempt to complete and deploy the game The code can be found in this GitHub repository Hey for more content like the one you ve just read check out mattibarzeev on Twitter	2023-03-31 10:25:50
海外TECH	DEV Community	VS Code - Easy workflows and configurations with profiles	https://dev.to/robole/vs-code-custom-workflows-and-project-configuration-with-profiles-2ib6	VS Code Easy workflows and configurations with profilesHave you ever wanted a custom setup in VS Code for a particular workflow or environment Well you re in luck Today I will show you how to do this inside VS Code with profiles Profiles were added to VS Code in February v Previously people did this configuration outside of VS Code and had to do some command line wrangling to make their own system For example Joe Previte created a teaching workflow for his egghead courses This method can get messy if you are not careful ️️ What is a profile Profiles enable a user to save a configuration set including ui state settings and extensions It can capture preferences that can help you switch between contexts You can switch between profiles easily Profiles can be synced across machines You can export them and share them with colleagues to coordinate your work This was a missing piece of the setup for VS Code for a long time in my opinion What can a profile include A profile can include UI state View layout visible views and actions Settings A profile specific settings json file Extensions You can add or remove extensions from a profile Keybindings A profile specific keybindings json file is created Snippets A profile specific lt lt language gt gt json file is created User Tasks A profile specific tasks json file is created When a profile is created it is creating a separate set of configuration files It creates a folder in your user configuration folder named after your profile Depending on your platform the folder will be located in Windows APPDATA Code User profilesMacOS HOME Library Application Support Code User profilesLinux HOME config Code User profiles Use cases for profilesThe primary use case is for work modes in my opinion If you find yourself doing a particular type of work you could benefit from this Activity such as demonstrations screencasting reviewing pull requests or writing docs have different requirements A secondary use case is for particular environments If you have a fullstack project it may be useful to have a frontend and backend profile to switch to a different UI layout and have certain actions more prominently available Maybe you want your Ruby on Rails projects to be set up differently than other Ruby projects I would issue some caution with creating profiles for languages and frameworks that you use you could quickly get into a habit of overspecializing Remember it is possible to have language specific settings in your global settings file If some configuration is tied to a language it may be better to put the configuration in there I spoke about this in a previous article Customize your VS Code setup for a project or for a language if you want to learn more about that It is something that people often are not familiar with A good rule of thumb is to only create a profile if you find yourself wanting to have the same configuration between projects and it is not tied to a particular language One exception to the rule of thumb is that some extensions can always be loaded and you may not want this This is not common because extensions are conditionally loaded usually only when they are needed It is usually only extensible extensions such as linters that are always loaded because they can be configured to be used by more languages or file types I spoke about this in a previous article VS Code How many extensions should I use if you want to learn more about the topic If you want tighter control a profile can gives you that power I would try to avoid micromanaging though Creaing a Teaching profileLet s return to Joe Previte s Teaching workflow that he created outside of VS Code It should be instructive pardon the pun to do this with a profile and compare my efforts and the outcome with what Joe did Joe made his custom configuration in steps Let s see how we fare Essentially we want a minimal configuration We want to be close to stock installation to be as simple and distraction free as possible for students We want to make text bigger and hide the minimap We will have a short set of settings like so editor fontSize terminal integrated fontSize window zoomLevel editor minimap enabled false You have choices for creating a profile Create a profile based on the current profile with the command Profiles Create from Current Profiles This is a duplicated copy of your current configuration Create an empty profile with the command Profiles Create Empty Profile This is like a clean slate Create a temporary profile with the command Profiles Create Temporary Profile A temporary profile is useful for experimentation It creates an empty profile with an automatically generated name such as Temp You can use the profile for the lifetime of your VS Code session It will be deleted once you close VS Code Before we create a new profile let me show you my default configuration for reference Below is a screenshot of editing a markdown file this post with my current config We will create an empty profile because we want to start from zero Open the Command Palette Ctrl Shift P and run the Create Empty Profile command You will be promoted for a name I will name the profile as Teaching You will see the UI flash and we are now in our new profile Everything looks different now because we have reverted back to the base settings VS Code identifies the current custom profile by showing the first two letters of the profile name as a badge on the gear icon on the sidebar This is the Manage Activity item according to the VS Code docs It is positioned at the bottom of the sidebar by default I have circled it in yellow in the screenshot below You can see TE for my teaching profile Let s edit our profile by changing the settings Run the command Preferences Open Current Profile Settings JSON to open the settings json for the Teaching profile Paste in the aforementioned settings and save You will see the text increase in size and everything is zoomed in now Mission accomplished for our simple use case We did it in just steps Although Joe uses the command line for opening a project with his configuration You can do this too without any extra effort If you want to open a project direct from the command line with your Teaching profile you can use the code command with the profile option You supply the name of the profile as an argument just like this open a project with a profilecode projects teaching website tutorial profile Teaching Switching profilesYou can quickly switch between profiles with the Profiles Switch Profile command The command will presents a dropdown listing your available profiles Pick one and it will change your configuration The current profile is associated with the current workspace When you open that folder again it will open with the profile from your last session Editing a profileOne thing to keep in mind when you want to edit the settings of a profile is that there are multiple settings json files There is default user current profile and project There is a command for each of these in the command palette Make sure you run the Preferences Open Current Profile Settings JSON command to open the settings json for the current profile If you are in your default profile you will not see this command in the list You can open the profiles view to review the customizations for a profile with the Profiles Show Contents command Since I only edited the setteing my Teaching profile has just Settings and UI State listed You will see entries for keybindings tasks and extensions listed here if you customised them If you expand the UI State node there is a globalState json entry This is an in memory JSON representation of your profile s UI State This file does not actually exist on disk Just in case you were wondering I wondered You can rename an existing profile via the Profiles Rename command in the Profiles menu You can delete a profile via the Profiles Delete command You can import and export profiles with the Profiles Import and Profiles Export commands respectively A profile can be exported as a GitHub gist or as file If you chose to save the profile as a local file a Save Profile dialog lets you place the file on your local machine A profile is persisted in a file with the extension code profile Syncing profilesYou can use the builtin Settings Sync feature to use your profiles across machines To add profiles to your sync run the Settings Sync Configure command A drop down will appear showing configuration items to include in the sync check the Profiles item Don t forget to enable syncing otherwise nothing will be synced Final thoughtsProfiles are a great addition to VS Code and can help you tailor your editor experience to work in different contexts and environments You no longer need to go outside VS Code to create your own configuration sets The editor integration means you can switch between contexts with ease and benefit from other builtin features such as syncing and sharing That s a signficant win in my book Further readingVS Code docs Profiles guide	2023-03-31 10:10:55
Apple	AppleInsider - Frontpage News	Smart AirTags lead cops to dumb thief wearing victim's socks	https://appleinsider.com/articles/23/03/31/smart-airtags-lead-cops-to-dumb-thief-wearing-victims-socks?utm_medium=rss	Smart AirTags lead cops to dumb thief wearing victim x s socksPolice tracked a suspected luggage thief with an AirTag that the owner wisely stashed in his luggage and busted the bandit wearing the owner s clothes AirTag on a bagIn yet another incident where AirTags reunited an owner with their suitcase Jameel Reid in Georgia recovered his luggage and about worth of stuff in it Read more	2023-03-31 10:55:50
医療系	医療介護 CBnews	がんゲノム拠点の加算、4月からの新規指定も算定可-22年度診療報酬改定Ｑ＆Ａ、厚労省	https://www.cbnews.jp/news/entry/20230331191157	厚生労働省	2023-03-31 19:30:00
医療系	医療介護 CBnews	全国のインフルエンザ患者報告数が2週連続で減少-厚労省が第12週の発生状況を公表	https://www.cbnews.jp/news/entry/20230331175343	厚生労働省	2023-03-31 19:10:00
ニュース	BBC News - Home	Michael Vaughan cleared 'on balance of probabilities' of using racist language towards Azeem Rafiq	https://www.bbc.co.uk/sport/cricket/65135694?at_medium=RSS&at_campaign=KARANGA	Michael Vaughan cleared x on balance of probabilities x of using racist language towards Azeem RafiqMichael Vaughan is cleared on balance of probabilities of using racist language towards former Yorkshire team mate Azeem Rafiq	2023-03-31 10:14:25
ニュース	BBC News - Home	UK-Asia trade deal to boost UK economy by 0.08%	https://www.bbc.co.uk/news/business-65124741?at_medium=RSS&at_campaign=KARANGA	economy	2023-03-31 10:30:55
ニュース	BBC News - Home	Aberfan teacher who rescued children dies aged 82	https://www.bbc.co.uk/news/uk-wales-65100262?at_medium=RSS&at_campaign=KARANGA	classroom	2023-03-31 10:29:31
ニュース	BBC News - Home	Oscar Pistorius parole: Victim Reeva Steenkamp's mother against release	https://www.bbc.co.uk/news/world-africa-65123142?at_medium=RSS&at_campaign=KARANGA	murder	2023-03-31 10:32:38
ニュース	BBC News - Home	MLB: Los Angeles Angels' Hunter Renfroe's 'ridiculous' catch against Oakland Athletics	https://www.bbc.co.uk/sport/av/baseball/65137049?at_medium=RSS&at_campaign=KARANGA	MLB Los Angeles Angels x Hunter Renfroe x s x ridiculous x catch against Oakland AthleticsWatch Hunter Renfroe s ridiculous no look catch on his debut for the Los Angeles Angels in their season opener against the Oakland Athletics	2023-03-31 10:12:44
ニュース	Newsweek	仲間を襲うニシキヘビにたかるマングースの群れ、皮膚をも剥ぎ取る	https://www.newsweekjapan.jp/stories/world/2023/03/post-101234.php	匹ほどの群れは団結し、甲高い鳴き声でヘビにたかっては噛み付き、胴体の皮膚を引き剥がす場面も。	2023-03-31 19:30:00
ニュース	Newsweek	上官の「性奴隷」になるよう強要...ロシア女性兵士たちの「地獄」を帰還兵が告発	https://www.newsweekjapan.jp/stories/world/2023/03/post-101262.php	複数の将校の相手をさせられる女性兵もマルガリータさんによれば、医療部隊の中で性奴隷になるよう圧力を受けた女性兵は他にも人いるという。	2023-03-31 19:26:00
ニュース	Newsweek	ヘンリーはやはり騎士道精神あふれる愛情深い王子...メーガンへの振る舞いに称賛の声	https://www.newsweekjapan.jp/stories/world/2023/03/post-101269.php	ヘンリーはやはり騎士道精神あふれる愛情深い王子メーガンへの振る舞いに称賛の声英ヘンリー王子による、妻のメーガン妃への「紳士の振る舞い」の様子をまとめた動画がネットで拡散され、「愛情深い」「素晴らしいカップル」といった賞賛の声が多く上がっている。	2023-03-31 19:10:00
IT	週刊アスキー	Thermaltake、日本製コンデンサーを使用した日本オリジナルモデルの電源ユニット「TOUGHPOWER」シリーズを発売	https://weekly.ascii.jp/elem/000/004/131/4131048/	power	2023-03-31 19:20:00