投稿時間:2023-07-07 13:23:05 RSSフィード2023-07-07 13:00 分まとめ(28件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia Mobile] マイナンバーカードで即時完了　ドコモがdアカウントに「かんたん本人確認」を導入　7月11日から	https://www.itmedia.co.jp/mobile/articles/2307/07/news125.html	itmediamobile	2023-07-07 12:30:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] サードウェーブ、Core i5/i7を搭載したスタンダード15.6型ノート	https://www.itmedia.co.jp/pcuser/articles/2307/07/news123.html	coreii	2023-07-07 12:18:00
IT	ITmedia 総合記事一覧	[ITmedia News] 「dアカウント」の本人確認、公的個人認証サービスに対応　顔写真や書類不要に	https://www.itmedia.co.jp/news/articles/2307/07/news122.html	itmedia	2023-07-07 12:12:00
IT	ITmedia 総合記事一覧	[ITmedia News] 「ポケモンスリープ」は7月下旬に公開　カビゴンを育てて睡眠習慣を整える	https://www.itmedia.co.jp/news/articles/2307/07/news121.html	itmedia	2023-07-07 12:05:00
TECH	Techable（テッカブル）	日本製ノーコードアプリ開発プラットフォーム「Click」で、コミュニティを作ってみた！	https://techable.jp/archives/212939	click	2023-07-07 03:30:02
TECH	Techable（テッカブル）	広島県尾道市、スマート公民館の実現へ。オンライン予約やスマートロックを活用した実証実験完了	https://techable.jp/archives/213162	実証実験	2023-07-07 03:00:20
python	Pythonタグが付けられた新着投稿 - Qiita	AlmaLinux OS 9 に Python 3.11 をインストール（AppStream）	https://qiita.com/witchcraze/items/76b4bd18ab89ea63d1f0	redhatenterp	2023-07-07 12:59:23
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonの__init__と__main__について	https://qiita.com/BUU-SAN/items/f12388882f229f9d76e6	部分的	2023-07-07 12:48:51
python	Pythonタグが付けられた新着投稿 - Qiita	RockyLinux OS 8 に Python 3.11 をインストール（AppStream）	https://qiita.com/witchcraze/items/386b30f1f80745f8a9e3	applica	2023-07-07 12:35:40
python	Pythonタグが付けられた新着投稿 - Qiita	AlmaLinux OS 8 に Python 3.11 をインストール（AppStream）	https://qiita.com/witchcraze/items/58f49b47077cb442a453	almalinux	2023-07-07 12:33:04
js	JavaScriptタグが付けられた新着投稿 - Qiita	個人開発のWebサービスの荒らし対策にChatGPTを導入した	https://qiita.com/laineus/items/596f05be2a9542045452	chatgpt	2023-07-07 12:03:34
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure Machine Learning の Prompt flow で Azure Cognitive Search をベクトルストアとして RAG を実行する	https://qiita.com/nohanaga/items/7c8b797f20ab8a3d5c92	azurecognitivesearch	2023-07-07 12:47:53
Azure	Azureタグが付けられた新着投稿 - Qiita	AI-900合格体験記	https://qiita.com/fsd-shuhashi/items/598624c6772158b15e33	microsoft	2023-07-07 12:36:36
技術ブログ	Developers.IO	くらめその情シス：【社内向け】「2つの事業部情シス」が存在する理由	https://dev.classmethod.jp/articles/two_information_systems/	情報システム	2023-07-07 03:49:59
技術ブログ	Developers.IO	クラスメソッドのブログの歴史を振り返る #1 『DevelopersIO前史』(2004年〜2010年) #クラスメソッド20th	https://dev.classmethod.jp/articles/playback-developers-io-history-vol-01/	developersio	2023-07-07 03:43:55
技術ブログ	Developers.IO	クラスメソッドに入社直後に思ったことを記事にしてみた #わたしとクラスメソッド #クラスメソッド20th	https://dev.classmethod.jp/articles/aripon-joined-right-after/	thaws	2023-07-07 03:20:10
技術ブログ	Developers.IO	Knowing Cryptojacking and How to Prevent It	https://dev.classmethod.jp/articles/knowing-cryptojacking-and-how-to-prevent-it/	Knowing Cryptojacking and How to Prevent ItHemanth from the alliance department here This time I m blogging on the study session subject of cryptojack	2023-07-07 03:10:16
技術ブログ	Developers.IO	サポートエンジニアがデータ分析基盤コンサルタントになって、2023 Japan AWS Top Engineer (Analytics)になった思い出を振り返る #わたしとクラスメソッド	https://dev.classmethod.jp/articles/look-back-my-classmethod-days-as-a-solution-architect-data-analytics-platfortm/	awstopengineeranalytics	2023-07-07 03:10:10
海外TECH	DEV Community	Github vs. Git: Understanding the Differences	https://dev.to/soumyadeepdey/github-vs-git-understanding-the-differences-k5i	Github vs Git Understanding the DifferencesGithub vs Git Understanding the DifferencesWhen it comes to version control systems GitHub and Git are two widely known and commonly used tools While the names may sound similar they serve different purposes and have distinct functionalities In this article we will explore the differences between GitHub and Git to help you understand when and how to use each Git The Version Control SystemGit is a distributed version control system designed for tracking changes in source code during software development It provides developers with the ability to manage their projects efficiently enabling them to track modifications collaborate with others and revert changes if necessary Git operates locally on your computer allowing you to work offline and access the full history of your project With Git you can create branches to work on different features or bug fixes without affecting the main codebase This branching feature promotes collaboration by allowing multiple developers to work on different tasks simultaneously Git also provides features like merging branches resolving conflicts and tagging specific versions ensuring a streamlined and organized development process Github The Collaboration PlatformGithub on the other hand is a web based hosting service that utilizes Git as its version control system It serves as a platform for developers to store and manage their Git repositories in a centralized manner GitHub enhances collaboration by offering features such as pull requests issue tracking and project management tools GitHub provides a seamless way for teams to work together as it allows developers to clone repositories make changes locally and push their changes back to the central repository Pull requests enable developers to propose changes review each other s code and collaborate on merging those changes into the main codebase Additionally GitHub offers features like wikis project boards and integrations with popular development tools making it a comprehensive platform for software development collaboration Choosing Between Git and GitHubThe choice between Git and GitHub depends on your specific needs and the context of your project How Git Works How Github Works Use Git If you prefer a local offline version control system If you work on personal projects or small teams without the need for extensive collaboration features If you want full control over your repository without relying on a third party platform Use GitHub If you work on collaborative projects with distributed teams or open source projects If you require features like pull requests issue tracking and project management tools If you want the convenience of a web based platform with social coding capabilities Integration Between Git and GitHubIt s important to note that Git and GitHub can also be used together to enhance the development process Git provides the local version control capabilities allowing you to commit changes create branches and manage the history of your project With Git you have the flexibility to work offline and maintain full control over your repository GitHub on the other hand acts as a remote hosting platform for your Git repositories You can push your local Git repository to GitHub creating a centralized location for collaboration and easy access for distributed teams GitHub provides a user friendly web interface for managing repositories browsing code and facilitating collaboration through features like pull requests and issue tracking By using Git and GitHub together you can benefit from the best of both worlds You can leverage the power of Git s local version control system while utilizing GitHub s collaboration features and centralized repository management This integration allows for seamless collaboration code review and easy deployment of code changes to production environments Other Git Hosting PlatformsWhile GitHub is one of the most popular Git hosting platforms it s not the only option available There are several alternatives that offer similar functionality including GitLab Bitbucket and Azure DevOps These platforms provide their own set of features such as built in CI CD pipelines project management tools and integration with other development services When choosing a Git hosting platform consider factors such as your team s specific needs the scale of your project pricing and the integrations available Each platform has its own strengths and weaknesses so it s worth exploring multiple options to find the one that aligns best with your requirements ConclusionGit and GitHub are complementary tools that offer distinct functionalities in the software development lifecycle Git is a powerful distributed version control system that allows for local code management and tracking of changes GitHub on the other hand serves as a collaborative platform built on Git offering centralized hosting collaboration features and project management tools Understanding the differences and integration between Git and GitHub enables you to make informed decisions about how to manage your codebase and collaborate effectively Whether you choose Git GitHub or another Git hosting platform version control is an essential aspect of modern software development promoting collaboration code quality and efficient project management Consider your specific needs project requirements and the scale of collaboration when deciding between Git and Git hosting platforms like GitHub With the right toolset you can streamline your development workflow improve productivity and ensure the integrity of your codebase	2023-07-07 03:44:23
海外TECH	DEV Community	Understanding DOM Manipulation with JavaScript	https://dev.to/scofieldidehen/understanding-dom-manipulation-with-javascript-5073	Understanding DOM Manipulation with JavaScriptDocument Object Model or DOM is a programming interface that allows JavaScript to manipulate elements in an HTML document When an HTML code is loaded in a browser it parses it In order to make these web pages and HTML documents dynamic the browser lets JavaScript tap into the power of the DOM to access nodes and elements within the HTML file in a hierarchical form DOM is an Application Programming Interface API for accessing and manipulating HTML files In this article we will look at how to use the document object to select elements traverse the DOM insert remove and replace elements Selecting Elements in the DOMYou can select elements within the Document Object Model DOM using various methods available through the document object These methods allow you to select either a single element or multiple elements These methods are getElementById document getElementById access elements with a specific id that matches the one mentioned in the string lt html gt lt head gt lt title gt DOM Manipulation lt title gt lt script src app js defer gt lt script gt lt head gt lt body gt lt h id heading gt JavaScript getElementById lt h gt lt ul class parent gt lt li class item gt First Item lt li gt lt li class item gt Second Item lt li gt lt ul gt lt body gt lt html gt const element document getElementById heading The id is unique within an HTML document However HTML is a forgiving language If the HTML document has multiple elements with the same id the document getElementById method returns the first element it encounters In cases where the ID given does not exist it returns null getElementByClassName document getElementByClassName is used to access elements with specific class names These names would be passed as arguments to the method when it is called It returns an array like not everything you can do on an array works there object of the child elements with a specified class name These arrays are called HTML collections and are different from true Javascript arrays Therefore not all array operations can work with these HTML collections Just like document getElementById document getElementByClassName method returns the first element it encounters In cases where the class name given does not exist it returns null Here is a code snippet that describes how getElementsByClassName works with HTML elements lt html gt lt head gt lt title gt DOM Manipulation lt title gt lt script src app js defer gt lt script gt lt head gt lt body gt lt nav gt lt ul class parent gt lt li class item gt First Item lt li gt lt li class item gt Second Item lt li gt lt ul gt lt nav gt lt body gt lt html gt const items document getElementsByClassName item In the code snippet the first element with the class item is selected and stored in a variable items querySelector document querySelector is a method that allows you to select the first element that matches the CSS selector lt html gt lt head gt lt title gt DOM Manipulation lt title gt lt script src app js defer gt lt script gt lt head gt lt body gt lt nav gt lt ul gt lt li class item gt First Item lt li gt lt li class item gt Second Item lt li gt lt li class item gt Third Item lt li gt lt ul gt lt nav gt lt body gt lt html gt const items document querySelector li console log items In this code the js script uses the document querySelector li to select the first li element Selecting Multiple Elements in the DOMWhen it comes to selecting multiple elements within the DOM there are several methods you can use These methods typically return a collection of elements that matches specific criteria Here are some commonly used approaches querySelectorAll document querySelectorAll is used to select all elements with a CSS selector It returns a static NodeList of elements This means it does not change or reflect when tag names are deleted or added lt html gt lt head gt lt title gt DOM Manipulation lt title gt lt script src app js defer gt lt script gt lt head gt lt body gt lt nav gt lt ul gt lt li class item gt First Item lt li gt lt li class item gt Second Item lt li gt lt li class item gt Third Item lt li gt lt ul gt lt nav gt lt body gt lt html gt const items document querySelectorAll li console log items From the above JavaScript code we can easily select all the elements with the li CSS selector P S This should not be confused with querySelector querySelector selects just the first element with a specific CSS selector While querySelectorAll selects all elements with a specific CSS selectorgetElementByTagName document getElementByTagName allows the selection of all elements that match a tag name It returns a live HTMLCollection of elements This means it automatically reflects changes when tag names are deleted or added For example lt html gt lt head gt lt title gt DOM Manipulation lt title gt lt script src app js defer gt lt script gt lt head gt lt body gt lt h gt Tag Name lt h gt lt p gt This is for some random text lt p gt lt h gt Tag Name lt h gt lt p gt This is for some more random text lt p gt lt h gt Tag Name lt h gt lt p gt This is for some other random text lt p gt lt body gt lt html gt const headings document getElementsByTagName h console log headings In the JavaScript code snippet all of the elements with the tag name h are selected and displayed Traversing the DOMDOM Traversing is the process of moving or selecting an element from another element It involves navigating the Document Object Model DOM tree to access and manipulate elements Traversing can occur in three directions Upwards Sideways DownwardsUpward traversingThis involves accessing a child element from its parent element or ancestors The most common method used for upward traversing is parentElement Using parentElemet or parentNodeYou can traverse up the DOM using parentElement or parentNode This lets you access the element node that encloses the current element lt html gt lt head gt lt title gt DOM Manipulation lt title gt lt script src app js defer gt lt script gt lt head gt lt body gt lt ul class parent gt lt li class child gt First Item lt li gt lt li class child gt Second Item lt li gt lt li class child gt Third Item lt li gt lt ul gt lt body gt lt html gt const item document querySelector child const parentN item parentNodeconst parentEl item parentElementconsole log parentN console log parentEl In the JavaScript code snippet the first element with the class child is selected and stored in a variable item Now we can use the parentNode and parentElement methods to access this element s parent node and parent element Sideways traversingThis involves moving between elements that share the same parent These elements are also referred to as sibling elements The most common methods used for sideways traversing are nextElementSibling and previousElementSiblingUsing nextElementSibling and previousElementSiblingWhen navigating the DOM sideways we can select the next element using nextElementSibling and select the previous element using previousElementSibling lt html gt lt head gt lt title gt DOM Manipulation lt title gt lt script src app js defer gt lt script gt lt head gt lt body gt lt ul class parent gt lt li class child gt First Item lt li gt lt li class child gt Second Item lt li gt lt li class child gt Third Item lt li gt lt ul gt lt body gt lt html gt const firstItem document querySelector li console log firstItem nextElementSibling const secondItem document querySelectorAll li console log secondItem previousElementSibling This might be a bit confusing so let s break down the code Line we select the first element with the tag name li and store it in a variable named firstItem Line we easily access the next element of the firstItem using the nextElementSibling method In line we use querySelectorAll to access all elements with the tag li then we use the index to select just the second element with the tag li storing it in a variable named secondItem Line we easily access the previous element of secondItem using the previousElementSibling method PS This should give further clarity on the differences between querySelector and querySelectorAll and how they are used Downward TraversingThis involves moving from a parent element to its child elements In navigating the DOM downwards we can use the children property to select direct descendants of the current element Selecting children ElementIn navigating the DOM downwards we can use the children property to select direct descendants of the current element lt html gt lt head gt lt title gt DOM Manipulation lt title gt lt script src app js defer gt lt script gt lt head gt lt body gt lt ul class parent gt lt li class child gt First Item lt li gt lt li class child gt Second Item lt li gt lt li class child gt Third Item lt li gt lt ul gt lt body gt lt html gt lt pre gt lt code class language javascript gt const parent document querySelector parent const children parent children In the JavaScript code snippet the first element with the class parent is selected and stored in a variable parent Now we can use the children method to access the element s descendants Creating HTML Elements in JavaScriptWe can create new HTML elements from a Javascript code using the document createElement method This method takes an argument of the type of element we want to create For example lt html gt lt head gt lt title gt DOM Manipulation lt title gt lt script src app js defer gt lt script gt lt head gt lt body gt lt ul class parent gt lt li class child gt First Item lt li gt lt li class child gt Second Item lt li gt lt li class child gt Third Item lt li gt lt ul gt lt body gt lt html gt We can use the createElement method to create a new lt li gt element in JavaScript code const newList document createElement li Now we can easily add some content to the newList using the textContent method const newList document createElement li newList textContent Fourth Item console log newList The output would be Fourth Item Quite interesting isn t it With this we can easily add elements and text content into existing HTML code in just a few lines We can now go ahead to insert this into the existing list in the HTML code as a fourth Item Inserting ElementsWe have seen how we can select and create elements now we can easily insert elements in the DOM We can easily do this using the append or appendChild method For example we would use one of these to insert a new list as the Fourth Item in the HTML code lt html gt lt head gt lt title gt DOM Manipulation lt title gt lt script src app js defer gt lt script gt lt head gt lt body gt lt ul class parent gt lt li class child gt First Item lt li gt lt li class child gt Second Item lt li gt lt li class child gt Third Item lt li gt lt ul gt lt body gt lt html gt const items document querySelector ul const newList document createElement li newList textContent Fourth Item items appendChild newList In the preceding code the ul element and stored in a variable items Then we create a new li element using the createElement method storing it in a variable newList We easily add some content to it using the textElement method To add newList to items we use the append method while passing newList as the parameter The updated list would be updated to First ItemSecond ItemThird ItemFourth ItemRemoving and Replacing ElementsJust as we can select and insert elements into the DOM we can also easily remove elements from the DOM using the remove method For example let us remove the first item from the list with this method We would first select the first li element using querySelector and store it in a variable firstItem const firstItem document querySelector li firstItem remove document querySelector li Using the remove method we deleted the first list from the HTML list which would now be updated to Second ItemThird ItemIn cases where we want to replace the element and not get rid of them we can use the replaceWith method const newList document createElement li newList textContent Fourth Item const firstItem document querySelector li firstItem replaceWith newList The list would be updated to Fourth Item Second ItemThird ItemCloning DOM NodesWe can clone a Node using the cloneNode method This would return a brand new node and keep the old node It takes an optional argument which is a boolean argument that is either true or false By default it is set at false and in this case only the selected element is cloned without any nested element COPY lt html gt lt head gt lt title gt Cloning DOM Nodes lt title gt lt script src app js defer gt lt script gt lt head gt lt body gt lt ul class parent gt lt li class child gt First Item lt li gt lt li class child gt Second Item lt li gt lt li class child gt Third Item lt li gt lt ul gt lt body gt lt html gt const items document querySelector ul const clone items cloneNode false console log clone The output would be lt ul class parent gt lt ul gt When the argument is true all descendants of the selected element will be cloned const items document querySelector ul const clone items cloneNode true console log clone The output in the console would be lt ul class parent gt lt li class child gt First Item lt li gt lt li class child gt Second Item lt li gt lt li class child gt Third Item lt li gt lt ul gt ConclusionIn this article you learned how to use and replicate the Javascript Dom in your project If you find this post exciting find more exciting posts on Learnhub Blog we write everything tech from Cloud computing to Frontend Dev Cybersecurity AI and Blockchain Resource Javascript Email with Nodemailer How to send an email in node js using nodemailer Javascript Array method Best React JavaScript Frameworks For This article was written by tosynthegeek who is a  Blockchain and Crypto Enthusiast	2023-07-07 03:20:11
海外科学	NYT > Science	David Sibley explains how drawing birds makes you a “thoughtful observer”	https://www.nytimes.com/2023/07/06/science/birding-illustration-sibley.html	entire	2023-07-07 03:10:27
海外科学	NYT > Science	John Kerry to Visit China to Restart Climate Negotiations	https://www.nytimes.com/2023/07/06/climate/john-kerry-china-climate.html	discussions	2023-07-07 03:05:34
海外科学	NYT > Science	U.S. Animal Industries Pose Disease Risks to People, Report Says	https://www.nytimes.com/2023/07/06/health/animals-agriculture-disease-spillover.html	U S Animal Industries Pose Disease Risks to People Report SaysThe nation uses an enormous number of animals for commercial purposes and regulations do not adequately protect against outbreaks experts concluded	2023-07-07 03:59:15
海外ニュース	Japan Times latest articles	Eisai Alzheimer’s drug gets full U.S. approval, widening access to the therapy	https://www.japantimes.co.jp/news/2023/07/07/world/science-health-world/eisai-alzherimers-drug-u-s-approval/	Eisai Alzheimer s drug gets full U S approval widening access to the therapyThe broader clearance from the Food and Drug Administration marks a milestone for treatment of the dementia that afflicts some million Americans	2023-07-07 12:04:15
海外ニュース	Japan Times latest articles	U.S. to vie for World Cup without top NBA stars	https://www.japantimes.co.jp/sports/2023/07/07/basketball/nba/usa-roster-fiba-world-cup/	august	2023-07-07 12:03:48
ビジネス	ダイヤモンド・オンライン - 新着記事	「マイナンバー総点検」が残念すぎる理由〈消えた年金〉収拾の専門家が「ナンセンス」とバッサリ - News&Analysis	https://diamond.jp/articles/-/325748	newsampampanalysis	2023-07-07 12:30:00
ニュース	Newsweek	ほぼ寝たきりだった私が10歳若返ったスゴい健康法...テクノロジーと自然の力を利用する「バイオハック」とは？	https://www.newsweekjapan.jp/stories/lifestyle/2023/07/post-102125.php		2023-07-07 12:40:00
IT	週刊アスキー	Twitter競合SNS「Bluesky」、カスタムドメイン販売を開始	https://weekly.ascii.jp/elem/000/004/144/4144308/	bluesky	2023-07-07 12:45:00