ちゃんなるぶろぐ

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

2022-01-01から1年間の記事一覧

【エンジニア必見!】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/…