ちゃんなるぶろぐ

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

プログラミング

おまえのDockerコンテナは間違っている!!

どうも、ちゃんなるです! 今回はDockerコンテナの起動について Dockerへの愛を表現した 概要 Dockerイメージのビルドの際、勘違いしがちなこと OSがよしなにやってくれるんじゃないの? 例えばどんなサービスが起動できてないの? CentOSとか他のLinuxディ…

【ポイント5選!】高品質なコードを書く〜JavaScript・TypeScript〜

どうも、ちゃんなるです! 最近は社内のレガシーフロントエンドを刷新する活動に精を出しています おそうじ業者TypeScript 今回は「品質の高いTypeScriptコード」というテーマです✨ 実例とともに品質の良い書き方を紹介します。 ※TypeScript以外の言語でも使…

【どっちが正解?】TypeScript論争〜type vs. interface〜

どうも、ちゃんなるです! 今回はTypeScriptのtypeとinterfaceについて。 type vs. interface 筆者もどちらを使うかよく悩みます 実装のたびに悩むのはめんどくさい… でも良質なコードを書きたくて、つい悩んでしまう… そんな人の助けになりますように 結論 …

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

【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分でわかる!】『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/…

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

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

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