ちゃんなるぶろぐ

プログラミングを覚えた新人ゴリラ

【React×CSS】media queryをstyled-componentsで表現する

React×CSS どうも、ちゃんなるです! 今回はStyled-Componentsを導入し、CSSをに置き換えます。また、レスポンシブ対応をする際に使うCSSのMedia QueryをStyled-Componentsで書いてみます。 導入 実現方法 今回置き換えるCSS CSSが適用されているHTML(JSX)要…

Reactで複数のDOM要素にレンダリングする(レンダリング前にReact Hooksを呼ぶ)

どうも、ちゃんなるです! 今回は過去の2つの記事の内容を合わせてコーディングします(ソースコード on Github)。 chan-naru.hatenablog.com chan-naru.hatenablog.com 概要 今回やりたいこと おことわり 実現方法 まとめと課題 環境 関連資料 概要 今回や…

DOM構成に全く影響を与えずにReactコンポーネントを実行する

どうも、ちゃんなるです! 今回はReactに関してです(ソースコード on Github)。 概要 今回やりたいこと 実現方法 まとめ 環境 関連資料 概要 今回の内容は実務で使うことは少ないかもしれません。「そんな考え方もあるんやな」程度に聞いてください。 今回…

Reactで複数のDOM要素にレンダリングする

どうも、ちゃんなるです! 今回はReactに関して書きます(ソースコード on Github)。 概要 React.jsの基本的なレンダリング 今回やりたいこと 実現方法 まとめと課題 環境 関連資料 概要 React.jsの基本的なレンダリング 基本的にReactでは、下記のようなro…

お金と心理学②〜書籍『お金に支配されない13の真実』より〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『お金に支配されない13の真実』 (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.currentScript ||c.scripts[c.scripts.…

お金と心理学①〜書籍『お金に支配されない13の真実』より〜

読み終えるまで約5分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『お金に支配されない13の真実』 (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.currentScript ||c.scripts[c.scripts.…

人とお金の関係〜書籍『お金に支配されない13の真実』より〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『お金に支配されない13の真実』 (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.currentScript ||c.scripts[c.scripts.…

3分でわかる『DockerでのJenkinsインストール方法』〜書籍Jenkins実践入門より〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 前回に引き続きこの書籍を参考に学びます‍♀️ chan-naru.hatenablog.com 今回は、Docker上でJenkinsを動かし、Jenkins学習のための準備をしたいと思います 『Jenkins実践入門』 『Jenkins実践入門』 実行環境…

3分でわかる『JenkinsとCI(継続的インテグレーション)』〜書籍Jenkins実践入門より〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 最近仕事でJenkinsに触ることになりました‍♂️ ただ、さっぱりよくわからないので、これを機に勉強を始めることにしました 今回参考にしたのはこの書籍です。 『Jenkins実践入門』 (function(b,c,f,g,a,d,e){b…

コンピュータが計算ミスをする?!〜書籍『プログラムはなぜ動くのか』より〜

読み終えるまで約5分⏰ どうも、ちゃんなるです。 今回は、あの正確無比なコンピュータが計算ミスをする…という事実を紹介します✌️ 「んなアホなw」 「計算できないコンピュータ、冷やせない冷蔵庫みたいなもんやん笑」 色々と思うところはあるでしょう。しか…

Webブラウザのレンダリングエンジンの仕組み

読み終えるまでおよそ5分⏰ どうも、ちゃんなるです。 今日はブラウザのレンダリングエンジンの仕組みについてやさーしくまとめます。 現職エンジニアの方々には簡単かもしれないけど、読んでもらえると嬉しいです‍♀️ http://www.shoshinsha-design.com/2016/…

【Privacy Policy】資産運用シミュレータ

Privacy Policy body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding:1em; } Privacy Policy Narumi Nogawa built the 資産運用シミュレータ app as an Ad Supported app. This SERVICE is provided by Narumi Nogawa at no cost …

5分でわかる「BRAIN DRIVEN」(青砥瑞人)

読み終えるまで約5分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『BRAIN DRIVEN』 (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.currentScript ||c.scripts[c.scripts.length-2];(b[a…

3分でわかる「AI分析でわかった トップ5%の社員の習慣」

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『AI分析でわかった トップ5%の社員の習慣』 (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.currentScript ||c.scripts…

3分でわかる!プログラミング〜OCPについて〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回はこの本の内容を元に投稿します! 『プリンシプル・オブ・プログラミング』 // リンク この本から得られるもの ①OCPとは ②OCPをどう実践するか ③OCPの乱用は良くない まとめ 書籍情報 著者紹介 この本か…

5分でわかる「バビロンの大富豪」〜富をもたらす7つの知恵〜

読み終えるまで約5分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『バビロンの大富豪』 (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.currentScript ||c.scripts[c.scripts.length-2];…

3分でわかる!プログラミング〜SLAPについて〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回はこの本の内容を元に投稿します! 『プリンシプル・オブ・プログラミング』 // リンク この本から得られるもの ①SLAPとは ②SLAPをどう実践するか まとめ 書籍情報 著者紹介 この本から得られるもの いい…

3分でわかる!プログラミング〜PIE原則について〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回はこの本の内容を元に投稿します! 『プリンシプル・オブ・プログラミング』 // リンク この本から得られるもの ①PIE原則とは ②PIE原則をどう実践するか ③その他 まとめ 書籍情報 著者紹介 この本から得…

3分でわかる!プログラミング〜YAGNI原則について〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回はこの本の内容を元に投稿します! 『プリンシプル・オブ・プログラミング』 // リンク この本から得られるもの ①YAGNI原則とは ②YAGNI原則をどう実践するか まとめ 書籍情報 著者紹介 この本から得られ…

3分でわかる!プログラミング〜DRY原則について〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回はこの本の内容を元に投稿します! 『プリンシプル・オブ・プログラミング』 // リンク この本から得られるもの ①DRY原則とは ②DRY原則をどうやって実行するか ③その他 まとめ 書籍情報 著者紹介 この本…

3分でわかる!プログラミング〜KISS原則について〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回はこの本の内容を元に投稿します! 『プリンシプル・オブ・プログラミング』 // リンク この本から得られるもの ①KISS原則とは ②KISS原則をどうやって実践するか ③その他 まとめ 書籍情報 著者紹介 この…

3分でわかる!プログラミングの普遍的な事実

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回の内容は、この本と自分の経験を元に書きます! 『プリンシプル・オブ・プログラミング』 // リンク この本から得られるもの ①プログラミングに特効薬はない ②プログラムコードは設計書である ③プログラ…

3分でわかる 仕事に追われない仕事術〜優れたシステム編〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『仕事に追われない仕事術』 // リンク 対象読者 今回の内容をかんたんにまとめると… ①タスクの先送りをなくす! ②ダッシュ法を活用し、タスクを終わらせる ③抵抗感をバネに まとめ…

3分でわかる 仕事に追われない仕事術〜マニャーナの法則〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『仕事に追われない仕事術』 // リンク 対象読者 今回の内容(マニャーナの法則)をひとことでいうと… ①マニャーナの法則とは ②クローズリストとは ③WILL DOリストで毎日のタスクを…

3分でわかる 仕事に追われない仕事術〜タイム・マネジメント〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『仕事に追われない仕事術』 // リンク 対象読者 今回の内容をかんたんにまとめると… ①『意志の力』に頼るのではなく『仕組み』に頼る ②機能する仕組みの7つの原則 ③仕事を適切にマ…

3分でわかる「地頭力を鍛える」〜①地頭力とは〜(著: 細谷功)

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『地頭力を鍛える』 // リンク 今回は、この本の一部 地頭力とは何か について紹介します! ⓪対象読者 ①頭の良さは3種類 ②地頭力 ③なぜ地頭力が重要? 最後に 書籍情報 著者紹介 ⓪…

3分でわかる「ハック大学式 最強の仕事術」〜マインドセット編〜

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本(の一部)! 『ハック大学式 最強の仕事術』 // リンク この本から得られるもの 仕事ができる人の『マインドセット』、この5つの要点 ①『結果』を出さなきゃ評価されない ②『付加価値…

3分でわかる「いつも「時間がない」あなたに」(著: センディル・ムッライナタン)

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『いつも「時間がない」あなたに』 // リンク この本から得られるもの この本の3つの要点 ①欠乏のマインドセット ②欠乏が欠乏を呼ぶ、負のループ ③欠乏に合わせて人生設計する まと…

3分でわかる「GRIT やり抜く力」

読み終えるまで約3分⏰ *注意:途中のテストを含めると、3分を超えますmm どうも、ちゃんなるです。 今回紹介するのはこの本! 『GRIT やり抜く力』 // リンク あなたの身近に『天才』だと思う人はいますか? 確かに、『天才』って響きはかっこいいし、正直…

3分でわかる「SPRINT 最速仕事術」

読み終えるまで約3分⏰ どうも、ちゃんなるです。 今回紹介するのはこの本! 『SPRINT 最速仕事術』 // リンク この本から得られるもの この本の3つの要点 ①『スプリント』とは? ②『スプリント』のやり方 ③『スプリント』をやる際の注意点 まとめ 書籍情報 …