なぜ書いたか 筆者もWebサイト制作をそこそこ長くやってきておりいまは業務でVueを書いたりちょっとReactを書いたりSvelteを書いたりしていますが、2年前くらいまではReactやES6の構文すら書いたことがありませんでした。 WordPressでのサイト制作が多く、機能が少ないサイト制作会社ではjQueryで充分なことも多く、恥ずかしながら業務時間外での学習や外部の情報を追うこともしていなかったため、開発系の技術スタックに慣れるのにかなり時間がかかりました。 まずはよく使うコードを見て解説しながら答えの一つを示し、よく出てくるコードをざっくり理解して書けるようにすることで、実務でReactを取り入れる取っ掛かりになればいいなぁという思いでこの記事を書いています。 続編は多分今月中に書きます。 こちらは基礎編です。 対象者 普段jQueryでWebサイトを制作している 生のJSはあん

はじめに みなさんは、CSSのdisplayプロパティを知っていますか？ CSSを扱う上で、一番使うのがdisplayプロパティではないのでしょうか？ 最近では、display: flex; や display: grid; が追加され、いろいろなレイアウトが作りやすくなったのは、記憶に新しいかと思います。 そんな中で、CSS Display Module Level 3で、displayプロパティに2つの値を入れることができるようになることがわかりました。 ※ まだ、Firefox 70以上・Safari 15以上でのみ再現できます。(2022年１月20日) そのため、この記事では、displayプロパティに2つの値を入れられることについて解説しようと思います。 背景 まずは、displayプロパティに2つの値を入れられるようにした背景について解説します。 最近displayプロパティに

逃げるプログラマー、避けられない壁 Web系アプリケーション開発をするとなると、React, Angular, Vueといったフレームワークの話題は避けて通れないのだけど、面倒にかまけてみて見ぬふりをしているデヴェロッパー諸君は多いと思う。 自分もそういうダメグラマーの一人でした。 だが、Nodeベースでバックエンドを開発していると、どうしてもフロント側が必要だし、使いたいライブラリーや機能、操作性を組み込むためには、フロント側のフレームワークからは逃げられず、立派なフルスタックデベロッパーになる為に、重いけつを上げ、学習することにしたのであります。 React, Angular, Vueの３大フレームワークをざっと調べてみた際に、一番取っつきやすそうだったReactをチョイス。 しょせんはHTMLとCSSとJavascript で、結局Reactは何をやっているかというと、しょせんはHT

トマトが苦手な方は、種のゼリー部分が嫌、酸っぱいのが嫌 よくわからない感じが嫌 って感じでしょうか そんなトマトが苦手な方にはたまらないトマトパスタを トマト好きだから作りましょ トマトの皮は、気になるお年頃なら湯剝きしたり、火あぶりにして剥いて下さい ざく切りにした皮付きトマトとオイルのツナも入れまして、グダグダに炒めます グダグダですね 皮はこの時点で剥がれるので、気になるならお取りになって。 茹でたパスタと塩、トマトに合わせて砂糖をちょいと入れたり入れなかったり お好みでチーズも千切っては投げ入れしたらば ●トマト嫌いにはたまらないトマトパスタ 種もガッツリよ トマトが嫌いだと許されないパスタですね 【送料無料！】カゴメ 基本のトマトソース 295g×24個　4901306017... 価格：3800円（税込、送料無料) (2022/1/19時点)

こんにちは、高円寺メタルめしのヤスナリオです。 サバ水煮缶、カットトマト缶、コンソメスープの素など常備してあるものをフライパンにダイレクトインして作るプッタネスカ風スパゲティ、 www.hotpepper.jp 今回はその冷やしバージョン「プッタネスカみたいな冷たいサバ缶トマトスパゲティ」です。 冷やしたカットトマト缶とサバ水煮缶を混ぜて作る簡単トマトソースと、水でしめたスパゲティをからめるだけ。麺茹で以外ではフライパンは出番なし、混ぜるだけなのでリモートランチにもぴったりです。 トマトとサバがうま味たっぷりなので、冷やしてもしっかり濃厚で美味しいソースになり、プリプリのスパゲティにもしっかりからみます。具だくさんで満足感もある一皿ですよ。 ヤスナリオの「プッタネスカみたいな冷たいサバ缶トマトスパゲティ」 材料：1人分 スパゲティ（今回は1.7mmのもの）　100g カットトマト缶　1/2