CSS Gridの便利な無料ツールが登場！ レイアウトを確認しながら、コードを生成できる -CSS Grid Generator
最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。 CSS Grid Generator Bento UIの実装については、Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUIをご覧ください。 CSS Grid Generatorは、CSS Gridで実装するレイアウトのコードを簡単に生成できるオンラインツールです。このジェネレーターを使用すると、列数・行数・ギャップサイズを設定し、自由にレイアウトを構築できます。
調味料Tierリスト(ルーキー〜シルバー帯まで)
調味料何買ったら良いんだ？という増田が定期的に出るので2024年版の初心者向けの調味料ティアリスト作ってみた（異論は認める）。 一応、料理研究家業で食っててメニュー開発案件とかで貰うの含めると、年間100種類以上はいろんな調味料触ってます。マニアックなオススメブランドとかも色々あるけど、とりあえずはスーパー(オオゼキ)で買えるベースで書いていこうと思う。 ＜判断基準＞ まずは先に判断基準書いておくと、 ・使うメニューの対応範囲が広いものが高ランク。メニュー限定みたいなのは評価下げる ・保存が楽なものは気持ち加点要素。 ・調味難易度が低いのは、ルーキー帯なので加点評価。ネットで調べてレシピ通りに作れるゴールド帯以降の人達に向けては書いてない。手なりで、かける、混ぜる、ぶちこんで炒めるが成立するものは高評価。 ・一応スト６勢用語使ってるのでわからない人向けに書くと（未経験→ルーキー→ブロンズ→
CSSのclass名やJavaScriptの関数名を付けるときに役立つ単語リストのまとめ -Classnames
CSSのclass名やJavaScriptの関数名を付けるときに悩んだり、ネタ切れになったことはありませんか？ BEM, OOCSS, SMACSSで命名する場合はそれを使用すればよいのですが、特定のテーマ別にグループ化された単語のリストが必要になるときもあります。そんなときに役立つ単語リストをまとめたClassnamesを紹介します。 Classnames Classnamesは、CSSのclass名やJavaScriptの関数名を付けるときに便利な単語をリスト化したものです。MITライセンスで、商用プロジェクトでも無料で利用できます。
Windowsのあちこちに表示されるMicrosoftの広告を非表示にする方法まとめ
Windows 11を使っていると、スタートメニューやエクスプローラー、ロック画面などいたるところにMicrosoftの広告や推奨事項が表示されます。PCで使うアプリやサービスを自分で決めたい人にとっては全くもって不要な広告ばかりなので、非表示にする方法をまとめてみました。 How to Disable Microsoft's Ads and Recommendations in Windows 11 https://www.howtogeek.com/how-to-disable-microsofts-ads-and-recommendations-in-windows-11/ ・目次 ◆1：スタートメニューからアプリの広告を削除 ◆2：エクスプローラーからOneDriveの広告を削除 ◆3：ロック画面からMicrosoft製品の広告を削除 ◆4：Microsoftへのデータ送信を無効化
「響け！ユーフォニアム」アニメ3期12話における改変について | 傾き屋
※本記事は、ユーフォ原作小説（最終楽章 前・後編）およびアニメ3期12話までのネタバレを含みます。 6/23（日）に放送されたユーフォ3期12話について、原作から大きく改変があったことで周辺がにわかに盛り上がっています。そこで本記事では、具体的にどこがどう変わったのかを踏まえ、原作既読者としての感想を書きたいと思います。 #前提情報：黒江真由について 黒江真由という、3期初登場の新キャラについて。 原作者いわく「黄」と「黒」を合わせると警戒色（「というお遊び的」）な意味のあるキャラクターとされています。また久美子が1年生のときから越えるべき壁として存在していた田中あすかを思わせる銀のユーフォを携えているところから、明確に『久美子にとってのラスボス』という立ち位置に居るキャラクターです。 名前やアイテムからこのあたりを読み解いていると、少しは印象が変わるかもと思ったので始めに補足しておきます
京アニ「響け！ユーフォニアム」最終回直前で起こったこと(ネタバレ)
京都アニメーション「響け！ユーフォニアム3」の最終回直前で起こったことがあまりに衝撃的だったので、未視聴勢にもわかるように説明したい。 （そもそも大前提の話）吹奏楽部では夏に全国大会があり、部員が多い強豪校は舞台に乗るメンバーを選抜しなければならない。曲のソロパートがあれば、さらに選抜メンバーから一人だけが選ばれる。 6月23日放送の第12話「さいごのソリスト」で起こったこと。 卒業を控えた3年生の主人公がソロの座をかけて最後の公開オーディションに挑むも、今回からやってきた転校生に負けてしまい、大泣きして終了。 ↓ SNS大荒れ。転校生アンチ大発狂！ （補足説明） ・アニメは2015年の1年生編から、原作小説は2013年からスタートしており、10年近くにわたって応援しているファンが存在している。 ・原作小説では主人公が選ばれてハッピーエンドになっているらしく、アニメオリジナルの大胆な改変が
情報整理の決定版「NotebookLM」が最高すぎる。こういうのがほしかったのよ！！ (1/7)
最新のアプリやサービスのニュースを書くのが仕事の筆者にとって情報の整理は永遠の課題だ。 もちろん書くことを仕事にしている人に限らず、氾濫する大量の情報を必要な時に取り出して利用したいという欲求は多くの人が持っているはずだ。 以前は手書きノートやファイルのような紙媒体に保存していた情報も、時代とともに完全にデジタルに移行し、Evernote、Microsoft OneNote、Notionといったメモを作成することに特化したクラウドアプリを利用している人も多いだろう。 筆者はおそらく普通の人よりは多くのサービスに触れているはずだが、どれも帯に短したすきに長しに感じてしまい、複数のメモアプリに情報が散乱してしまっているのが実情だ。 そこで6月6日に日本でも提供が開始されたグーグルの「NotebookLM」だ。 「AI駆動型のリサーチ、執筆アシスタント」と説明されているように、参照文献（ソース）
【ウインナーと卵あったら何が何でも作って！】簡単で美味しい「夢のような食べ方」知らなかったこと後悔 | ヨムーノ
【ウインナーと卵あったら何が何でも作って！】簡単で美味しい「夢のような食べ方」知らなかったこと後悔 2024年06月17日更新 こんにちは、トマトが大好き過ぎて毎日トマトジュースを欠かさず飲んでいるヨムーノライターRitaです。 トマトソースも毎日食べたいくらい大好きですが、そこに同じくらい好きな卵とモッツァレラチーズを入れて作るという、筆者にとって夢のような料理があることを知ってしまいました。 カゴメ公式HPで見つけた「ウィンナーとモッツァレラのシャクシュカ」。 トマトや卵を偏愛している筆者じゃなくても、きっとみんなに愛される味だと強く思ったので（笑）、ここでご紹介させてください。 シャクシュカって？ 中近東で親しまれているシャクシュカは、ウインナー（豚肉）は入っておらず、トマトソースに卵を落として焼いて作ります。 シンプルな材料で作って朝食で食べたり、ニンニクやスパイスを入れて少し豪華
「もう、塩で食べられない！？」農林水産省が教える【ゆで卵が飛ぶほどウマくなる食べ方】半熟の黄身と合う〜 | ヨムーノ
「もう、塩で食べられない！？」農林水産省が教える【ゆで卵が飛ぶほどウマくなる食べ方】半熟の黄身と合う〜 2024年06月10日更新 こんにちは、おうちごはんが大好きな、ヨムーノライターのKanakoです。 ゆで卵やスクランブルエッグ、目玉焼きと様々な料理で活躍する卵。使う頻度も高く、冷蔵庫に常にストックしているという方も多いはずです。 しかし、ちょっと油断した隙に賞味期限ギリギリになっていることはありませんか？ そんな時に作りたい、簡単かつ、おしゃれな卵レシピを見つけたので、ご紹介します。 レストランで出てきそうな副菜を自宅で 農林水産省の広報誌『aff（あふ）』（2024年4月号）で卵の特集が掲載されていました。 その中で料理研究家・橋本加名子さんの「ウフマヨ」レシピを紹介していました。 絶妙なとろり半熟加減がたまらない贅沢な一品になったのでぜひお試しください！ 橋本加名子さん「ウフマヨ
ChatGPTでデータ分析、生成AIで「文系社員」が「分析官」に
◎「文系社員」でもデータ分析できる生成AIマニュアル by OUTPUT CAMP meets AI◎ 「イベントアンケートを取ったが、集計する時間がない」「販売データを収集したものの、分析手法が分からない」 文系のビジネスパーソンにとってデータ分析は、「やったほうが良さそうだが後回しにしてしまう」プラスアルファの仕事だ。大義名分がなければ他部署に依頼するのも難しい。 そこで頼れる相棒となるのが、生成AI（ジェネレーティブAI）だ。 AIプロピッカーの三菱総合研究所・比屋根 一雄さんはこう予測する。 「みんながミクロな意思決定に生成AIを使って、少しでも良い意思決定ができるようになると、世の中全体がデータに基づく合理的で無駄の少ない仕事をできるようになる。壮大なことを言えば、低いと言われている日本の生産性が、少しでも上がるのではないかという期待もしています。」 では、具体的にどの生成AIツ
Web制作者はダウンロードしておきたい！ CSS関連の最新版チートシートのまとめ
CSS GridやFlexboxで配置するプロパティ値は？ 先頭の3つだけを指定するセレクタは？ という「あれは何だっけ？」に役立つのが、チートシートです。 CSS GridやFlexboxの各プロパティ・値でどのように配置されるのか、セレクタやnth-child()やdisplayやposition、VS CodeやGitのコマンドがまとめられたチートシートを紹介します。 チートシートは高解像度版が用意されており、ダウンロードしておくと便利です。 CheatSheets -GitHub チートシートはすべて、「ご自由にダウンロードしてご利用してください」とのことです。チートシートは高解像度版を無料でダウンロードでき、モニターの壁紙や印刷して机の脇に貼っておいても便利です。 では、どんなチートシートがあるのか紹介します。 まずは、CSS Flexboxのチートシート。Flexboxの各プロ
VS Codeでマークダウンを快適に書きたい！ オススメの拡張機能と設定6選 - ICS MEDIA
ブログの文章やドキュメント作成など、さまざまなシーンで使われる記法に「マークダウン記法」があります。文字修飾の簡単さや読みやすさから使うタイミングは多々あると思いますが、みなさんは快適にマークダウンを書けていますか？ 筆者はVS Codeでドキュメントをマークダウンで書くことが多く、表の作成・編集やプレビュー表示など、めんどくさい・見づらい・使いづらいと思うことがあります。どうにか快適に書けないかと思いさまざまな拡張機能や設定を試しながら業務を行ってきました。 この記事では、筆者が試した拡張機能やVS Codeの設定の中で便利だったものを紹介します。①から⑥まではすべて無料で利用できるので気軽に試してみてください！ ①マークダウンの表をエクセルからコピペできる拡張機能 VS Codeでの表の作成に重宝しているのが「Excel to Markdown table」という拡張機能です。エクセル
JavaScript で then を使うのは避けよう（await / async の初級者まとめ）
JavaScript において、特に苦手とする人が多い印象のある Promise ですが、await と async の文法が導入されたことで、Promise の仕様を深く理解しなくても非同期処理を自然に書けるようになってきたのではないかと思います。 極論ですが、JavaScript の非同期処理は async await new Promise のみで、（ほぼ）全て表現可能です。特別な理由がない限り then を使わないようにしましょう、ということを周知するのがこの記事の目的です。 なお本記事では Promise の rejected の状態についてほとんど解説しておりません。基本を理解したら、別記事でぜひ学んでみてください。 Promise とは？ Promise は、少し乱暴に説明すると「実行が終わっていないかもしれない何らかの関数」を包んだオブジェクトです。 普通の関数とは違って、
少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG
少しの記述・工夫でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニックを独断と偏見で集めてみました。最近クローズドな場所で登壇を行ったのですが、そちらで話した内容を纏めたものにいくつか内容を追加したものとなります。 原則的にこのブログで取り入れられている手法だったり過去の記事で触れた手法を紹介したものです。 button要素には touch-action:manipulation を指定するiOS限定の話ではありますが、button要素をつい連続でタップすると画面が拡大表示されてしまい非常に煩わしいです。 ポストを別枠で表示する そのため、パンおよびズームのジェスチャーは有効にしつつダブルタップ時のズームなどの標準外の追加的なジェスチャーを無効にするtouch-action:manipulationを指定して誤作動を防止しておくと良いでしょう。
【永久保存版レシピ】町中華のチャーハンを完全再現！習得せよ、７つの調理の鉄則！｜Cooking Maniac
町中華のチャーハンって、本当ーーーーーーに美味しいですよね！！！ 人類料理史上、最高の発明と言っても過言ではないでしょう。 そんな最高の料理である町中華のチャーハンを、家で作れるようになったら一生モノの財産を得たも同然。 今回ご紹介するコツと理論を押さえれば、あなたも確実に町中華のチャーハンを再現できます！ そして、コチラが僕が約20年間研究し続けて完成した「再現度100％町中華チャーハン」！ 具材もゴロゴロで、かなりの再現度の高さだと思いませんか？ このチャーハンの作り方について、理論とレシピを解説していきます！ ちなみに今回の記事はアドビ社のPR企画「みんなの資料作成」に参加して書いています！ 僕のとっておきの資料（レシピ）を記事の最後にPDFでご用意しましたので、ぜひダウンロードして、町中華チャーハンを自宅で完全再現してみてください！ 著者プロフィール 超料理マニアな料理人。 作る・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デジタル庁お墨付き！ 即戦力のプロンプト集で「ChatGPT」をフル活用／デジタル庁がLLMに使うプロンプトテンプレート集を公開中【やじうまの杜】
顔まわりがキュッとしてくる「舌トレ」を続けてみてどうなったか？→舌の位置は正面はもちろん、横からの変化がすごかったよ「やってみたい」「顎ラインがすっきりする」
自分専用AIを作る グーグル「NotebookLM」を家電取説・辞書・時刻表で使う
【Excel】目視は無理！ 2つの名簿に重複する・重複していない人を探す簡単な方法【いまさら聞けないExcelの使い方講座】
会議改善に関するガイドラインを策定しました|柏崎市公式ホームページ
