今回の記事の内容はGitHub共同創業者のScott Chacon氏の「Pro Git」と同氏の今年の「So You Think You Know Git」（Gitがわかっているとでも思っているか？）発表をベースにしている。 コンフィグ ここでコンフィグにてデフォルトとして指定して損がないオプションをいくつか紹介します。 git rerere git rerereは"reuse recorded resolution"（記録ずみ解決方法を再利用）の略語になっている。 名の通りマージコンフリクトがどう解消されたかを記録し、次に同じようなコンフリクトが発生した際、同様の解決方法を自動的に適用するためのコマンドです。 また、基本的にデフォルトにしてもときに差し支えないため、ぜひgit config --global rerere.enabled trueを実行してみてください。 git main

Hilary Brueck ［原文］ （翻訳：遠藤康子／ガリレオ、編集：増田隆幸） Apr. 29, 2024, 08:00 AM ライフスタイル 422,145 マンハッタンの最先端ジムの有名トレーナーからインディアナポリスにあるNational Institute for Fitness and Sport（NIFS）、アメリカ陸軍の体力テストまで、昔ながらの腹筋運動の評判は落ちる一方。 かつてはトレーニングの基本として欠かせなかった腹筋運動だが、科学的な研究で、ウエストを細くすることもなければ、お腹の脂肪を落とす効果もないことが分かった。また腹筋の強化あるいは柔軟性の維持、長距離走のための体力づくりにも最適な方法ではない。 アメリカ陸軍は、体力テストの一つとして数十年間行われてきた｢2分間の腹筋運動｣を2020年末までに徐々に廃止し、代わりに兵士の戦闘即応力の向上により有効なもの、具

こんにちは！　鮮魚魚武の三代目、料理家の魚屋三代目です。 初ガツオの季節がやってまいりました！　カツオは年に2回旬を迎え、9月から11月くらいに食べられる秋の「戻りガツオ」は脂のりがよく、3月から5月くらいまで食べられる春の「初ガツオ」はさっぱりした味わいが特徴です。今年の初ガツオは例年よりも遅く、4月になって市場に出回り始めました。 今回はその初ガツオを、ひと手間かけて美味しく食べる丼ものレシピです。しょうゆだれに漬けたカツオをご飯にのせ、そこに熱々のにんにく青唐辛子ごま油をジュワッと回しかけてうま味と風味をプラス！　青唐辛子のさわやかな辛さが強烈でご飯がすすみますよ。 この時期はカツオの柵がお買い得になっていることも多いので、柵をキレイな刺身に切るポイントもご紹介しますね。 魚屋三代目の「初ガツオのにんにくごま油がけ丼」 【材料】1人前 カツオの刺身　8切れ程度（柵なら100g程度）

こんにちは。プロダクトデザイナーときどき料理人、ツジメシこと辻村哲也です。「ツジメシの日常メシと週末メシ」シリーズ、今回は日常メシ。 春から初夏が旬のニラ。産地の栃木県鹿沼市の名物「ニラそば」は、日本そばとニラを一緒に茹でて、そばつゆで食べるというもの。昔はかさ増しの意味もあったでしょうが、ニラの香り、食感とそばの組み合わせは癖になる美味しさです。 そんなニラそばを、今回はつゆに豚肉、ラー油、生卵も加え、食事としての満足度の高い一皿にアレンジしてご紹介します。茹でて冷やしたそばとニラを、肉の入った温かいつゆで食べます。僕はいつも麺のつゆは水とナンプラー、しょうゆ、みりんで簡単に作ることが多いので、そのやりかたでご紹介します。もちろんめんつゆでも美味しく作れますよ。 ニラはそばと一緒に茹で、豚肉はつけつゆで弱火＋余熱でやさしく火を通すことで硬くならず、つゆにも適度に豚のうま味と脂が加わります

電マ すけべ椅子 あと一つは？

はじめに 本記事ではレベルアップしたいエンジニアが読んでおくべきQiita記事を紹介します。厳選に厳選を重ねた43記事です。全ての記事を読んでおく必要はありませんが、ちょっとでも「分からないな」「興味あるな」など思ったタイトルがあれば読んでみてください。 次の4種類に分類して紹介しています。参考にしてください。 フロントエンド バックエンド インフラ・Linux周りの知識 その他 それでは、早速紹介していきます！ 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 フロントエンド まず最初はフロントエンドエンジニアに読んでおくべきとおすすめできるQiita記事を11個選びました！フロントエンドエンジニアとしての基礎が身に付く

様々な概念を表現する方法がプログラミング言語によってそれぞれ異なるように、React にも、理解しやすい方法でパターンを表現し高品質なアプリケーションを産み出すための慣用的な記法、ないしルールが存在します。 このセクションでは、自然な React コードを書くために従うべきルールを説明します。自然な React コードを書くことで、安全で整理されており、組み合わせ可能なアプリケーションを作成することができます。以下に挙げる特性により、アプリは変更に対して頑健になり、他の開発者やライブラリやツールと連携しやすくなります。 以下のルールは React のルールとして知られています。これらを守っていないならアプリにバグがある可能性が高い、という意味で、これらは単なるガイドラインではなくルールです。またこれらを守らない場合、あなたのコードは不自然で、理解や推測が難しいものになるでしょう。 Reac

すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を

文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？　この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると、以下の指定を提案します。 body { overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ } この記事では上記の指定にいたった理由と、折り返しの理解について必要なoverflow-wrapとword-breakプロパティを中心に解説します。 overflow-wrap overflow-wrapは

「ちゅ～るちゅ～る　CIAOちゅ～る」や「ラ～イトツナは、いなば」など軽快なCMで知られる缶詰製造大手いなば食品。 今年3月には大谷翔平選手の所属するロサンゼルス・ドジャースのスポンサーにもなった有名企業だ。そのいなば食品の今春の一般職採用の新入社員19人のうち少なくとも17人、実に9割が入社を辞退していたことが、「週刊文春」の取材でわかった。

Webサイトやスマホアプリの実装に、ボタンは欠かせない要素の一つです。そんなボタンの実装に設定しておくと便利なCSSのスタイルを紹介します。 スマホでボタンをタップした際にズームなどの誤動作が起きないようにするCSS、ボタンのテキストが選択されてハイライトにならないようにするCSS、フォーカス時のアウトラインをより見やすくするCSS、ボタンの論理サイズを設定するCSSなど、デフォルトのスタイルとして設定しておくと便利です。 CSS Button Styles You Might Not Know by David Bushell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに スマホでボタンをタップした際の誤動作を防止 ボタンのテキストの意図しない選択 ファイル選択のボタン ボタンをフォーカス時の視覚的なアウトライン

ご存知ですか？ 熊本県の菊陽町（きくようまち）。 世界的な半導体メーカーTSMC（Taiwan Semiconductor Manufacturing Company Limited）の工場が来た町です。TSMCといえばApple（アップル）のiPhoneのチップを作っているサプライヤーでもあり、半導体は僕らの文明には必要不可欠となっている存在。 この地名・企業名を聞くだけで｢ああ、半導体バブルの…｣みたいなイメージが浮いてくる人もいらっしゃるかも。実は僕も｢TSMCのおかげで急発展しているらしいぞ｣くらいの印象でした。 半導体が町の様相すら変えている。 ともなれば、この“TSMCが来た町”を自分の足で確かめておかねばと思い、今回菊陽町へと乗り込みました。町が一気に様変わりする瞬間に立ち会えるのは、今だけかもしれませんからね！ ただ今回の取材は、僕の解釈。あくまでも僕が見て思ったことですか

CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。CSSはそれら以外にもたくさんの単位が使用できます。 第3弾となる今回はコンテナクエリに基づく単位（cqw, cqh, cqi, cqb, cqmin, cqmaxなど）の便利な使い方を紹介します。 Container query length units -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 第1弾・第2弾は、下記をご覧ください。 フォントに基づく相対単位（em, rem, cap, ch, ex, ic, lhなど）の便利な使い方を解説 ビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を解説 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得

イギリス生まれの人気ヘアブラシシリーズ「タングルティーザー」から販売されている濡れ髪専用のブラシ「 ザ・ウェットディタングラー」を愛用者が紹介。お風呂上がりのヘアケア、絡まった髪をとかすのって地味に大変ですよね。無理にとかすと傷みが気になることも。この濡れ髪専用ブラシでブラッシングをすると、力を入れずにするするとまとまった髪になるようです。 タングルティーザー ザ・ウェットディタングラーミニ（マシュマロデュオ） 楽天で見る タングルティーザー ザ・ウェットディタングラー ミニ マシュマロデュオ [国内正規品] 今年の誕生日、友人にリクエストしていたシャンプーが届きました。 箱を開けると、オシャレな美容院専売シャンプーの隣にもう1つ包みが。私はそれを見て驚きました。 その商品とは、「タングルティーザー ザ・ウェットディタングラー ミニ」。 なぜ私が驚いたのかというと、全く同じものをすでに持っ

異なるカラーを濃くしたり薄くしたりするとき、個別にカラーを設定してもできますが、CSSの相対カラー構文（color: rgb(from green r g b);）を使用すると簡単に実装できます。 下記はそれぞれ元のカラーに対して相対カラー構文1つでそのカラーを濃くしたり薄くしたりしています。1つのカラーに対して複数の濃さが必要な場合に便利です。 CSSの相対カラー構文とは CSSの相対カラー構文のデモ CSSの相対カラー構文とは CSSの相対カラー（CSS Relative colors）構文を使用すると、他のカラーのパラメータを変更してカラーを定義できます。相対カラー構文は設定した色を相対色に変換します。変換には、fromキーワードを使用します。ブラウザはベースのカラーを変換して分解し、新しいカラーの定義で使用する変数として使用できます。

ibiharu2024 @ibiharu1950 お子さんの英語が心配なご家庭へ。でも塾に行かせる経済的余裕がなければ、NHKのラヂオ講座をおすすめします。講師陣は日本でトップクラス、いつでも聞けます。経済的。是非、是非おすすめします。 2024-03-19 13:21:24 ibiharu2024 @ibiharu1950 少し前述の訂正。経済的余裕がなければ、の部分を、経済的余裕があってもなくても、とします。とにかく内容もいいので、コスパ云々ではなく、英語を鍛えたい、楽しみたい人には最適、最高です。 2024-03-24 16:17:16 ibiharu2024 @ibiharu1950 N大学文学部英語学英文学科卒業1974.同年県立高校教諭 2003N大学院英語教育専攻修了、2011定年退職。 現在　県立高校で非常勤講師。英語教師５1年目。英語と英語教育について考えていきます。時に

今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。 ライトモードとダークモードのスタイルを簡単に定義できるlight-dark()カラー関数、垂直方向の中央に配置するalign-contentプロパティ、フォームのサイズを入力された文字量に合わせて自動変更するfield-sizingプロパティ、CSSで句読点括弧のカーニングができるtext-spacing-trimプロパティ、これらがブラウザにサポートされるのを待っていた人も多いと思います。 Chrome 123 beta New in Chrome 123 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSのlight-dark()カラー関数 CSSのdisplay-modeでpicture-in-p

inline-block を使う理由、それは 入れ子構造を作れることにより、改行位置の優先順位をつけられるから！ 詳しくは以降で説明します。 （前提）そもそも改行調整ってなんの話？ このタイトルを見て記事を開いた方であれば知っていると思いますが、一応説明です。 スペースで単語が区切られる欧文とは違い、日本語は単語の区切りがないので、改行すべき位置を機械的に判断できず、不自然な位置で改行されてしまうことがあります。そこで、見た目を整えるため、改行すべき位置を指定するための手法が必要になります。 他に詳しい記事がいくつもありますので、詳細はそちらを参照してください。 代表的な改行調整の手法 <wbr> 要素 <wbr>要素は、改行してよい位置を表す要素です。 親要素に対して word-break: keep-all; を指定して基本的には改行されないようにすることで、<wbr>要素がある位置で

メルカリのクローンサイトを作りながら、React・Tailwind CSSが学べる本です。

メガネをかけているとスマホの文字が見えません…。 視力自体は維持できているものの、ここ1～2年くらいで手元が見えづらくなってきて、目が疲れていたり薄暗い場所になると、それがより酷くなります。 加齢による体の衰えというのは、自分の努力で何とかなるものもありますが、大半は認め、諦め、受け入れていくしかないようです。「まだ大丈夫！」とここ何年か強がっていましたが、ついに観念しました。 というわけで、どうすればいいのかよく分からなかったので、詳しく検査してくれる場所に行って色々相談しながらメガネを新調することにしました。 僕のメガネ遍歴 ニコンメガネでメガネを作る 視力検査 レンズ選び フレーム選び お会計（メガネの総額） メガネの受け取り 出来上がったメガネを使ってみて 終わりに 僕のメガネ遍歴 いつからメガネを使っているか忘れてしまいましたが、初めてメガネを買ったのはいつかの健康診断の際の視力