はじめに 画面幅に対して流動的にフォントサイズを変化させたい場合、vw などの単位を用いると実現できます。たとえば font-size: 5vw; を指定すると、幅 960px ではフォントサイズは 48px、幅 320px では 16px になります。しかし、320px で 16px は小さすぎるので 32px にしたいとなると、計算が必要になってきます。 この計算方法や流動的フォントサイズのさらなる詳細については、以前登壇したときの資料をご覧いただきたい 👇 資料にもございますが、計算して CSS を出力してくれるアプリも作っています 👇 Sass の mixin もあります 👇 今回は、calc() clamp() min() max() と CSS カスタムプロパティを駆使して、自分で計算する必要がなく、Sass なども不要で CSS のみでの実装を紹介いたします。 使い方と

毎年恒例、サイボウズ株式会社主催の総合イベント「Cybozu Days」が2021年も開催されました。今回のテーマは「LOVE YOUR CHAOS」。クラウドサービスの活用事例から中年の生き方まで、幅広い“カオス”なセッションを行いました。本記事では「中年エンジンの見つけ方　『24時間戦えますか』から『40年間楽しめますか？』へ」の模様を公開。中年が抱える「やる気がでない」という問題。その原因と解決策について、議論が繰り広げられました。 なぜ中年になるとやる気が出ないのか？ 野水克也氏（以下、野水）：ここから本題です。そもそもやる気が出ない問題どうするかという本題に今から突っ込んでいきたいと思います。 今回「中年エンジン」というタイトルにしているんですが、それを図にしてみました。なぜ中年になると自分の力でなかなか（エンジンを）ブーンと回せないのか。やる気が出ないのか。 これは僕の論なんで

6回目の JavaScript ライジングスター にようこそ！ JavaScript疲れから逃れるためにここに来たみなさん、ちょうどいいところに来ましたね。 今回はメタフレームワーク、速度の必要性、界隈のオールスターがテック企業にジョインした話などの話題があります。 しかし、まずはチャンピオンの話です。 今年は誰もが予想していなかった新しい覇者が誕生しました！ しかもそれは、なんとコマンドラインツールです！ 以下は、2021年の1年間で増加したGitHubのスター数によるランキングです。Webプラットフォームに関するベストプロジェクトを集めたリストであるBest of JSからの一年間の分析です。各プロジェクトをクリックすると、より詳細な情報を閲覧することができます。

東京都内の8日の感染確認は1224人で、去年9月15日以来、1000人を超えました。 1週間前の土曜日の15倍余りになり、感染が急拡大しています。 東京都は8日、都内で新たに1224人が新型コロナウイルスに感染していることを確認したと発表しました。 都内の一日の感染確認が1000人を超えるのは、去年9月15日以来です。 79人だった1週間前の土曜日の15倍余り、641人だった6日のおよそ2倍に増加していて、感染が急拡大しています。 8日までの7日間平均は500人を超えて502.1人となり、前の週の835.4％と8倍を超える増加です。 8日感染が確認された1224人のうち、42％にあたる517人が20代、21％にあたる261人が30代で、20代と30代で全体の6割余りを占めています。 また、46％にあたる565人はワクチンを2回、接種していました。 一方、都の基準で集計した8日時点の重症の患

こびりついたウロコ汚れも10分でピカピカに 鏡のウロコ掃除といえば、力づくでゴシゴシしては水を流し……この繰り返しで、体力を使うイメージがありますよね。 以前は鏡のウロコ取りパッドでゴシゴシしていたのですが、このクリーナーを見つけてからは、力づくでこする鏡掃除をやめることができました！ 使い方はとっても簡単。まず、クリーナーを使う前には、必ずゴム手袋等の保護具を着用します。 内容液が分離する場合があるので、よく振ったあと、ウロコ汚れに直接クリーナーを掛けるか、キッチンペーパーやスポンジ、古布に含ませたら準備完了。 あとは、軽くこすり洗いをするだけ！ 汚れがひどいときはウロコ汚れに直接塗って、1〜2分置いてからこすると、より効果的でおすすめ。 このクリーナーは酸性で、アルカリ性のウロコ汚れを分解してくれるのです。 何回も繰り返してゴシゴシする必要はなく、同じ場所を2〜3回軽くこするとピカピカ

2021/12/21 PHPerKaigi petit - PHP8.1リリース祝賀会 でのトーク「モダンPHPテクニック 12選 ―PsalmとPHP 8.1で今はこんなこともできる！―」のスライドです。発表時点からごくわずかに加筆修正した部分があります。 https://phperkaigi.connpass.com/event/233022/Read less

今年も残すところあと少し。皆さんにとって、2021年はどのような一年でしたか？ はてなブックマークでは今年もたくさんのエントリーがブックマークされ、コメント欄も盛り上がりました。 データで見る「あとで読む」 年末ということで、今回は「あとで読む」タグにフォーカスしたデータを集計しました。全ブックマークを対象にした「あとで読む」率、カテゴリー別「あとで読む」率、「あとで読む」が多いエントリーランキングを通して、2021年のはてなブックマークを振り返ってみましょう。 全ブックマークを対象にした「あとで読む」 率 カテゴリー別 「あとで読む」 率 「あとで読む」 タグが多いエントリーは？ TOP10ランキング 「あとで読む」タグの数が多かったエントリーランキング カテゴリー別「あとで読む」率の高かったエントリーランキング 気になった記事を気軽に保存できる「あとで読む」機能 2021年の「あとで読

この記事は LITALICO Engineers Advent Calendar 2021 その2 の14日目の記事です。 社内slackでMacの民が環境などでハマっているのを見ると、「（WSLはいいぞ...）」と心の中で思ったり冗談半分で言ったりするのですが、なんだかんだで良さをちゃんと列挙したことないなと気付きました。 今後もし本気で布教する機会が来たときに自信を持って推せるよう、ちょいとここらで想いを書き出してみようと思います。 布教ターゲット 本記事の想定読者、もとい布教ターゲットは、 ソフトウェア開発、特にWeb系の開発をする人 特に強い理由がなくMacを使っている人 宗教上の理由でMacを使わずLinuxを使っているが、ぶっちゃけつらい人 フルスペックなゲームプレイと開発を一つのマシンで欲張りたい人 となっています。信念を持ってMacを使っている方やLinuxデスクトップをガ

サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。

サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。

税理士。円満相続税理士法人代表 中学・高校とバンド活動に明け暮れ、大学受験の失敗から一念発起し税理士を志す。 大学在学中に税理士試験に4科目合格（「資格の大原」主催の法人税法の公開模試では全国1位）。大学卒業前から国内最大手の税理士法人山田＆パートナーズに正社員として入社する。 税理士法人山田＆パートナーズでは相続専門の部署で6年間、相続税に専念。これまで手がけた相続税申告（相続手続）は、上場企業の創業家や芸能人を含め、通算500件以上。相続税の相談実績は5000人を超える。また、全国の銀行や証券会社を中心に通算500回以上の相続税セミナーの講師を務める。 2017年1月に独立開業。現在、東京・大阪の2拠点で相続専門税理士が多数在籍する円満相続税理士法人の代表を務める。「最高の相続税対策は、円満な家族関係を構築すること」をモットーに、依頼者に徹底的に寄り添い、円満相続実現のために日々尽力す

TypeScriptは近年JavaScriptに代わってWebフロントエンド開発で利用されているプログラミング言語です。TypeScriptは開発生産性および開発者体験に優れていることから、開発現場で広く採用されています。TypeScriptを学ぶことは、今後のWebフロントエンド開発では、ほぼ必須といって良いでしょう。この記事ではTypeScriptを使うメリット、ならびに「TypeScript Deep Dive 日本語版」を活用してTypeScriptを短期間で学習する方法を紹介します。 はじめに 筆者はSIer出身のITエンジニアです。ゲーム開発会社などを経由して現在は一般企業でエンジニアとして勤務しています。はじめてTypeScriptの重要さを知ったのは、2018年ごろに「TypeScript Deep Dive」を読んだときでした。そして、今後必ず多くの人に役立つと考え、オリ

ページのコンテンツが少なくても、フッタを一番下に配置するCSSのテクニックを紹介します。コンテンツが多ければ、成り行きで配置されます。 フッタの高さは自由で、CSS GridやFlexboxやcalc()は使用せず、追加のラッパーも必要ありません。シンプルなHTMLに、数行のCSSで簡単に実装できます。 A Clever Sticky Footer Technique by Chris Coyier 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コンテンツが十分な量でなくてもフッタを一番下に配置する方法 はじめに 「スティッキーフッタ」というと、ページをスクロールした時にぴたっと固定表示されるposition: sticky;を思い浮かべる人が多いと思います。 しかし、それはここで話すこととはすこし異なります。 「ス

PDFのみの提供です。紙書籍はありません ご購入にあたっては下記の「β版についての注意」をよくお読みください 将来発売予定の正式版（本体価格未定）を差額等でお求め頂くことはできません 原則を学んで腕を磨き、さらなる高みを目指す Jeremy Evans 著、角谷信太郎 訳 原書 Polished Ruby Programming A5判 2021年11月30日 発行 β版へのフィードバック 本書の目的は、中級から上級のRubyプログラマーが従うべき有用な原則を伝えることです。 解決策をどのように実装するかだけではなく、さまざまな実装方式と、それらの間のトレードオフ、ある方式が特定の状況下ではなぜ有効なのかといった観点も重視します。 原則を伝えることが本書の主な目的ですが、Rubyプログラミングの発展的な技法について説明することもあります。（本書β版「はじめに」より） 本書の対象読者 中級か

ヘッダ・フッタ・コンテンツ・サイドバー、フルページのレイアウト、最下部のフッタ、中央配置、カードなど、一般的なWebサイトやスマホアプリのUIをモダンCSSで実装する方法を紹介します。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。これからのプロジェクトに役立つCSSのテクニックを解説します。 Layout patterns 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 モダンCSSで実装するレイアウト アスペクト比が維持される画像カード 最大値と最小値を決め、伸縮するカード コンテナに合わせて最適化されるカード スペースに合わせて伸縮するパンケーキ 聖杯レイアウト ラインナップ 積み重なるパンケーキ RAM (Repeat, Auto, Minmax) メディアクエリなしのサイドバー これからの

ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。

はじめに エンジニアやデータサイエンティストの人材育成のためのオープンソースな教材を探していたらMicrosoftがGitHubでかなり質の高い教材をweb開発、データサイエンティスト、機械学習、IoTの四項目を対象に提供してるのを発見したため共有したいと思う。 正直、マイクロソフトと聞くとGoogleやらFacebookに比べていけてないイメージを持っていたけど、実際にMicrosoftのGitHubレポジトリを見て、彼らはここ数年で大きく変わったように思える。特に人材育成や学習教材に関しては世界一かもしれないなんて思っています。本記事では筆者が自信を持っておすすめするMicrosoftのオープン教材を紹介するのでぜひ自身の勉強や人材育成に生かしてもらえれば本記事を執筆した甲斐があります。（もちろん僕がお勧めしているだけでなくてGitHubのスター数も多く世界的に認められています！） こ