簡単！CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは？ 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に文字間隔の調整（カーニング）ができます。 はじめに：ベタ組みと文字詰め 日本語フォントは基本的にベタ組み（等幅）で読みやすいように設計をされています。長文を読むにはベタ打ちのほうがリズムよく読めて疲れないので、本文などはベタ打ちのままのほうがよい場合が多くあります。 それでもフォントサイズの大きい見出しなどでバシッといい感じに決めたい場合もありますよね。個人的には記事のタイトルが並んでいるなかで、カッコから始まるものが混じっているときなどは、「んぁ〜」
キャンプを楽しむのに欠かせない物といえば、大自然の中で食べる美味しいキャンプ飯です。 しかし、キャンプは自宅と違って調理器具も限定されて料理が億劫な方も多いですが、手軽に作れるキャンプ飯をご紹介します。 手軽なキャンプ飯が一番！ キャンプ飯は慣れれば簡単！ 「鶏と野菜とキノコ蒸し」を作ろう！ LOGOSの森林 スモークポッド 鶏と野菜とキノコ蒸し【食材】（5人前） 鶏と野菜とキノコ蒸し【作り方】 野菜をカットしよう！ 鶏モモの下処理をしよう！ ブナシメジの下処理しよう！ ダッチオーブンに具材を入れよう！ 調味料を加えよう！ ダッチオーブンで蒸し焼きにしよう！ 「コンソメ餃子鍋」を作ろう！ 及源 お国自慢鍋ツル付26cm コンソメ餃子鍋【食材】 （5人前） コンソメ餃子鍋【作り方】 野菜をカットしよう！ 調味料を入れて野菜に火を通そう！ 餃子を投入しよう！ 「鶏と野菜とキノコ蒸し」と「コンソ
フォームの実装で面倒なのがフォーム要素とテキストを揃える、特にチェックボックス・ラジオボタンとテキストをベースラインに揃えることです。 flexboxでalign-item: baseline;を使用すると、チェックボックス・ラジオボタンとテキストを揃えるのは簡単に実装できます。複数行のテキストにも対応します。 <div class="flex-demo --start checkbox-input"> <label for="demo"><b>flex-start</b> 複数行の長いテキストでも大丈夫</label> <input type="checkbox" id="demo"> </div> <div class="flex-demo --center checkbox-input"> <label for="demo2"><b>center</b> 複数行の長いテキストでも大丈
キャンプで欠かせないのが大自然の中で食べる美味しいキャンプ飯ですが、手の込んだ料理は手間がかかり面倒に感じますよね。 今回は、そんなキャンプでも簡単に作れる「ミニビア缶チキン」と「ホタルイカのアヒージョ」を紹介します。 簡単に作れる料理がキャンプには最適！ ミニビア缶チキンを作ろう！ ビア缶チキンとは？ ミニビア缶チキン【食材】6人分 ミニビア缶チキン【作り方】 鶏モモ肉に下処理をする！ ビール缶に鶏肉を巻き付ける！ ビア缶チキンを蒸し焼きにする！ 切り分けてパセリを散らして完成！ ホタルイカのアヒージョを作ろう！ ホタルイカの海鮮アヒージョ【食材】6人分 ホタルイカの海鮮アヒージョ【作り方】 食材の下処理をします！ オリーブオイルにニンニクで香りづけ！ OIGEN ダッチオーブン グリルスキレット 海老や野菜に火を通そう！ ブロッコリーとハマグリを投入！ トマトとホタルイカを投入 盛り付
ウェブがますます進化することで、表現の可能性がぐんと広がっており、CSSはその代表と言えます。 ほんの数年前までJavaScriptなどで実装していた複雑な仕様も、CSSのみで実現できるようになってきています。 この記事では、ほんのわずかなCSSで実装できる小技テクニック12個をまとめてご紹介します。 Web制作で活用できる、実用性の高いテクニックを中心に揃えています。ソースコードは、「HTML」と「CSS」タブを切り替えることで確認できます。 CSSで実装できる小技テクニック目次 1. テキストグラデーション 2. 左線グラデーション付きの見出しタイトル 3. アニメーション付ボーダーライン 4. テキストリンクがすーっと通過するホバーエフェクト 5. リンク用CSSラインホバーアニメーション 6. SVGで画像の周りをデコレーション 7. 文字テキストを回転させる方法 8. 長い文章を
真夏のそうめんおき 二種 - #つくりおき いよいよ夏ですね！☀️ おいしくて簡単に作れる夏の料理といえば、そう、「そうめん」です！ 暑い夏でもツルッと食べられるそうめんですが、毎日作るとレシピがマンネリ化してしまいがちなのが悩みどころ……。 そこで週刊はてなブログでは、長い夏を乗り切るための13種類のおいしいそうめんレシピを集めました！ あなたのお気に入りのレシピを、ぜひ見つけてみてくださいね。 【目次】 夏はやっぱり涼しげに！「トマトとツナのサッパリそうめん」 レモンがきいた、さっぱり「塩ダレそうめん」 電子レンジでゆでられる！ お鍋がいらない「やみつきごま油そうめん」 手軽にタンパク質を補給「ピリ辛豆乳スープのぶっかけ素麺」 卵黄がトロ〜リ「豚肉おろしそうめん」、さっぱり「山形のだし納豆そうめん」 カットから盛り付けまでを“10分”で！「グリーンカレーそうめん」 気分はボロネーゼ「そ
Masonryレイアウトとは、画像やカード型コンテンツをレンガ状に敷き詰めて配置するレイアウトです。Pinterestなどで見かける、高さが異なる画像・カードを配置する時によく使用されるテクニックです。 以前はJavaScriptやライブラリを使用したり、トリッキーなCSSで実装していましたが、Tailwind CSSを使用するとウソみたいに簡単に実装できます。 TailwindCSS Masonry Layout by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Tailwind CSSのみを使用してMasonryレイアウトを実装する方法 終わりに はじめに Masonryレイアウトは、以前は画像ギャラリーに使用されていました。しかし最近では、このレイアウトはユーザーにとって非常に魅力
キャンプやアウトドアを盛り上げるのは、大自然の中で食べる美味しいキャンプ飯と言われる方も多いかと思います。 ただ、キャンプの場合は自宅と違って調理器具も限定されるので、料理が億劫に思われる方もおられますが、ユニフレームのライスクッカーなら誰でも簡単にご飯が炊けるんですよ。 手軽に簡単キャンプ飯を作ろう！ 大自然のスパイスで美味しさアップ！ 誰でも簡単目玉焼きライス！ ユニフレーム fan5DX ユニフレーム fan 5 DX ユニフレーム fan5 まな板 ユニフレーム 山ケトル900 OPINELナイフ カーボンスチール#12 ユニフレーム ライスクッカーでご飯を炊こう！ 米を砥いで水の分量を量ろう！ カセットコンロで米を炊こう！ 火加減に気を付けよう！ 目玉焼きライスの作り方！ 誰でも簡単目玉焼きライス【食材１人前】 ダイソーの300円スキレットで焼こう！ ウィンナーに火を通す！ 半熟
本連載では以前Tkinterを使ってデスクトップアプリを作る方法を紹介した。Tkinterもそれほど難しくないものの、PySimpleGUIを使うともっと簡単にデスクトップアプリが作れると話題だ。今回は、話題のPySimpleGUIを使って、日給計算アプリを作ってみよう。 PySimpleGUIを使って日給計算アプリを作ってみよう PySimpleGUIについて PySimpleGUIとは2018年より開発されているデスクトップアプリを作るためのライブラリだ。GUIとはGraphical User Interfaceの略で、ボタンやテキストボックスなど、マウスやタップ操作に応じて反応するインターフェイスのことだ。 もともと、PythonでGUIを持ったアプリを作るのには、Tkinter、Qt、WxPythonなどのライブラリが利用されてきた。実際のところ、PySimpleGUIはこれら既に
日頃から口にする機会が多い、ベーコン、ハム、スモークサーモン、ビーフジャーキーなどの薫製食品がお好きな方も多いと思います。 ただ、実際自分で作るとなると手間がかかると敬遠している方も多いですが、スモーカーによっては簡単にそしてお手軽に燻製を作る事が出来るんですよ。 燻製の一般的な作り方！ 燻製は保存食！ 燻製に適した簡単食材！ ソミュール液（保存液）を作る！ 食材をソミュール液に漬ける！ 食材を塩抜きする！ 半日程度乾燥させる！ 食材を燻す！ 簡単な薫製の作り方！ 簡単薫製器（スモーカー）７選！ ユニフレーム インスタントスモーカー ユニフレーム インスタントスモーカー ロング スノーピーク コンパクトスモーカー キャプテンスタッグ アドバンス折りたたみスモーカー キャプテンスタッグ デリカステンレス角形スモカー SOTO お手軽香房 キャメロンズ ミニスモーカー キャンプで燻製を作ろう
ソロキャンプの場合は料理が面倒で敬遠される方も多いですが、アルミ飯盒のメスティンを利用すれば、色んな料理を作る事ができるんです。 そして、今回は手軽に誰でも簡単にできる「炙りサーモンチーズ丼」をご紹介しますね！ メスティンで簡単にキャンプ飯を作ろう！ トランギア メスティン TR-210 ダイソー メスティン メスティンで「炙りサーモンチーズ丼」を作ろう！ 山と食欲と私 10巻 メスティン 炙りサーモンチーズ丼【食材】 メスティン 炙りサーモンチーズ丼【作り方】 酢飯の上にサーモンとチーズをのせよう！ ガスバーナーで炙ろう！ 炙った後で刻みネギを散らします！ わさび醤油をかけて完成！ メスティン飯のまとめ 炙りサーモンチーズ丼 メスティンで簡単にキャンプ飯を作ろう！ 筆者はキャンプ歴10年と長いのですが、以前はソロキャンプで一人分だけのご飯を炊く事が面倒と感じていました。 ファミリーキャン
これなら簡単で便利！最近見かけるCSSのさまざまなコンポーネントをコピペで利用できる -CodyHouse Framework
HTMLとCSS、そしてJavaScriptで実装された最近のWebページやスマホアプリで見かけるさまざまなコンポーネントを簡単に利用できるフレームワークを紹介します。 各コンポーネントは単体でもHTMLとCSSのコピペで利用できるので、既存ページや他のフレームワークにも簡単に使うことができて便利です。 CodyHouse Framework 2.0 CSSベースの軽量フレームワーク アクセシブルで、Webページやスマホアプリのインターフェースを構築するための8Kb軽量フロントエンドフレームワーク。 さまざまなコンポーネント HTMLとCSS、そしてJavaScriptで実装された、87種類のコンポーネント。 実装もカスタマイズも簡単 コピペで利用でき、既存のCSSルールを上書きする必要はありません。 モバイルファースト すべてのコンポーネントは、モバイルファーストで実装されています。 プ
階層メニューやトーストUIが簡単に作れる新技術！ JavaScriptで利用するポップオーバーAPI 2023年5月〜6月にリリースされたChrome 114とEdge 114には、「ポップオーバーAPI」というAPIが搭載されました。 ポップオーバーとはコンテンツの1番上に重ねて表示するUIで、ユーザーにアクションを促したり、補足の情報などを伝えるために画面に表示します。ポップオーバーAPIのMDNのドキュメントではオーバーレイ、ポップアップ、ポップオーバー、ダイアログなどを総称して「ポップオーバー」と呼んでいます。 ウェブサイトでよく見かけるポップオーバーですが、実装するには意外と調整や考慮の多いUIです。たとえば、画面の1番上に重ねるためにはz-indexで他の要素との重なり順を調整する必要があります。Escキーを押した時や要素外をクリックした時にポップオーバーを閉じるには、Java
ソロキャンプの場合は料理が面倒で敬遠される方も多いですが、アルミ飯盒のメスティンを利用すれば、色んな料理を作る事ができるんです。 そして、今回は手軽に誰でも簡単にできる「お手軽栗御飯」をご紹介しますね！ メスティンで簡単にキャンプ飯を作ろう！ トランギア メスティン TR-210 ダイソー メスティン メスティンで「お手軽栗御飯」を作ろう！ メスティン お手軽栗御飯【食材】 メスティン お手軽栗御飯【作り方】 米を水に30分以上浸しておく！ 調味料と甘栗を加える！ 弱火で炊飯する！ タオルでくるんで蒸らす！ ネギを散らして完成！ キャンプでメスティン飯のまとめ！ お手軽栗御飯 メスティンで簡単にキャンプ飯を作ろう！ 筆者はキャンプ歴10年と長いのですが、以前はソロキャンプで一人分だけのご飯を炊く事が面倒と感じていました。 ファミリーキャンプなら3～4合の米を炊くので問題ないのですが、ソロだ
■サラダやスープのトッピングにも！鶏肉チップスの基本レシピ 電子レンジで手軽に作れる、カリッとおいしい鶏肉チップスのレシピです。しっかり噛みごたえがあり、少量で満足感を得やすいひと品。おやつやおつまみとしてはもちろん、サラダやスープのトッピングにも重宝します。 パリパリの小気味よい食感に仕上げる秘訣は、鶏肉を薄いそぎ切りにし、水分が飛ぶまで加熱することです。たとえうまくそぎ切りができなくても、そのあと麺棒で叩いて伸ばすため、それほど神経質になる必要はありません。 鶏むね肉・塩・こしょうしか使わないので、低コストでできるのが魅力！ぜひ気軽に挑戦してみてください。
想定外の新機能！ HTMLの<input type="checkbox" switch>だけで、スイッチUIが実装できるようになるぞ
WebサイトやアプリのUIで、スイッチを実装するのはなかなか面倒です。CSSで書くと、なかなかのボリュームになってしまいます。 そんなスイッチがHTMLだけで実装できるようになります。 Release Notes for Safari TP 185によると、HTMLの新機能としてswitch属性がサポートされました。これにより、スイッチUIがHTMLで簡単に実装できるようになります。 switchについては、かなり前から実装についてGitHubで議論されていました。スイッチは人気のあるUIコントロールだけど、CSSで実装するのは簡単じゃないよね、簡単に実装できるようにしよう。という感じです。 スイッチUIを実装するHTMLは、下記の通りです。
どうも、お久しぶりです。ひにしです。 約1年ぶりにみんなのごはんで記事を書くのですが、この間私が何をしていたか…それは 「スパイスカレー作りにハマっています」 日々作り続けているカレーたち カレーです。そう、カレー。「スパイスカレー作り」にハマりにハマっています。「スパイスカレー、ガチでハマる。まじでやばいぞ」とは聞いていたんですが、これが本当に沼！！！！！！！！！！！！！！！！ 毎日のようにカレーを作りすぎて冷凍庫が自作したスパイスカレーだらけになる日々を送っております。 そう、スパイスカレーは最高に楽しい趣味。 「でも、ルーを使わないカレーはやっぱり難しそうだし、ハードルが高いよねー」 そんな「興味はあるけどなー」と思っているけど、まだ手を出してないスパイスカレー作り初心者の皆さん！ そんな方向けにこそ読んでほしい！ 同じようにハマりたての私が、 お得にスパイスを調達する方法 超おすす
一藤 @lH9Nh31jUEYmhwx 野菜を漬けるのに使っているのは、野田琺瑯のレクタングル浅型M(amzn.to/2UlKepB) 野田琺瑯は湯煎・直火・オーブンにも使えて便利なんよ… 匂いもつきにくいから1個あれば料理の下拵えからスコップデザートまで使えてめっちゃ便利です。大変おすすめ 2021-07-20 21:42:10 リンク www.amazon.co.jp Amazon.co.jp : 野田琺瑯 ホワイトシリーズ 保存容器 レクタングル浅型M シール蓋付 日本製 WRA-M : ホーム＆キッチン オンライン通販のAmazon公式サイトなら、野田琺瑯 ホワイトシリーズ 保存容器 レクタングル浅型M シール蓋付 日本製 WRA-Mを ホーム＆キッチンストアで、いつでもお安く。当日お急ぎ便対象商品は、当日お届け可能です。アマゾン配送商品は、通常配送無料（一部除く）。
VSCodeを使ってHTML/CSS/JavaScriptなどを使ったWeb制作、Webコーディングを行っている人も多いのではないでしょうか。 VSCodeは様々な拡張機能が公開されていて、それらを活用するとさらにWeb制作の作業効率が向上したり、使い勝手が良くなったりします。 今回は、Web制作者、WebコーダーにおすすめのVSCode拡張機能をご紹介したいと思います。 VSCodeとは VSCodeとは、Microsoftが提供するテキストエディタ「Visual Studio Code」のことです。つい数年前までは、人によって使っているテキストエディタが違うことも多かったのですが、最近ではVSCodeを使ってコーディングやプログラミングを行っている人がかなり多くなってきました。 VSCodeは、設定や拡張機能の追加など、マウス操作で行うことができ、初めてコーディングやプログラミングをす
【Mac・Google対応】「やじるし」「みぎ」とかで矢印に変換している人必見！『←↓↑→』を爆速で変換する裏技！『々』の簡単な変換方法も！
タグチマリコ | 日本ウェブデザインCXO/UXデザイナー @marimamiac Macで「やじるし」とか「みぎ」とかで変換して矢印出してるの見るとムズムズするので、小姑みたく「“z+l”押しなァ！」ってすぐ言っちゃう。 2020-07-29 17:22:17
CSSの:has()疑似クラスは去年末にFirefoxでサポートされ、これですべてのブラウザにサポートされました。2024年は、:has()疑似クラスを使用する機会が増えますね。 CSSの:has()疑似クラスは指定した要素がある場合にのみスタイルを適用できる、if文のような非常に便利なCSSの機能です。この:has()疑似クラスの基本的な使い方とシンプルだけどクールな使い方を紹介します。 ↔️ Sideway selection in CSS with :has() by Francesco Vetere 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 :has()疑似クラスのシンプルでクールな使い方 実装の解説 :has()疑似クラスのシンプルでクールな使い方 みなさん、こんにちわ！👋 この記事では、最近すべてのブラウザに
GDG DevFest 2020 LT大会 https://tokyo.gdgjapan.org/devfest2020/schedule/1/127
TechCrunch
A lot has happened since Dev Ittycheria took the reins at MongoDB, the $26 billion database company he’s led as president and CEO since September 2014. Ittycheria has taken MongoDB to the cloud,
今日は究極に簡単なのに、誰でもめちゃくちゃ美味しく作れる鶏むね肉レシピをご紹介です(๑•̀ㅁ•́ฅ✧ メイン食材は鶏むね肉とチーズのみ、 味付けは塩こしょうにバジルというシンプルなレシピです(๑˘ᴗ˘๑)* カリカリに焼けた表面のチーズと胸肉のパリッとした食感と、内部のしっとりとした食感の組み合わせが素晴らしく美味しいです✧*｡(ˊᗜˋ*) バジル風味も良いアクセントになっておすすめです( ´͈ ᗜ `͈ )♡ それではめちゃくちゃ簡単な作り方をご紹介します♬ 鶏むね肉で簡単♬パリパリチーズチキン♬ 【材料】2人分 ◎鶏むね肉・・・４００ｇ （むね肉下味） ◎塩・・・小さじ２／３ ◎こしょう・・・少々 ◎酒・・・大さじ３ （後入れ） ◎ピザ用チーズ・・・８０ｇ ◎片栗粉・・・大さじ２ ◎バジル（乾燥）・・・適量 （お好みで） ◎パセリ・・・適宜 【作り方】 １．鶏むね肉の皮を取り除き、１ｃ
皆さん、子供の頃に遠足で前日からワクワクした思い出とかありませんでしたか？筆者は今でもキャンプ前日からワクワク＆ソワソワしちゃいます。 そして、のんびりアウトドアライフを過ごすためには、チェックイン日のお昼をどうするかが重要ですが、そんなときにはお手軽な手抜きキャンプ飯にしちゃいましょう。 キャンプの昼食は簡単に済ませよう！ 午前中にキャンプ場に入る方法！ 朝からキャンプは昼食の準備が必要！ お手軽手抜きキャンプ飯４選！ 弁当は手軽で簡単！ インスタント食品はお湯を注ぐだけでOK！ 日清食品 定番カップヌードル 3種セット アマノフーズ どんぶりの素3種 サトウのごはん 日清 カレーメシ・ハヤシメシ・ぶっこみ飯 麺類は簡単調理可能！ ホットサンドは短時間で作れる！ いなば食品 カレー缶詰セット ホテイフーズ やきとり缶詰 時短キャンプ飯で家族と遊ぼう！ キャンプの昼食は簡単に済ませよう！
山本ゆり（syunkon レンジは600W) @syunkon0507 料理コラムニスト 著書「syunkonカフェごはん」1～7他(累計700万部)エッセイ本「おしゃべりな人見知り」ブログ「含み笑いのカフェごはん『syunkon』」 インスタグラムinstagram.com/yamamoto0507 お仕事のご依頼syunkon@hotmail.co.jp ameblo.jp/syunkon/ 山本ゆり（syunkon レンジは600W) @syunkon0507 やっとできた…最高の自信作 チーズケーキ好きの方に伝わったら嬉しいです！ ・材料5つ ・オーブン不要 ・量り、専用の型不要 でできます‼️‼️ 【レンジ&トースターで 話題のバスク風チーズケーキ】 ※本来バスク風は真っ黒に焦がしますが失敗と思われる可能性があるんで控えめにしてます pic.twitter.com/HYwCSTj
ソロキャンプの場合は料理が面倒で敬遠される方も多いですが、アルミ飯盒のメスティンを利用すれば、色んな料理を作る事ができるんです。 そして、今回は手軽に誰でも簡単にできる「海南鶏飯（カオマンガイ）」をご紹介しますね！ メスティンで簡単にキャンプ飯を作ろう！ トランギア メスティン TR-210 ダイソー メスティン メスティン 海南鶏飯（カオマンガイ）を作ろう！ メスティン 海南鶏飯（カオマンガイ）【食材】 メスティン 海南鶏飯（カオマンガイ）【作り方】 事前に米は水を量って持参しよう！ 合わせ調味料や出汁を加えよう！ 鶏モモ肉を載せよう！ 100均の固形燃料で炊飯しよう！ メスティンを蒸らそう！ 鶏モモ肉を切り分けよう！ 海南鶏飯（カオマンガイ）の完成！ メスティン飯のまとめ 海南鶏飯（カオマンガイ） メスティンで簡単にキャンプ飯を作ろう！ 筆者はキャンプ歴10年と長いのですが、以前はソロ
ソロキャンプの場合は料理が面倒で敬遠される方も多いですが、アルミ飯盒のメスティンを利用すれば、色んな料理を作る事ができるんです。 そして、今回は手軽に誰でも簡単にできる「シーフードパエリア」をご紹介しますね！ メスティンで簡単にキャンプ飯を作ろう！ トランギア メスティン TR-210 ダイソー メスティン メスティンで「シーフードパエリア」を作ろう！ S＆Bシーズニングパエリア メスティン シーフードパエリア【食材】 メスティン シーフードパエリア【作り方】 米以外の食材はメスティンに詰めて持ち運ぼう！ シーフードミックスとオリーブオイルを入れよう。 シーズニングパエリアを投入！ 細切りのパプリカをのせよう！ シーフードパエリアの完成！ メスティン飯のまとめ シーフードパエリア メスティンで簡単にキャンプ飯を作ろう！ 筆者はキャンプ歴10年と長いのですが、以前はソロキャンプで一人分だけの
使った方がいい便利なフロントエンド開発ツールを紹介します。 Photo by ThisisEngineering RAEng on Unsplash はじめに 開発者として、私たちは常に、プロジェクトに取り組んだり何かを学んだりする時に、作業を楽にしたり生産性を高めたりするリソースやツールを使う必要があります。web上には開発者向けに作成されたツールがたくさんあるので、安心してください。その多くは無料で、何も支払う必要はありません。 この記事では、webで入手できる無料の、非常に便利なフロントエンド開発ツールのリストを紹介します。さっそく始めましょう。 1. UiGradients UiGradientsは便利なwebツールで、カスタマイズして選べる素晴らしいカラーグラデーション集です。また、カラーグラデーションは、CSSコードとして取得したり、JPG形式でダウンロードしたりすることもでき
サバ缶とにらでメインディッシュ「サバ缶のにんにくバターにら玉」は七味たっぷりで食べてほしい【筋肉料理人】 - メシ通 | ホットペッパーグルメ
こんにちは～筋肉料理人です！ 今日は、サバ缶を汁ごと使った、にら玉の激ウマアレンジレシピを紹介します。 一年中お店に並ぶにらですが、今の時期から5月くらいまでがとくに美味しいのでおすすめです。 なかでも早春のにらはやわらかで美味しく、にら玉にバッチリ合います。 ふわふわのにら玉にサバ缶とにんにくバターで旨味を重ねて、ご飯にもビールにも合う一皿の完成ですよ。 筋肉料理人の「サバ缶のにんにくバターにら玉」 【材料】2人分 サバ缶（しょうゆ味） 1缶（150g） 卵 3個 にら 1/2束 にんにく 1かけ マヨネーズ 小さじ1 バター 15g 七味唐辛子 適宜 作り方 1. にらは4～5㎝に切り、根元の太い部分は別にします。 にんにくはみじん切りにします。 にんにくは包丁の腹で押して潰してから薄く切り、それをみじん切りにすると簡単です。 2. 卵はボウルに割り入れ、マヨネーズを加えて溶いておきま
ソロキャンプの場合は料理が面倒で敬遠される方も多いですが、アルミ飯盒のメスティンを利用すれば、色んな料理を作る事ができるんです。 そして、今回は手軽に誰でも簡単にできる「焼き鳥炊込み飯」をご紹介しますね！ メスティンで簡単にキャンプ飯を作ろう！ トランギア メスティン TR-210 ダイソー メスティン メスティンで「焼き鳥炊込み飯」を作ろう！ メスティン 焼き鳥炊込み飯【食材】 メスティン 焼き鳥炊込み飯【作り方】 米を浸けおく！ 具材を投入！ メスティンを炊き込む！ タオルでくるんで保温しながら蒸らす！ 焼き鳥炊込み飯の完成！ メスティン飯のまとめ やきとり缶詰炊込み御飯 メスティンで簡単にキャンプ飯を作ろう！ 筆者はキャンプ歴10年と長いのですが、以前はソロキャンプで一人分だけのご飯を炊く事が面倒と感じていました。 ファミリーキャンプなら3～4合の米を炊くので問題ないのですが、ソロだ
はじめに 最近のウェブアプリではバックエンドをREST-APIとして用意し、 フロントエンドはREST-APIから引っ張ってきたデータをReactやVueといったフレームワークで描画することが多いと思います。 このようなウェブアプリを開発する際に問題となるのはバックエンドとフロントエンドを並行して開発しにくいということです。バックエンドができなければフロントエンドはどんなデータが来るのかわからず描画できませんし、バックエンドもフロントエンドからどのようなリクエストが来るか決まらないと実装ができません。 そのため、最初にREST-APIの仕様を定めて、その仕様に沿ったモックサーバを作成し、 フロントエンドはバックエンドが完成するまでそれを用いて開発を進めるということが行われます。 さてそのREST-APIの仕様とはどのように記述されるのでしょうか？ 1. 自然言語で記述する 一番よくある場合
ようこそ《てぬキッチン》へ 料理大好き！でも面倒なことは大嫌い！な私が、いろいろな手抜き料理に挑戦していくブログです。 ☆そのままフローズンヨーグルト☆ 今日は、ヨーグルトの容器でそのまま作る『そのままフローズンヨーグルト』を作りました。 これならめっちゃ簡単で洗い物も少なくてやる気が出る！面倒くさがり屋の私にピッタリのレシピ！ 分量も覚えやすいので、ぜひともトライしていただきたです。そしてぜひこの夏リピートしていただきたい超お手軽のレシピです。 レシピ 材料 ヨーグルト 400g 砂糖 大さじ4 牛乳 大さじ4 作り方 １）ヨーグルトの容器に砂糖と牛乳を入れて、混ぜます。 ２）冷凍庫で冷やし固めます。 ３）２時間くらいたったら一度かき混ぜて、再度冷凍庫でお好みの具合になるまで冷やし固めたら完成です。(1~2時間くらいがオススメです！) ●POINT● とても簡単なのでポイントはなし！！
【メシ通のリモートめし】パン粉とツナ缶の「カリカリパン粉スパゲティ」はウマすぎるまかないです【ヤスナリオ】 - メシ通 | ホットペッパーグルメ
こんにちは、高円寺メタルめしのヤスナリオです。 今回は「このパン粉、そろそろ使い切ったほうがいいかも」っていう時にまかないでもよく作っている「カリカリパン粉スパゲティ」をご紹介します。 作り方は、パン粉とツナとすりおろしにんにくをオリーブオイルでカリカリになるまで炒めて、茹でたスパゲティにたっぷりかけるだけ。にんにく風味の香ばしいパン粉が、茹でたてスパゲティに絡みついて、食感も楽しくあとをひくウマさですよ。後半で紹介する方法で、1~2分でスパゲティを茹でることもできます。 ヤスナリオの「カリカリパン粉スパゲティ」 材料：1人分 パン粉 1カップ ツナ缶（オイル漬けのもの） 1/2缶 オリーブオイル 大さじ1 すりおろしにんにく チューブ2～3cm スパゲティ（お好みの種類で） 100g 塩、粗びき黒こしょう、一味唐辛子 適量 作り方 1. フライパンにパン粉、オリーブオイル、ツナ缶（オイル
昨年の晩夏以降に遅ばせながら『ゆるキャン△』にハマってしまった、40歳のいい年したオッサンです。 そして、漫画、アニメ化、トントン拍子で、更に先日の1月9日には実写化のドラマ1話放送開始って凄い事かと思います。 こう聞くと、改めてゆるキャン△の凄い勢いが分かりますし、もちろん昨今のキャンプブームの後押しを影響もあるんでしょうね。 また、この『ゆるキャン△』がここまでの勢いが出た大きな理由は、作中に出てくるキャンプ地自体が、実在する有名なキャンプ場だったりするわけなんです。 そもそも、その有名キャンプの景色が最高の為に、ただでさえ人が多い有名キャンプ場が、ゆるキャン△聖地化にて激込みになるなどの影響まで出てきていますね・・ 浩庵キャンプ場も凄かったけど、 ふもとぱっらキャンプ場は更に 受付が大渋滞だった😭 pic.twitter.com/Al3kGLmJYw — え〜ちゃん (@9y7C5
無料＆簡単にウェブサイトの文章をメモ帳感覚でどんどん保存可能、HTML変換もできて便利なChrome拡張機能「Quotebacks」を使ってみた
ウェブサイトのテキストをブログやホームページに埋め込める形式で簡単にコピーできる「Quotebacks」は無料で使えるGoogle Chromeの拡張機能です。HTMLやマークダウン形式に対応した引用形式でもテキストをコピーできるというQuotebacksの使い心地を実際に使って確かめてみました。 Quotebacks - quote the web - Chrome ウェブストア https://chrome.google.com/webstore/detail/quotebacks-quote-the-web/makakhdegdcmmbbhepafcghpdkbemach Google Chromeに「Quotebacks」を追加するには、上記のURLにアクセスし「Chromeに追加」をクリック。 「拡張機能を追加」をクリック。 アドレスバーの右側に「→」のマークが追加されていれば、
業務中ワイ ワイ「お、また株式会社ブラックはんからお仕事依頼のメールが来てるで」 ワイ「どれどれ・・・」 暗井「お世話になっております。株式会社ブラックの暗井 暗人（くらい・あんと）です」 暗井「クリックするとフワフワっとだんだん縦横に大きくなるボックスを作ってください」 暗井「予算は800万円です」 ワイ「これまた何ちゅうフワフワっとした指示や」 ワイ「でもjQueryのanimateメソッド使えば余裕やろ」 ワイ「かしこまりました」 ワイ「何とか800万円以内に抑えます」 ワイ「送信っと」 ワイ「お、早速お返事や」 暗井「なお、発注元の都合でjQueryの使用はできません」 ワイ「ファッ！？」 ワイ「まじか・・・jQuery禁止か」 ワイ「800万円で出来るかな・・・」 社長「（それは出来るやろ・・・何年かける気や・・・）」 ザコーダーワイ、jQuery禁止で困る ワイ「jQueryな
レスポンシブの確認が簡単になる！複数のスクリーンサイズで同時にできるChromeの機能拡張 -ResponsiveViewer
レスポンシブの確認をしたい時、最近ではスマホやタブレットなどのスクリーンサイズもいろいろなものがリリースされたので、大変になってきました。複数のスクリーンサイズを同時に確認できたらいいのにと思っていた人に朗報です。 先日リリースされたばかりのResponsiveViewerを紹介します。 ResponsiveViewerはChromeの機能拡張で、無料で利用できます。 ResponsiveViewer -GitHub ResponsiveViewerのインストール ResponsiveViewerの使い方 ResponsiveViewerのインストール ResponsiveViewerのインストールは簡単です。 他の機能拡張と同様にChromeウェブストアにアクセスし、「Chromeに追加」ボタンをクリックするだけです。 ResponsiveViewer -Chromeウェブストア ユーザ
レンチン料理のプロにひき肉料理のコツを聞いたら、ジューシーなメニューが簡単に作れてしまった【ガパオライス ハンバーグ】 - メシ通 | ホットペッパーグルメ
電子レンジで食材を調理したら加熱し過ぎてパサパサ、あるいは時間が足りず一部が冷たい……なんてことありませんか？ こんにちは。飯炊屋カゲゾウです。 電子レンジ調理というと、レシピがないときにW数と加熱時間をどう設定していいかわからず、「料理の温め直しにしか使っていない」という状態でした。 しかし、電子レンジレシピに詳しい料理研究家のしらいのりこさんにご指導いただき、実際に調理したことで、その魅力に開眼！ 皆さまにもレシピやコツを共有させてください。 ※本記事では電子レンジのW数はすべて600Wを想定しています。 目玉焼き付き！ レンチンガパオライス しらいのりこさん（以下、敬称略）：今回は豚のひき肉を使ったレシピを3つご紹介します。ひき肉って電子レンジ調理にすっごく向いている食材なんですよ。 ──えっ、そうなんですか？ しらい：1枚肉や塊の肉だと加熱ムラができやすいんですけど、ひき肉は最初か
CSS GridやFlexboxでレイアウトを確認しながらコードを生成、box-shadowによる繊細なシャドウを見ながらコードを生成、さまざまな区切り線、border-radiusやclip-pathによるさまざまな形、UI用の美しいグラデーションやデュオトーン、グラスモーフィズム、ニューモーフィズム、CSSアニメーションなど、面倒なCSSのコードを簡単に生成できる便利ツールを紹介します。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
手軽なキャンプ飯を作ろう！「鶏と野菜とキノコ蒸し」と「コンソメ餃子鍋」！ - 格安^^キャンプへＧＯ～！
このCSSなら簡単！フォームのチェックボックス・ラジオボタンとテキストをベースラインに揃えて配置
キャンプ飯に「ミニビア缶チキン」と「ホタルイカのアヒージョ」を作ってみよう！ - 格安^^キャンプへＧＯ～！
ほんの数行のCSSで実装できる小技テクニック12個まとめ 【簡単＆実用的】
今年の夏はそうめん尽くし！ 簡単おいしい、13種類のアレンジレシピを集めました - 週刊はてなブログ
ウソみたいに簡単！ Tailwind CSSのみを使用してMasonryレイアウトを実装する方法
ユニフレーム「ライスクッカー」は誰でも簡単にご飯が炊ける！ - 格安^^キャンプへＧＯ～！
ゼロからはじめるPython(73) より簡単にデスクトップアプリが作れるPySimpleGUIを使ってみよう
キャンプで燻製を作ろう！簡単薫製器（スモーカー）７選！ - 格安^^キャンプへＧＯ～！
キャンプでメスティン「炙りサーモンチーズ丼」を作ろう！＃003 - 格安^^キャンプへＧＯ～！
階層メニューやトーストUIが簡単に作れる新技術！ JavaScriptで利用するポップオーバーAPI - ICS MEDIA
キャンプでメスティン「お手軽栗御飯」を作ろう！＃001 - 格安^^キャンプへＧＯ～！
3つの材料＆電子レンジで簡単！鶏肉チップスの基本レシピ【味付けアレンジ付き】 | セブンプレミアム公式
スパイスカレー初心者必見！簡単3種スパイスの絶品カレーレシピと激安スパイス屋を伝授 - ぐるなび みんなのごはん
野菜が無駄にならないし簡単だし胃が弱りがちな夏にさっぱり食べられる神レシピ登場！「救世主」「最高過ぎて最高」
Web制作者必見！VSCodeのおすすめ拡張機能15個まとめ | Web Design Trends
これは覚えておきたい！ CSSの:has()疑似クラスを使うと、こんな面倒な実装も簡単なCSSだけできる
モバイルアプリエンジニアも簡単にウェブアプリを作れるよ！そう、Flutterならね。
【レシピ】鶏むね肉で簡単♬パリパリチーズチキン♬ - しにゃごはん blog
キャンプの昼食を簡単に！お手軽手抜きキャンプ飯４選！ - 格安^^キャンプへＧＯ～！
話題のバスク風チーズケーキ、材料を混ぜてレンジとトースターで超簡単に作れる！細かな説明もあるのできっと失敗しないよ
キャンプでメスティン「海南鶏飯（カオマンガイ）」を作ろう！＃005 - 格安^^キャンプへＧＯ～！
キャンプでメスティン「シーフードパエリア」を作ろう！＃004 - 格安^^キャンプへＧＯ～！
生産性を高めるすごいフロントエンド開発ツール10選 - Qiita
キャンプでメスティン「焼き鳥炊込み飯」を作ろう！＃006 - 格安^^キャンプへＧＯ～！
REST APIを簡単にMockできるツールSmopeckの紹介 - Qiita
【超手抜き】容器のまま作っちゃう！『そのままフローズンヨーグルト』の作り方 - てぬキッチン
未放送エリアで『ゆるキャン△』実写ドラマを簡単に見る方法！９巻発売！ - 格安^^キャンプへＧＯ～！
ワイ「なに！？ジェネレーター関数を使えば複雑なCSSアニメーションも簡単やと！？」 - Qiita
Web制作に役立つ！面倒なCSSのコードを簡単に生成できる便利ツールをまとめました