投稿時間:2021-04-25 00:30:08 RSSフィード2021-04-25 00:00 分まとめ(33件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Apple、｢AirTagレザーキーリング｣の新しいカラーモデルをまもなく追加で発売か	https://taisy0.com/2021/04/24/139660.html	airtag	2021-04-24 14:53:24
IT	気になる、記になる…	Apple、｢AirTag レザーキーリング｣の未発表カラーモデルの画像を誤って掲載	https://taisy0.com/2021/04/24/139655.html	airtag	2021-04-24 14:43:45
AWS	lambdaタグが付けられた新着投稿 - Qiita	【AWS】【超初心者ハンズオン】1. AWS Lambdaによって、自作したコードを実行する	https://qiita.com/swysenk/items/f209778fe0ad8d1ebeb0	AWSLambdaよくある質問AWSLambdaについて、AWSconsoleから触ってみる作成する関数の目的の間の整数をランダムにつ返すまず、空っぽのLambda関数を作成AWSconsole画面にて、Lambdaを検索してクリック関数の作成をクリックAWSLambdaのダッシュボード画面①関数の作成新規に関数を作る②Lambda関数これまでにアカウントで作ったLambda関数の数③コードのストレージこれまでにアカウントで作ったLambda関数のコードの容量関数の作成画面一から作成を選択①関数名コードの目的機能がわかるよう命名②ランタイムどの言語に基づいたコードかを選択③アクセス権限いったん基本的なLambdaアクセス権限でOK画面下端の関数の作成で、Lambda関数ができる次に、作成した空っぽのLambda関数のコード部分を編集作成されたLambda関数のステータス画面①作成した関数のステータス画面のコードから、直接pyファイルを編集忘れずにDeployボタンでpyを更新する。	2021-04-24 23:54:16
python	Pythonタグが付けられた新着投稿 - Qiita	【AWS】【超初心者ハンズオン】1. AWS Lambdaによって、自作したコードを実行する	https://qiita.com/swysenk/items/f209778fe0ad8d1ebeb0	AWSLambdaよくある質問AWSLambdaについて、AWSconsoleから触ってみる作成する関数の目的の間の整数をランダムにつ返すまず、空っぽのLambda関数を作成AWSconsole画面にて、Lambdaを検索してクリック関数の作成をクリックAWSLambdaのダッシュボード画面①関数の作成新規に関数を作る②Lambda関数これまでにアカウントで作ったLambda関数の数③コードのストレージこれまでにアカウントで作ったLambda関数のコードの容量関数の作成画面一から作成を選択①関数名コードの目的機能がわかるよう命名②ランタイムどの言語に基づいたコードかを選択③アクセス権限いったん基本的なLambdaアクセス権限でOK画面下端の関数の作成で、Lambda関数ができる次に、作成した空っぽのLambda関数のコード部分を編集作成されたLambda関数のステータス画面①作成した関数のステータス画面のコードから、直接pyファイルを編集忘れずにDeployボタンでpyを更新する。	2021-04-24 23:54:16
python	Pythonタグが付けられた新着投稿 - Qiita	FastAPIにCognito認証を導入する	https://qiita.com/shoyo/items/6acdce23548975cc5e5d	FastAPIにCognito認証を導入するFastAPIにCognito認証を導入していきます。	2021-04-24 23:27:10
python	Pythonタグが付けられた新着投稿 - Qiita	ワーフリのスクショから編成を画像解析してみた① ―キャラ・装備枠の特定―	https://qiita.com/lt900ed/items/90ba81b8daa185ed5745	一方でキャライラストやドット絵が表示される辺りのレイアウトは固定であったため、特徴的なサブキャラの吹き出しの輪郭を検出し、そこからの決め打ちで対応することとした。	2021-04-24 23:14:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	HTMLとJavaScriptで電卓作成	https://teratail.com/questions/335005?rss=all	HTMLとJavaScriptで電卓作成前提・実現したいことHTMLとJavaScriptを使って電卓を作らないといけないですHTMLのコードは追記変更ができません。	2021-04-24 23:57:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	画像のすぐ下にテキストを設置したい	https://teratail.com/questions/335004?rss=all	画像のすぐ下にテキストを設置したい画像のすぐ下にテキストを設置したいのですが、ltpgtを入れると横並びになっていた画像が縦並びになってしまうため、横並びのままテキストが設置できるようにするためにはどうしたら良いか教えていただけたら助かります。	2021-04-24 23:51:21
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	PHPでエラーメッセージが表示され、WordPress固定ページの一部トップ画像が表示されなくなりました。	https://teratail.com/questions/335003?rss=all	PHPでエラーメッセージが表示され、WordPress固定ページの一部トップ画像が表示されなくなりました。	2021-04-24 23:40:37
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	index.html以外、サーバーエラーになってしまう	https://teratail.com/questions/335002?rss=all	indexhtml以外、サーバーエラーになってしまうさくらサーバーを使用しており、ファイルジラにてホームページをアップロードしました。	2021-04-24 23:23:28
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Windows】ゼロからReact+RailsAPI環境を爆速で構築する！！！！	https://qiita.com/GalaxyNeko/items/ade06300b955a2a9f78d	プロジェクトを作成するrailsnewプロジェクト名apiRailsプロジェクトの動作確認するRailsのプロジェクトが正常に起動するかを確認します。	2021-04-24 23:33:06
AWS	AWSタグが付けられた新着投稿 - Qiita	【AWS】【超初心者ハンズオン】1. AWS Lambdaによって、自作したコードを実行する	https://qiita.com/swysenk/items/f209778fe0ad8d1ebeb0	AWSLambdaよくある質問AWSLambdaについて、AWSconsoleから触ってみる作成する関数の目的の間の整数をランダムにつ返すまず、空っぽのLambda関数を作成AWSconsole画面にて、Lambdaを検索してクリック関数の作成をクリックAWSLambdaのダッシュボード画面①関数の作成新規に関数を作る②Lambda関数これまでにアカウントで作ったLambda関数の数③コードのストレージこれまでにアカウントで作ったLambda関数のコードの容量関数の作成画面一から作成を選択①関数名コードの目的機能がわかるよう命名②ランタイムどの言語に基づいたコードかを選択③アクセス権限いったん基本的なLambdaアクセス権限でOK画面下端の関数の作成で、Lambda関数ができる次に、作成した空っぽのLambda関数のコード部分を編集作成されたLambda関数のステータス画面①作成した関数のステータス画面のコードから、直接pyファイルを編集忘れずにDeployボタンでpyを更新する。	2021-04-24 23:54:16
Docker	dockerタグが付けられた新着投稿 - Qiita	Dockerでrailsを開発している時のwebpackerを更新する時の道のり	https://qiita.com/xxl/items/50b90ce074d0d2d70be6	Nodejsを更新する。	2021-04-24 23:43:34
golang	Goタグが付けられた新着投稿 - Qiita	【Go】gormで外部キー制約を貼れない時は、従属テーブルの型を確認する	https://qiita.com/kaito_program/items/4fd8c512f80b799c02e5	感想Goを触り始めて週間ほどですが、以外にもMySQLのエラーでハマるとは思ってませんでしたまだまだ知らないことがたくさんありました。	2021-04-24 23:50:54
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure Automationの「Start/Stop VMs during off hours」でVMの自動起動/停止を実装してみた話	https://qiita.com/mikanchaaan/items/71df51a999f34302f8d1	作成したAutomationアカウントを開く左ペインの「関連リソース」の「VMの開始停止」を選択「詳細を表示して、ソリューションを有効にします」をクリックソリューションのデプロイ画面が出てくるので「作成」をクリック以下の必要な項目を設定して「作成」をクリックワークスペースLogAnalyticsのワークスペースを指定。	2021-04-24 23:49:11
Ruby	Railsタグが付けられた新着投稿 - Qiita	Dockerでrailsを開発している時のwebpackerを更新する時の道のり	https://qiita.com/xxl/items/50b90ce074d0d2d70be6	Nodejsを更新する。	2021-04-24 23:43:34
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Windows】ゼロからReact+RailsAPI環境を爆速で構築する！！！！	https://qiita.com/GalaxyNeko/items/ade06300b955a2a9f78d	プロジェクトを作成するrailsnewプロジェクト名apiRailsプロジェクトの動作確認するRailsのプロジェクトが正常に起動するかを確認します。	2021-04-24 23:33:06
海外TECH	DEV Community	Why You Should Use TypeScript Over JavaScript in 2021 | A Simple Example	https://dev.to/doabledanny/why-you-should-use-typescript-over-javascript-in-2021-a-simple-example-3pfo	Why You Should Use TypeScript Over JavaScript in A Simple ExampleThis article was originally posted on DoableDanny com IntroI was recently making a meditation app called “Atomic Meditation with React Native and finally saw a strong reason to begin learning and using TypeScript over JavaScript for medium to larger size projects Before we start I should explain that if you ve never used React Native before you can still follow this article I ll explain what s going on as we go Also if you ve used ReactJS React Native for the purpose of this article is identical Let me show you how regular old JavaScript got me into a pickle Day All Going WellIn React Native there is something called Async Storage which very simply allows you to store data permanently in your user s mobile phone e g AsyncStorage setItem key value Async Storage only allows you to store strings so to save a number you would have to first convert it to a string Below we are using the ReactJS useState hook to declare a variable called sessionCount and set its initial state to and a setSessionCount function that allows us to alter the state of sessionCount const sessionCount setSessionCount useState Let s say that the user completes a meditation session recall that I was making a meditation app and sessionCount is keeping track of the total number of sessions that our user who I will now refer to as Anxious Andy has completed We now need to add to sessionCount So setSessionCount is called and is added to the previous value We then have to save this data as a string We shall do all of this in a function let s call it saveData User completes a meditation…const saveData gt setSessionCount prev gt const newSessionCount prev AsyncStorage setItem my number newSessionCount toString return newSessionCount Everything goes well and A little less anxious Andy calmly closes the app with a heightened sense of well being Day The Calm Before the StormAnxious Andy retrieves a notification reminding him it s meditation time in minutes But he s eager so he goes straight to his room pulls out his desk chair sits comfortably but alert and opens up his Atomic Meditation app Now when the app loads Andy s session data needs to be fetched from storage In React the useEffect hook allows us to execute a callback function when the component has mounted In the callback function we asynchronously get the data from storage and then setSessionCount to the data we get back “ e g useEffect gt AsyncStorage getItem my number then data gt setSessionCount data Now Anxious Andy completes another meditation successfully so needs to be added to sessionCount to keep track of the total number of sessions that he s completed This new value is also saved permanently to storage just as before e g User completes a meditation const saveData gt setSessionCount prev gt const newSessionCount prev AsyncStorage setItem my number newSessionCount toString return newSessionCount The user has now completed meditation sessions Day The StormAnxious no more Andy pulls out his phone and opens the app for his rd straight session he s doing well He wants to find out how well he s doing so he goes to the Stats Screen “Ohh lots of juicy statistics he murmurs to himself “This app is awesome But his love for the app diminishes quickly…The app tells him he s completed sessions He s only completed What went wrongIn day we initially set sessionCount to a number The user completed a meditation so we added We then converted it to a string “ and saved it to async storage recall async storage only accepts strings In day we retrieved the session count from async storage and setSessionCount to the value we received “ a string The user completed a meditation so we added to sessionCount But “ in JavaScript is “ not We forgot to convert the data we got back from storage back into an integer The worst thing is that our program flagged no errors this bug went freely unnoticed and caused us problems down the road It can be difficult to find the source of problems like this JavaScript allowed us to freely and unknowingly change the data type of a variable throughout our program The Solution TypeScript What is TypeScript If you re not familiar with TypeScript basically it s JavaScript with a few extra superpowers Variables cannot change types if they do TypeScript will throw an error Browsers can t understand TypeScript so all of your TypeScript files are compiled down in JavaScript files or a single “bundle JS file How to use TypeScript with React NativeAdding TypeScript to an existing React Native project is easy an npm install and a couple of config files and it s done Now all I have to do is change my file from App js to App tsx to get automatic type checking As soon as the file extension is changed TypeScript throws a wobbler English slang for tantrum telling me that the sessionCount variable which I initialised to a type of number is being assigned to a string I now have to perform a check to make sure the data is not null and then convert that data from a string to a number using parseInt to get rid of the error useEffect gt AsyncStorage getItem my number then data gt if data setSessionCount parseInt data TypeScript forces us to write better more robust code Awesome Best resource to learn TypeScriptI learned TypeScript by following The Net Ninja s TypeScript series If I need to learn a new language or framework my first call to action is to check if the Net Ninja has done a series on it He s superb Also the official TypeScript docs are pretty good ConclusionWe can now sleep a little easier knowing that our variables can t freely change type throughout our program Thanks TypeScript N B JavaScript is still great for smaller projects But for medium to large projects or small projects that have the potential to scale TypeScript is probably a worthy investment And if you know JavaScript learning TypeScript isn t difficult If you enjoyed this article then you can say thanks by checking out my Atomic Meditation app Meditation is a great way to quieten the mind and cut away anxiety The app is inspired by the bestselling book Atomic Habits and is based on doing at least minutes of meditation every day to develop a daily meditation habit Please leave me a review if you enjoy it it helps Have a great day	2021-04-24 14:57:10
海外TECH	DEV Community	How To Pass AI-900 Azure AI Fundamentals	https://dev.to/omniasalah276/how-to-pass-ai-900-azure-ai-fundamentals-55n7	How To Pass AI Azure AI FundamentalsHere is my experience in passing AI Azure I hope it will be useful I am gonna to talk about the following What is AI Test How to book for the Test Content of the Test Resources I used What Is AI Azure Microsoft Certification Basically this certification is designed to go over the fundamentals of machine learning and artificial intelligence in Azure its good opportunity for both technical and non technical backgrounds As you don t need to have data science or software engineering experience but it will be much more helpful if you have some programming knowledge or experience How To Book For The Test you can book for the test here till now the exam price is about USD the exam price varies from country to country you can check your own For me I got a scholarship to take the exam from the Ministry of Communications and Technology here in Egypt We took the exam in Certiport platform Content Of The Test The AI exam tests knowledge in five focus areas Describe AI workloads and considerations Identify features of common AI workloads Identify guiding principles for responsible AI Describe fundamental principles of machine learning on Azure Identify common machine learning types Describe core machine learning concepts Identify core tasks in creating a machine learning solution Describe capabilities of no code machine learning with Azure Machine Learning studio Describe features of computer vision workloads on Azure Identify common types of computer vision solution Identify Azure tools and services for computer vision tasks Describe features of Natural Language Processing NLP workloads on Azure Describe features of Natural Language Processing NLP workloads onAzure Identify features of common NLP Workload Scenarios Identify Azure tools and services for NLP workloads Describe features of conversational AI workloads on Azure Identify common use cases for conversational AI Identify Azure services for conversational AI For more illustration about how they are assessing those topics go here Note Sometimes they update the content of the exam The test contains between to MCQ T F and drag amp drop questions and has a minute time limit The total score is you should at least score to pass the exam Resources I usedMicrosoft Learning pathI used the for steps about how to interact with azure I recommend to sign up in Azure for Student to apply those steps In general their Learning path is very good and almost covers everything Practice Questions For Azure AI Fundamentals ExamYou can use it to summarize and make sure that you cover all about the theoretical part For me I loved the way of putting those info in the form of questions and answers it was very helpful for me and make the process of recall very easy Training Exams and examplesI used this test and that video for testing myself Also you can see a real exam from here It took me three days for preparing for the Exam If you study well you won t have any problem in passing the exam Good luck	2021-04-24 14:38:51
海外TECH	DEV Community	Custom React Hook - useFetch	https://dev.to/techcheck/custom-react-hook-usefetch-eid	Custom React Hook useFetch Why useFetch It s very common to fetch data when the user goes to a certain page We also use common logic when fetching that data There s also a fair amount of boilerplate logic that crowds our components and it s not very DRY Don t Repeat Yourself These are all good reasons to make a custom hook We can outsource that boilerplate logic into one separate file That file will hold the function hook which will return for us what we need to use in our components The Old WayIn this example I ll use the useState hook to keep track of the loading state any error and the data I ll use the useEffect hook to run all of that code Lastly I m using axios to fetch the data and a cancel token to cancel any unfinished requests that we don t need anymore App jsimport useState useEffect from react import axios from axios import App css function App const quote setQuote useState null const loading setLoading useState null const error setError useState null useEffect gt setLoading loading setQuote null setError null const source axios CancelToken source axios get cancelToken source token then res gt setLoading false setQuote res data content catch err gt setLoading false setError An error occurred Awkward return gt source cancel return lt div className App gt lt button onClick fetchQuote gt Fetch Quote lt button gt loading amp amp lt p gt loading lt p gt quote amp amp lt p gt quote lt p gt error amp amp lt p gt error lt p gt lt div gt export default App That s a lot of code Let s move most of it The New WayWe ll create another file called useFetch js You want to start the name of a custom hook with use so that React knows to treat it like a hook Let s copy over the import statements all useStates and the useEffect function useFetch jsimport useState useEffect from react import axios from axios function useFetch url const data setData useState null const loading setLoading useState null const error setError useState null useEffect gt setLoading loading setData null setError null const source axios CancelToken source axios get url cancelToken source token then res gt setLoading false checking for multiple responses for more flexibility with the url we send in res data content amp amp setData res data content res content amp amp setData res content catch err gt setLoading false setError An error occurred Awkward return gt source cancel url return data loading error export default useFetch You may have noticed some changes First of all the function which is our hook is named useFetch It receives a parameter which is the url we want to get data from We also changed setQuote to setData making it more versatile Notice that we also check for multiple responses to make it more flexible as well Lastly our useFetch function hook returns our data loading and any error I put those in an object so we can use object destructuring when accessing those in our component That way the order doesn t matter when we destructure them and we can rename them if we want I ll show you that next Using useFetch in Our ComponentSo back in our App component we ll import our useFetch hook from useFetch js and pass in the url we want to fetch data from We ll use object destructuring to access what we need Lastly we ll rename data to quote import useFetch from useFetch import App css function App const data quote loading error useFetch return lt div className App gt loading amp amp lt p gt loading lt p gt quote amp amp lt p gt quote lt p gt error amp amp lt p gt error lt p gt lt div gt export default App Muuuuuch cleaner ConclusionCustom hooks are very useful for cleaning up your code You can use React hooks inside of your custom hooks they re all functions after all You can encapsulate a lot of repetitive logic then return what you need from the custom hook I have a YouTube video if you want to see it in action If you like learning about similar topics feel free to check out my YouTube or Instagram Hope this helped somebody and thanks for reading Andrew	2021-04-24 14:21:04
海外TECH	DEV Community	Solution: Critical Connections in a Network	https://dev.to/seanpgallivan/solution-critical-connections-in-a-network-51g0	Solution Critical Connections in a NetworkThis is part of a series of Leetcode solution explanations index If you liked this solution or found it useful please like this post and or upvote my solution post on Leetcode s forums Leetcode Problem Hard Critical Connections in a Network Description Jump to Solution Idea Code JavaScript Python Java C There are n servers numbered from to n connected by undirected server to server connections forming a network where connections i a b represents a connection between servers a and b Any server can reach any other server directly or indirectly through the network A critical connection is a connection that if removed will make some server unable to reach some other server Return all critical connections in the network in any order Examples Example Input n connections Output Explanation is also accepted Visual Constraints lt n lt n lt connections length lt connections i connections i There are no repeated connections Idea Jump to Problem Description Code JavaScript Python Java C If we think of the network and its connections like an undirected graph and its edges then a critical connection as defined by this problem is the same as a bridge in the graph To find out which edges are bridges we can employ Tarjan s Bridge Finding Algorithm TBFA TBFA is a bit like a combination of a depth first search DFS approach with recursion and a union find IN TBFA we do a recursive DFS on our graph and for each node we keep track of the earliest node that we can circle back around to reach By doing this we can identify whether a given edge is a bridge because the far node doesn t lead back to any other earlier node To implement our TBFA the first thing we have to do is to construct an edge map edgeMap from the connections list Each key in our edge map should correspond to a specific node and its value should be an array of each adjacent node to the key node We ll also need separate arrays to store the discovery time disc and the lowest future node low for each node as well as a time counter to use with disc For our recursive DFS helper dfs each newly visited node should set its initial value for both disc and low to the current value of time before time is incremented Note If we start time at instead of we can use either disc or low as a visited array rather than having to keep a separate array for the purpose Any non zero value in the chosen array will then represent a visited state for the given node Then we recursively call dfs on each of the unvisited adjacent nodes next of the current node curr If one of the possible next nodes is an earlier node disc next lt curr low then we ve found a loop and we should update the low value for the current node As each layer of the recursive function backtracks it will propagate this value of low back down the chain If after backtracking the value of low next is still higher than low curr then there is no looped connection meaning that the edge between curr and next is a bridge so we should add it to our answer array ans Once the dfs helper function has completed its traversal we can return ans Implementation Javascript strangely runs significantly faster with a regular object rather than a Map Javascript Code Jump to Problem Description Solution Idea var criticalConnections function n connections let edgeMap for let i i lt n i edgeMap i for let a b of connections edgeMap a push b edgeMap b push a let disc new UintArray n low new UintArray n time ans const dfs curr prev gt disc curr low curr time for let next of edgeMap curr if disc next dfs next curr low curr Math min low curr low next else if next prev low curr Math min low curr disc next if low next gt disc curr ans push curr next dfs return ans Python Code Jump to Problem Description Solution Idea class Solution def criticalConnections self n int connections List List int gt List List int edgeMap defaultdict list for a b in connections edgeMap a append b edgeMap b append a disc low time ans n n def dfs curr int prev int disc curr low curr time time for next in edgeMap curr if not disc next dfs next curr low curr min low curr low next elif next prev low curr min low curr disc next if low next gt disc curr ans append curr next dfs return ans Java Code Jump to Problem Description Solution Idea class Solution int disc low int time List lt List lt Integer gt gt ans new ArrayList lt gt Map lt Integer List lt Integer gt gt edgeMap new HashMap lt gt public List lt List lt Integer gt gt criticalConnections int n List lt List lt Integer gt gt connections disc new int n low new int n for int i i lt n i edgeMap put i new ArrayList lt Integer gt for List lt Integer gt conn connections edgeMap get conn get add conn get edgeMap get conn get add conn get dfs return ans public void dfs int curr int prev disc curr low curr time for int next edgeMap get curr if disc next dfs next curr low curr Math min low curr low next else if next prev low curr Math min low curr disc next if low next gt disc curr ans add Arrays asList curr next C Code Jump to Problem Description Solution Idea class Solution public vector lt vector lt int gt gt criticalConnections int n vector lt vector lt int gt gt amp connections disc vector lt int gt n low vector lt int gt n for auto conn connections edgeMap conn push back conn edgeMap conn push back conn dfs return ans void dfs int curr int prev disc curr low curr time for int next edgeMap curr if disc next dfs next curr low curr min low curr low next else if next prev low curr min low curr disc next if low next gt disc curr ans push back curr next private vector lt int gt disc low int time vector lt vector lt int gt gt ans unordered map lt int vector lt int gt gt edgeMap	2021-04-24 14:17:36
海外TECH	DEV Community	Learn Text Properties in HTML	https://dev.to/coderslang/learn-text-properties-in-html-3fa	Learn Text Properties in HTMLHTML text has a couple of properties When these properties change the looks and feel of the website changes too For example here I ve already told you how to change the color of the text in HTML Text AlignmentThe css property text align is intended for text alignment It can be used to align text left left aligned default option right right alignedcenter in the centerjustify stretch to the full width of the elementIn practice all options could be used like this lt p style text align left gt Left alignment lt p gt lt p style text align right gt Right alignment lt p gt lt p style text align center gt Center Align lt p gt lt p style text align justify gt Justify to width lt p gt Text DecorationWith CSS you can add decoration to the text or accentuate a particular word using the property text decoration lt p style text decoration none gt There will be no effects Default value lt p gt lt p style text decoration underline gt Text will be underlined lt p gt lt p style text decoration overline gt A line will be drawn over the text lt p gt lt p style text decoration line through gt Text will be strikethrough lt p gt You can also specify the shape or color of the line in addition to its type Let s look at an example of underline lt p style text decoration underline solid gt The text will be underlined with one line It s the default behaviour lt p gt lt p style text decoration underline dotted gt Text will be underline with the black dots lt p gt lt p style text decoration underline dotted red gt Text will be underlined with red dots lt p gt lt p style text decoration underline double blue gt Text will be underlined with two blue lines lt p gt lt p style text decoration underline dashed rgb gt Text will be underlined with black strokes lt p gt lt p style text decoration underline wavy gt The text will be underlined with a black wavy line lt p gt The shape and color of the line can also be set using separate properties text decoration style and text decoration color lt p style text decoration underline text decoration style dashed text decoration color rgb gt The text will be underlined with black strokes lt p gt First line indentThe first line of the paragraph should often be indented For example when writing an article or a book In CSS this is done using the text indent property lt p style text indent px gt Lorem ipsum dolor sit amet consectetur adipiscing elit Sed vehicula pretium urna ut ornare odio luctus a Sed laoreet velit nec luctus pharetra eros est condimentum urna hendrerit malesuada sem mi ac lectus lt p gt If you set the indentation in percent then it will be calculated relative to the width of the HTML element lt p style text indent gt Proin at risus vel lectus pretium ultrices Integer et orci condimentum viverra tortor a vehicula orci Quisque pretium nulla et dapibus tempor tellus felis mollis mi bibendum malesuada lacus ex in magna Mauris rhoncus id massa ac viverra Ut ante ligula dignissim pellentesque gravida at condimentum a erat In dignissim consequat mollis lt p gt Text transformationThe text transform property controls the size case of letters There can be four values in total none no changescapitalize all words start with a capital letteruppercase all characters turned to the uppercaselowercase all lowercase lt p style text transform none gt All letters will be displayed as entered by the developer Default value lt p gt lt p style text transform capitalize gt All words will be capitalized lt p gt lt p style text transform uppercase gt All letters of all words will be in uppercase lt p gt lt p style text transform lowercase gt All letters of all words will be displayed in lowercase lt p gt Space between charactersTo set the spacing between characters use the letter spacing property The default is normal In this case the browser will do everything for you and depending on the font typeface and its size will set the distance between the characters If you want to control everything yourself you can explicitly specify the number of pixels between characters lt p style letter spacing px gt Text with px spacing lt p gt The distance between characters can be made negative In most cases this will make the text unreadable lt p style letter spacing px gt Text that is very difficult to read lt p gt Space between wordsYou can set the spacing between words in the same way as you set the spacing between characters The only difference will be in the property name word spacing All other rules are preserved lt p style word spacing px gt Text with huge spacing between words lt p gt IMPORTANT If we also decide to add the CSS property text align justify then the distance between words will be determined by the browser but will not be less than the value of word spacing lt p style text align justify word spacing px gt Lorem ipsum dolor sit amet consectetur adipiscing elit Sed vehicula pretium urna ut ornare odio luctus a Sed laoreet velit nec luctus pharetra eros est condimentum urna hendrerit malesuada sem mi ac lectus Proin at risus vel lectus pretium ultrices Integer et orci condimentum viverra tortor a vehicula orci Quisque pretium nulla et dapibus tempor tellus felis mollis mi bibendum malesuada lacus ex in magna Mauris rhoncus id massa ac viverra Ut ante ligula dignissim pellentesque gravida at condimentum a erat In dignissim consequat mollis lt p gt	2021-04-24 14:12:55
海外TECH	DEV Community	Git - How to fix a bad commit	https://dev.to/guivern/git-how-to-fix-a-bad-commit-4068	Git How to fix a bad commitOh no this commit is a mess ‍ ️Sometimes we all have a bad day and we can forget to include a file or leave some comments or a merge didn t go as expected Fortunately Git has some commands to deal with these common situations and I want to show you some of them Modify commit messageOops You found a spelling mistake in the commit message No worries you can modify it git commit amend m new message Add files to last commitYou already have committed the changes but forgot to add some files No problem you can still add them to the commit git add lt file name gt git commit amend HEADUndo commitsIf you want to undo the last commit but keep the changes git reset soft HEADIf you want to undo both commit and changes ️Be sure that you want to lose the changes git reset hard HEADAlternatively if you want to undo all your local changes you can reset to the origin version of the branch git reset hard origin lt branch name gt If you want to undo the commit without altering the existing history You can use git revert this command undoes a commit by creating a new commit git revert HEADIf you have just resolved some conflicts finished the merge and push to origin But wait something went wrong The safe way to undo a merge commit that has already pushed to the remote branch is using the git revert command git revert m lt commit id gt commit id is the merge commit id that you want to revert Notes You can also undo any number of commits E g git reset HEAD going back three commits before HEAD git reset hard lt commit id gt going back to a specific commit Use git reset if the commit is not pushed yet and you don t want to introduce a bad commit to the remote branch Use git revert to revert a merge commit that has already pushed to the remote branch I hope you find these commands as useful as I do and can use them If you already knew these or think one is missing please let me know in the comments Thanks for reading	2021-04-24 14:01:35
Apple	AppleInsider - Frontpage News	Apple TV+ 'Mythic Quest' crew's COVID-19 efforts shown in BTS video	https://appleinsider.com/articles/21/04/24/apple-tv-mythic-quest-crews-covid-19-efforts-shown-in-bts-video?utm_medium=rss	Apple TV x Mythic Quest x crew x s COVID efforts shown in BTS videoApple has released a new behind the scenes video promoting the second season of Mythic Quest on Apple TV showing the effort put into making the show safe for production and staff during filming The second season of Mythic Quest will premiere on Apple TV on May and Apple has already started promoting it with trailers and a teaser featuring the testers On Friday Apple continued the effort by showing what happened behind the scenes of filming during a pandemic Posted to YouTube the video titled Welcome Back shows the cast and crew interacting with each other interspersed by footage of behind the scenes activity and interviews with the cast While the latter half covers what to expect from the season s story earlier sections deal with the challenge brought on by COVID Read more	2021-04-24 14:03:40
海外科学	NYT > Science	Halting the Vast Release of Methane Is Critical for Climate, U.N. Says	https://www.nytimes.com/2021/04/24/climate/methane-leaks-united-nations.html	Halting the Vast Release of Methane Is Critical for Climate U N SaysA major United Nations report will declare that slashing emissions of methane the main component of natural gas is far more vital than previously thought	2021-04-24 14:31:14
ニュース	BBC News - Home	Boy, 14, stabbed to death outside Newham pizza restaurant named	https://www.bbc.co.uk/news/uk-england-london-56864862	police	2021-04-24 14:25:36
ニュース	BBC News - Home	Liverpool 1-1 Newcastle United: Joe Willock scores 95th-minute equaliser at Anfield	https://www.bbc.co.uk/sport/football/56782072	Liverpool Newcastle United Joe Willock scores th minute equaliser at AnfieldNewcastle substitute Joe Willock scores a dramatic stoppage time equaliser to damage Liverpool s hopes of Champions League football	2021-04-24 14:11:03
ニュース	BBC News - Home	ESL clubs have 'binding contracts' and 'cannot leave', says Perez	https://www.bbc.co.uk/sport/football/56873448	ESL clubs have x binding contracts x and x cannot leave x says PerezThe clubs that agreed to join a new European Super League have binding contracts and cannot leave says Real Madrid president Florentino Perez	2021-04-24 14:41:01
ニュース	BBC News - Home	England win third straight Women's Six Nations title	https://www.bbc.co.uk/sport/rugby-union/56871392	france	2021-04-24 14:52:06
サブカルネタ	ラーブロ	拉麺 瑞笑 -SuiSyou- @国分寺市<つけそば(塩)>	http://feedproxy.google.com/~r/rablo/~3/kHGQR2H3OBE/single_feed.php	suisyou	2021-04-24 15:33:51
北海道	北海道新聞	アストンビラ岩渕はフル出場　イングランド女子リーグ	https://www.hokkaido-np.co.jp/article/537098/	岩渕	2021-04-24 23:16:00
北海道	北海道新聞	食の安心・安全　お墨付き　支笏湖「碧の座」、セクターＧ取得	https://www.hokkaido-np.co.jp/article/537054/	鶴雅ホールディングス	2021-04-24 23:13:31
北海道	北海道新聞	日比野菜緒、二宮真琴組が決勝へ　テニスのイスタンブール選手権	https://www.hokkaido-np.co.jp/article/537097/	二宮真琴	2021-04-24 23:10:00