ちゃんなるぶろぐ

エンジニア5年生🧑‍💻 オライリーとにらめっこする毎日。

【エンジニア必見!】MySQL命令文の実行順序

どうも、ちゃんなるです🐻 今回は備忘録なのでさらっと行きます。 FROM ON JOIN WHERE GROUP BY HAVING SELECT DISTINCT ORDER BY LIMIT 例えば where X order by Y と書くと、where X → order by Y の順で実行されます。 この順序を意識してインデックスを貼…

【3分でできる!】MacでDocker環境構築🐳〜Docker Desktopは使わない〜

どうも、ちゃんなるです 今回は、MacでDocker環境をサクッと構築します ※Docker Desktopは使いません。 今回やりたいこと 実現方法 おまけ〜DockerでNginxコンテナ立ち上げてブラウザからアクセスしてみる〜 まとめと課題 環境 今回やりたいこと Macの上でDo…

【3分でわかる!React×CSS】media queryをstyled-componentsで表現する

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

【5分でわかる!】Reactで複数のDOM要素にレンダリングする(レンダリング前にReact Hooksを呼ぶ)

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

【5分でわかる!】DOM構成に全く影響を与えずにReactコンポーネントを実行する

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

【5分でわかる!】Reactで複数のDOM要素にレンダリングする

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

【3分でわかる!】お金と心理学②〜書籍『お金に支配されない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.…

【5分でわかる!】お金と心理学①〜書籍『お金に支配されない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.…

【3分でわかる!】人とお金の関係〜書籍『お金に支配されない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分でわかる!】コンピュータが計算ミスをする?!〜書籍『プログラムはなぜ動くのか』より〜

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

【5分でわかる!】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つの要点 ①欠乏のマインドセット ②欠乏が欠乏を呼ぶ、負のループ ③欠乏に合わせて人生設計する まと…