投稿時間:2021-07-03 20:24:49 RSSフィード2021-07-03 20:00 分まとめ(28件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	MOONGIFT	javascript-notebook - Jupyter Notebook風にブラウザのJavaScriptを実行	http://feedproxy.google.com/~r/moongift/~3/cs18ltFJt24/	ドキュメントを見ながらコードを実行するのは、読み違えてしまったり、どこまで読んだか分からなくなるリスクがあります。	2021-07-03 21:00:00
python	Pythonタグが付けられた新着投稿 - Qiita	Flaskを使用したZoom OAuth 連携用API作成 メモ	https://qiita.com/KWS_0901/items/5f6d5bb1dff33bdc0a8d	アプリケーション登録時に発行・設定した値を指定する。	2021-07-03 19:23:17
python	Pythonタグが付けられた新着投稿 - Qiita	pythonをインストールした時に.profile と.zprofileが見つからないから作った	https://qiita.com/magatama/items/42173486201a75519e82	pythonをインストールした時にprofileとzprofileが見つからないから作った問題Pythonをmacに入れました。	2021-07-03 19:07:42
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScript select要素で選択されている値を取得する	https://qiita.com/quryu/items/52d97fb96800bc4a0ff1	JavaScriptselect要素で選択されている値を取得するサンプルhtmlltbodygtltselectidselectgtltoptiongt選択してくださいltoptiongtltoptiongtAltoptiongtltoptiongtBltoptiongtltoptiongtCltoptiongtltselectgtltdividselectValuestyledisplayinlinegtltdivgtltscriptsrcmainjsgtltscriptgtltbodygt方法イベントオブジェクトを使用して選択された値を取得します。	2021-07-03 19:59:37
js	JavaScriptタグが付けられた新着投稿 - Qiita	filter	https://qiita.com/tasty_uni/items/87aa5eff3363109eb3f8	filter構文letnewArray配列filter関数引数return欲しい情報filterメソッドexamplevarproductsnameほうれん草type野菜nameバナナtypeフルーツnameなすtype野菜nameりんごtypeフルーツnameトマトtype野菜productsfilterfunctionproductreturnproducttypeフルーツ↓あんまり好ましくない記述わざわざif分使わなくてもいいjsproductsfilterfunctionproductifproducttypeフルーツreturntrue応用編exampletypeがvegeでquantityがより多くてpriceがより小さいもの。	2021-07-03 19:42:54
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	画像を分割していって、データを二次元リストに入力していく方法	https://teratail.com/questions/347480?rss=all	画像を分割していって、データを二次元リストに入力していく方法画像を分割していって、データを二次元リストに入力していく方法プログラムを書いたのですが、なぜかエラーが出ます、どうすれば良いのでしょうか。	2021-07-03 19:57:16
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	クラス作成の考え方について知りたいです。	https://teratail.com/questions/347479?rss=all	クラス作成の考え方について知りたいです。	2021-07-03 19:53:41
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	WATSON_WORKSPACE_IDの確認方法	https://teratail.com/questions/347478?rss=all	conversation	2021-07-03 19:52:34
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	getRangeでエラーが発生しています　対処法を教えて下さい	https://teratail.com/questions/347477?rss=all	getRangeでエラーが発生しています対処法を教えて下さいgetRangeでエラーが発生しています対処法を教えて下さい下のコードを実行しようとするとエラーが発生してしましました。	2021-07-03 19:20:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	C言語　OpenGLで表示した画像を保存したい	https://teratail.com/questions/347476?rss=all		2021-07-03 19:17:21
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	特定の列にある文字の、特定の記号以降を一括削除したい。	https://teratail.com/questions/347475?rss=all	特定の列にある文字の、特定の記号以降を一括削除したい。	2021-07-03 19:11:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ヘッダファイルの関数が定義されない	https://teratail.com/questions/347474?rss=all	ヘッダファイルの関数が定義されない実現したいこと変数nbspxnbspxnbspxnbspvnbspを有理数の抽象データ型に変更して、二分法を用いて解を求めるプログラムを作成したい。	2021-07-03 19:01:23
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	AtCoderについて	https://teratail.com/questions/347473?rss=all	AtCoderについてAtCoderの問題で不正解になる理由がわかりません。	2021-07-03 19:00:43
Ruby	Rubyタグが付けられた新着投稿 - Qiita	deviseインストール方法,日本語化	https://qiita.com/Mymt658/items/ec35cecb48e6287094f2	gemfilegemdevisegemdeviseinbundleinstall完了後下記コマンドを実行コンソールrailsgeneratedeviseinstallコマンドを実行して、正常に完了したら下記のようになります。	2021-07-03 19:37:36
Ruby	Rubyタグが付けられた新着投稿 - Qiita	インスタンス変数・ローカル変数って何？	https://qiita.com/Ryunoaiken1223/items/a29e78f46422936c7845	インスタンス変数・ローカル変数って何変数の使い分けができてなかったので、備忘録として調べたら難しい書き方されててわかりにくかったので、噛み砕いて書いてます間違いなどございましたら、ぜひ教えてください・ローカル変数変数名に英数字とかが使えるでも先頭の文字は数字にできないで、そもそもローカル地元のっていうくらいやから、使える範囲が限られてるアクション内でしか使えないviewファイルとかに変数の受け渡しはできません不器用なんでじゃあアクション内で完結する場合は、インスタンス変数じゃなくてローカル変数つこてたらいいのかなとおもってます。	2021-07-03 19:19:30
Docker	dockerタグが付けられた新着投稿 - Qiita	Flaskを使用したZoom OAuth 連携用API作成 メモ	https://qiita.com/KWS_0901/items/5f6d5bb1dff33bdc0a8d	アプリケーション登録時に発行・設定した値を指定する。	2021-07-03 19:23:17
Git	Gitタグが付けられた新着投稿 - Qiita	【Windows】ローカル開発環境からパーミッション755でgit commitする	https://qiita.com/Hirokiw9/items/2fc6d4f87b1678c4fd57	このエイリアスを用いて、パーミッションの状態で対象ファイルをインデックス領域gitaddによって、commit対象となるファイルが保存される領域に保存するコマンドを作成しました。	2021-07-03 19:24:18
Ruby	Railsタグが付けられた新着投稿 - Qiita	deviseインストール方法,日本語化	https://qiita.com/Mymt658/items/ec35cecb48e6287094f2	gemfilegemdevisegemdeviseinbundleinstall完了後下記コマンドを実行コンソールrailsgeneratedeviseinstallコマンドを実行して、正常に完了したら下記のようになります。	2021-07-03 19:37:36
Ruby	Railsタグが付けられた新着投稿 - Qiita	インスタンス変数・ローカル変数って何？	https://qiita.com/Ryunoaiken1223/items/a29e78f46422936c7845	インスタンス変数・ローカル変数って何変数の使い分けができてなかったので、備忘録として調べたら難しい書き方されててわかりにくかったので、噛み砕いて書いてます間違いなどございましたら、ぜひ教えてください・ローカル変数変数名に英数字とかが使えるでも先頭の文字は数字にできないで、そもそもローカル地元のっていうくらいやから、使える範囲が限られてるアクション内でしか使えないviewファイルとかに変数の受け渡しはできません不器用なんでじゃあアクション内で完結する場合は、インスタンス変数じゃなくてローカル変数つこてたらいいのかなとおもってます。	2021-07-03 19:19:30
海外TECH	DEV Community	Create a highly reusable button with styled-system and styled-components.	https://dev.to/josemukorivo/create-a-highly-reusable-button-with-styled-system-and-styled-components-45lm	Create a highly reusable button with styled system and styled components If you have ever worked with component libraries like Chakra UI or Material UI you probably know how intuitive those libraries are I have always wanted to create reusable components like components exposed by those libraries Today we are going to create our own cool reusable button component First let s start by listing the functionalities that we expect from a reusable button For me I expect to be able to customise things like colors typography size spacing layout etc Let s start by installing the libraries we are going to use and give a brief description of what each of these libraries do styled components is a CSS in JS library that lets you write css in javascript that is scoped to one component It s sort of meant to be a successor of css modules Let s look at an example of how to use styled components import styled from styled components const Button styled button background transparent border radius px border px solid palevioletred color palevioletred margin em padding em em Now whenever you want to use that button you just import it like a regular react component styled components allow you to pass props for customisations so if you for example want to change the font size of the button based on a prop you can do it like so import styled css from styled components const Button styled button background transparent border radius px border px solid palevioletred color palevioletred margin em padding em em props gt props fontSize css font size props fontSize When we want to pass a custom font size to this component you do it like so lt Button fontSize rem gt My button lt Button gt You can imagine how we can build dynamic components just by leveraging this API I like this way of building components but if we add styled system we can create even more robust components Let s start by defining what styled system is before we use it From their Docs styled system is a collection of utility functions that add style props to your React components and allows you to control styles based on a global theme object with typographic scales colors and layout properties Styled system is used with a CSS in JS library like styled components Let s look at a basic example import styled from styled components import color from styled system const Box styled div color Now this component will have two style props available color to set foreground color and bg to set background color You can also use backgroundColor lt Box color eee bg orange gt Orange lt Box gt Now that we have a basic idea of how both styled components and the styled system work let s start creating our lt Button gt component import styled from styled components import color from styled system const Button styled button border outline color This allows us to style the button like so lt Button color white backgroundColor tomato gt Hello world lt Button gt Add spacing and font sizesimport styled from styled components import color space fontSize from styled system const Button styled button border outline color space fontSize Now you can customize the padding font size and margins Below is an example of how we can use the button lt Button color white backgroundColor tomato px rem mr rem fontSize rem gt Hello world lt Button gt As you can see our component is becoming more and more useful but you probably don t want to pass all these props when you are working with this component That is when default props and theming come to the rescue Lets create a basic theme with colors and pass default props to our button import styled ThemeProvider from styled components import color space fontSize from styled system const theme colors custom yellow yellow const Button styled button border outline color space fontSize Button defaultProps backgroundColor blue const App gt return lt ThemeProvider theme theme gt lt Button color custom gt Styled Button lt Button gt lt ThemeProvider gt From this code all buttons will have a blue background because we passed it as a default prop Passing the bg or backgroundColor prop to the buttons will override the default backgroundColor prop For buttons we usually want to pass the variant prop to further customise the button The buttonStyle function from styled system allows us to add a variant prop which becomes very useful if we extend our theme Below is the code that demonstrates that import styled ThemeProvider from styled components import color space fontSize buttonStyle from styled system const theme colors custom yellow yellow buttons primary color white backgroundColor blue secondary color white backgroundColor green const Button styled button border outline color space fontSize buttonStyle Button defaultProps variant primary backgroundColor blue const App gt return lt ThemeProvider theme theme gt lt Button color custom variant secondary gt Styled Button lt Button gt lt ThemeProvider gt Adding custom propsWhat if you want to pass a prop like size to your buttons which may be either small medium and large Well styled styled system allows us to do that through the variant function Below is our final code that have all those things put together Note that this is just a basic button you can go even way more than this depending on your needs import styled ThemeProvider from styled components import color space fontSize buttonStyle variant from styled system const buttonSize variant prop size key buttonSizes const theme colors custom yellow yellow buttons primary color white backgroundColor blue secondary color white backgroundColor green buttonSizes small fontSize px padding px px medium fontSize px padding px px large fontSize px padding px px const Button styled button border outline color space fontSize buttonStyle Button defaultProps variant primary backgroundColor blue size medium const App gt return lt ThemeProvider theme theme gt lt Button color custom variant secondary size large gt Styled Button lt Button gt lt ThemeProvider gt	2021-07-03 10:28:57
海外TECH	CodeProject Latest Articles	Build the Forest in Python Series: AVL Tree vs Red-Black Tree	https://www.codeproject.com/Articles/5307016/Build-the-Forest-in-Python-Series-AVL-Tree-vs-Red	black	2021-07-03 10:25:00
海外TECH	CodeProject Latest Articles	How to Implement a Robust C# Comparison in the New Nullable Context with Generics?	https://www.codeproject.com/Tips/5306495/How-to-Implement-a-Robust-Csharp-Comparison-in-the	generics	2021-07-03 10:10:00
海外ニュース	Japan Times latest articles	Two feared dead and about 20 people missing in Shizuoka mudslide as heavy rain hits Japan	https://www.japantimes.co.jp/news/2021/07/03/national/heavy-rain-japan/	Two feared dead and about people missing in Shizuoka mudslide as heavy rain hits JapanAround households in Atami home to hot spring resorts were ordered to ensure their safety immediately as the city government issued the highest level	2021-07-03 19:03:24
ニュース	BBC News - Home	Covid: Doctors want to keep some measures after 19 July	https://www.bbc.co.uk/news/uk-57703959	covid	2021-07-03 10:34:38
ニュース	BBC News - Home	Oxford Circus stabbing: Man charged with murder	https://www.bbc.co.uk/news/uk-england-london-57705785	london	2021-07-03 10:36:54
ビジネス	不景気.com	山形・酒田の百貨店「マリーン5清水屋」が破産へ、負債10億円 - 不景気.com	https://www.fukeiki.com/2021/07/marine5-shimizuya.html	山形県酒田市	2021-07-03 10:07:04
LifeHuck	ライフハッカー［日本版］	メールアドレスを悪用する、ネット詐欺の主要な手口6つ	https://www.lifehacker.jp/2021/07/5-ways-your-email-address-can-be-exploited-by-scammers.html	金鉱	2021-07-03 20:00:00
北海道	北海道新聞	競泳、池江が復帰後初の日本新　非五輪種目の２００ｍリレー	https://www.hokkaido-np.co.jp/article/563103/	東京五輪	2021-07-03 19:13:00