CSS Flexboxでアイテムを左と右の両端揃えにする実装テクニック
ナビゲーションの各アイテムをCSS Flexboxで横軸に配置し、アイテムを左と右の両端揃えにするときの実装テクニックを紹介します。 ナビゲーションに限らず、さまざまなUI要素に使用できるテクニックです。デスクトップで表示したときの上のバーみたいなのとか。 Justify Space Between Individual Items in Flexbox by Jim Nielsen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS Flexboxで左と右の両端揃えにしたい 解決方法1: マークアップを追加する 解決方法2: flex-growを使用する 解決方法3: margin: auto;を使用する はじめに これは一見すると些細なことですが、ようやく最終的な解決策にたどりついたので、記事に書こうと思います
まんがタイムきららの「写植」を読む――吹き出しにみる漫画書体の使い分け｜いなにわうどん
ご無沙汰しています。前記事から 3 年ぶりに note を更新しました。本稿では、芳文社の発行する「まんがタイムきらら」やその姉妹誌に掲載された作品の写植（吹き出し）に注目し、使用されている書体や、その書体が読者に与える印象に関して考察を行います。 「ぼっち・ざ・ろっく！」観てますか？？図 1：｢ぼっち・ざ・ろっく！」の単行本（筆者撮影）アニメを観てから完全に難民になってしまったので、原作を無限に読んでいます。アニメよりもテンポが早く、4 コマの起承転結を通じて 1 つのストーリーが構成されている点が（ぼざろに限った話ではないですが）素晴しいです。未確認ライオット編よかった…… さて、アニメでは数多の声優さんの演技によって、登場人物の描き分けや感情表現が行われていますが、漫画においては写植、すなわち吹き出しの部分が登場人物の喜怒哀楽の表現に一役買っています。 印刷物のデザインでは「1 ペー
CSSって難しい！ セレクタ「.a .b .c」と「.a :is (.b . c)」は同じに見えるけど実は違う、ブラウザはセレクタを右から左に読む
CSSの:is()疑似クラスが各ブラウザにサポート（参考: Can I use）されるようになって、1年が過ぎました。使用率も97%を超え、通常の案件に使用している人も多いと思います。 :is()疑似クラスは複数のセレクタを1つにまとめられて便利ですが、セレクタの末尾に使用すると、予想よりも多くの一致が発生するかもしれません。どんな場合にそうなるのかを紹介します。 たとえば、下記の.a .b .cと.a :is (.b . c)は同じように見えるかもしれませんが、実は異なります。 Using :is() in complex selectors selects more than you might initially think by Bramus CSSの:is()疑似クラスやセレクタの読む順番について詳しくは、以前の記事をご覧ください。 CSSの新しい疑似クラス:is()と:wher
大阪の味 たこ焼き お好み焼き 焼きそば レシピ 作り方
ワテは生まれも育ちも大阪は天下茶屋、聖天さんで産湯を使い、十五のときから大阪の町でたこ焼き・お好み焼き・焼きそばを焼き始めてウン十年いろんな事がおましたな、大阪の町でもんじゃ焼きとパスタ・スパゲティそれにラーメンもやりましたで。 高校生とたこ焼き屋台と、二足のわらじを親父に無理にはかされて三年間、あの頃は大阪の町でたこ焼きを焼くのが嫌やったな。 ワテの親父の稼業が大阪の露天商、「男はつらいよ」の寅さんの職業とおんなじや。 近所の幼馴染は親父の稼業を知ってるんで、気にならんかったけど、高校の同級生にたこ焼きを焼いてるとこ見られるのは、嫌やった、特に憧れていたセーラー服の同級生には、懐かしい青春の思い出やな。 ワテの親父と同業のツレに大阪の町で金魚すくいをやっているのもおったな、金魚すくいを高校生はやらへんからな、そやから同級生に会うこともないし、それに金魚すくいはお客さんが勝手に遊んでくれる
けんすう on Twitter: "今後20年で「人は、自分のやりたいことをやったほうが良い」という考えが流行らなくなり、別の価値観になりそうな気がしてます。 ここが戦後アメリカからはじまった自己啓発ブームの終着点かもしれない。"
今後20年で「人は、自分のやりたいことをやったほうが良い」という考えが流行らなくなり、別の価値観になりそうな気がしてます。 ここが戦後アメリカからはじまった自己啓発ブームの終着点かもしれない。
ChatGPTのVSCodeプラグインが神すぎる件について
(追記) 自動ログイン機能が利用規約に抵触していたらしく、マーケットプレイスより削除されました。 GitHubにAPIを使ったものは残っているので、知識があれば動作させられるかと思います。（自己責任） これを使った再配布等の行動はトラブルの元なので控えた方がよいでしょう。 ChatGPT いいよね 最近一番メッセージやりとりしてるのChatGPTだし、なんなら1日にしゃべる量よりChatGPTと話してることの方が多い可能性まであります ChatGPTのチャットツール自体はこちらから参加して試せるわけですが、プログラムを書くときに使ったことのない言語やライブラリを開拓する際ここまで有難い存在はありません． このようにネット上を探し回ると地味に時間のかかる情報もチャット形式で手に入ります． さて、今回の話題ですが、我が愛しのテキストエディタ「Visual Studio Code」のChatGP
0円廃止後も楽天モバイルを「利用している理由」と「解約した理由」：読者アンケート結果発表
最も回答数が多かったのは、「利用している」の5459人でした。「解約した」と回答したのは2787人でした。 楽天モバイルは2022年5月に「Rakuten UN-LIMIT VII」を発表し、データ容量1GBまで0円とする料金体系を廃止しました。この影響で、4月時点の491万契約から、6月までに14万件が解約。約2.9％のユーザーが楽天モバイルを離れたことになります。一方、アンケートで解約したと答えた人は約30％でした。アンケート実施時期は0円が完全に終わった12月なので単純に比較はできませんが、実際よりも高い比率で解約ユーザーが回答しているといえます。 楽天モバイルを「利用している」理由 Rakuten UN-LIMIT VIIで0円が廃止されたとはいえ、月額3278円（税込み、以下同）でデータ無制限という上限は変わりありません。アンケートでも、月額料金の安さ、無制限のデータ通信をお得に
『ファイナルファンタジー』ドット絵の匠・渋谷員子の履歴書｜絵が描きたい、でも、ゲームはやらない - ぼくらの履歴書｜トップランナーの履歴書から「仕事人生」を深掘り！
「匠」という言葉を聞いてどんな姿を思い浮かべるでしょうか。ひとつの技術を磨き続けてきた人、あるいは伝統的な技法を守り続けている人をイメージするかもしれません。 しかし、移り変わりの激しいゲーム業界の匠は違いました。『ファイナルファンタジー』シリーズをはじめ数多くの作品のデザインを手掛け、「ドット絵の匠」と呼ばれるスクウェア・エニックスの渋谷員子さんです。 家庭用ゲームの黎明期から35年以上にわたり活躍し続け、業界のレジェンドとも言われる存在ながら、「ドット絵のゲームが消えていっても感傷に浸る暇がない」ほど最先端を走り続けてきたという渋谷さん。新しい技術やトレンドを常に吸収して変化していく姿は、匠の言葉のイメージを見事に覆してくれます。その一方では「絵を描くことが大好き」というピュアな思いを貫く一途さも垣間見えるのです。 今や活躍のフィールドはゲームだけにとどまらず、渋谷さんのドット絵は再び
【保存推奨】“作業時間を80%短縮できるExcelの使い方”が超便利!! 「知らなかった」「こんな使い方があるとは」「奥が深い」の声続々
【保存推奨】“作業時間を80%短縮できるExcelの使い方”が超便利!! 「知らなかった」「こんな使い方があるとは」「奥が深い」の声続々 みなさん、仕事でExcelは使っていますか? 使い方はなんとなくわかるので作業に支障はないけど、便利な機能を使いこなせずに非効率なやり方をしている人も多いかと思います。 例えば、空白になっているセルだけに文字を入れたいとき、一つずつ手入力している方はいませんか? 現在、そんなみなさん必見の機能がツイッターで話題になっています。 これ知ったとき衝撃が凄すぎてメガネ爆発した (@OKU_MAYAより引用) (@OKU_MAYAより引用) ツイートの投稿主は、「仕事をサボるために全力を尽くし、効率化に命をかける」をモットーに掲げる中間管理職の「オクシン(@OKU_MAYA)」さん。 今回のツイートでは、「空白セルに一括入力する方法」を丁寧に解説してくれています
Web APIを手作りする時代は終わった？
::: message info これは[フィヨルドブートキャンプ Advent Calendar 2022 Part.1](https://adventar.org/calendars/7760)の25日目の記事です。 昨日の記事は:@shujiwatanabe:shujiwatanabeさんの[質問しながら出来るようにしていく](https://shu91327.hatenablog.com/entry/2022/12/24/091025)と:@saeyama:saeyamaさんの[Rails/Vue 編集時に画像をD&Dで入れ替えした時のActive Storageの保存方法](https://saeyama.hatenablog.com/entry/2022/12/24/000123)でした。 ::: ↓こういうのを職人が丹精込めて一つ一つ手作りする時代は終わりました。 ```sh
【永久保存版】日本料理店のだし巻き玉子（卵）レシピ。意外な巻き方と濃いだしに注目！ | 三越伊勢丹の食メディア | FOODIE（フーディー）
食卓にのぼると子どもから大人までみんなが喜ぶ、だし巻き玉子（卵）。材料はとってもシンプルなのに、いざ自分で作ってみると、「だしと卵のちょうどいい割合がわからない」「卵を上手に巻けない」「味がもの足りない」といった悩みが続出して、なかなか奥深いと実感しますよね。そんな悩みを解決すべく、作り方のコツをプロに聞きました。 教えてくれるのは、日本料理の銘店＜よし邑＞の冨澤浩一総料理長です。プロが作るだし巻き玉子（卵）は、しっかりと中が詰まってしっとりふわふわの食感。何よりだしの味わいが濃厚です！ だしがたっぷり入っているので日持ちはしないためお弁当向きではありませんが、作りたては格別のおいしさです。お正月のおせち料理で甘い伊達巻が苦手な人は、代わりにぜひ作ってみてほしいレシピです。ハレの日にぴったりな美しい盛りつけも紹介するので、お見逃しなく！ ＜よし邑＞の2023年おせち紹介記事はこちら＞＞ 三
【保存版】株のトレーディング手法まとめ｜UKI
はじめにこんにちわ、UKIです。 金融引き締めによって株式投資に苦しい期間が続いていると思いますが、いかがお過ごしでしょうか。 今回は少し長めの記事を書いてみましたので、お付き合い下さい。 結論だけ知りたい方は、目次の「株のトレーディング手法まとめ」まで飛んでください。 マケデコについて本記事は、マケデコ&J-Quants Advent Calendar 2022の最終日の記事となります。 マケデコとは、Market API Developer Communityの略称で、簡単に言うと「東証が公式データを提供しますので、しっかり相場分析して投資に活かしてください」というコミュニティです。 ディスコードでのディスカッション、APIやラッパーに関する最新情報の共有、初心者や上級者向けのセミナーの開催などが行われています。 マケデコの協賛は、日本取引所（JPX）のデータ部門子会社である株式会社J
【9割の人が知らない Google の使い方】世界最高峰のAIから無料で英語を習う方法
Google 認定トレーナー/イーディーエル株式会社代表取締役 「Google 認定トレーナー」および「Google Cloud Partner Specialization Education」の2つを保有する国内唯一の女性トレーナー経営者。 数時間でITスキルを劇的に引き上げる指導に定評があり、ITビギナーから絶大な信頼を得ている。早稲田大学第一文学部（教育学専修）卒。筑波大学大学院教育研究科修了（教育学修士）。筑波大学大学院非常勤講師。アルマ・クリエイション株式会社主催「クロスセクター・リーダーズサミット」2年連続最優秀MVP（2019年、2020年）。常陽銀行主催第3回常陽ビジネスアワード「ウーマノミクス賞」379プラン中第2位（2015年）。出版社勤務を経て専業主婦になるも、学習欲が高じて大学院に進学。在学中に事業欲が高まり、IT教育会社を起業し、現在に至る。「日本に最高のIT
どこよりも早い｢新NISA｣の賢い使い方を教えよう
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
新NISAとは。新NISAつみたて投資枠、成長投資枠と旧NISAの徹底比較 - たぱぞうの米国株投資
新NISAとは。新NISAつみたて投資枠、成長投資枠と旧NISAの徹底比較 令和5年度の与党税制改正大綱が発表され、2024年からNISA制度が大幅にリニューアルされることになりました。 こちらの表がわかりやすいと思います。とりあえず「新NISA」と呼ぶことにします。 新NISA積立投資枠、成長投資枠と旧NISAの比較 ひとことで言えば、従来の一般NISAとつみたてNISAを合体したものが「新NISA」になります。「新NISA」には つみたて投資枠 成長投資枠（仮称） という、２つの区分が用意されます。 新NISAのつみたて投資枠と成長投資枠とは これまでは、「つみたてNISA」か「一般NISA」か、どちらかを選ぶ必要がありましたが、「新NISA」はタイプが違う投資枠を、併用することができるようになりました。 さらに、非課税保有期間・口座開設期間ともに「無期限」になりました。既に多くの方が
中学英語からやり直したい社会人に有効な学習方法 - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
「社会人になったいま、中学英語からやり直したい。どんなやり方がいいの？」 「中学英語のやり直しをするのにおすすめの本や参考書は？」 そんな疑問をおもちではありませんか？ 学生時代英語がまったくできなかったものの、社会人になって急に英語が必要な状況になったら、困るのも無理はないでしょう。 久々に英語を勉強しようと思うが、中学英語の内容を忘れてしまった……。そんな方のために、今回は「中学英語のやり直しに有効な社会人向けの学習方法」「中学英語のやり直しにおすすめの参考書」などを紹介します。 中学英語に限らず、英語学習全般について知りたい方は「ENGLISH COMPANYの英語勉強法ノート by STUDY HACKER」をご覧ください。 【監修者プロフィール】 田畑翔子（たばた・しょうこ） 米国留学を経て、立命館大学言語教育情報研究科にて英語教育を専門に研究。言語教育情報学修士・TESOL（英
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大阪出身の友人に聞いたお好み焼きの作り方を真似したら概念が変わる美味しさだった「私が今まで食べてたのはソース味の小麦粉だった」
AI 激動の年！2022年の人工知能10大トレンドと必読論文
【買い物山脈】 実家で生活しつつ仕事をこなすため、ドコモのホームルーター「home 5G HR01」を導入した
「Visual Studio Code」でのリモート開発が手軽に ～リモートトンネル機能が提供開始／「SSH」は不要。「VS Code Server」で簡単セットアップ
