クリエイティブ系のウェブサイト制作で役立つCSS技法 / CSS for develop creative website

取得日時: 2024年11月22日 17:12 取得元URL: https://difff.jp:443/8c55d.html ビュー数:　269811 魚拓のみの表示 SHA-256 ❓ : 039681002914d59339b17f7574b1c0c324a5e3e075c016fa0c9c64629d9fdb7a

幅いっぱいの要素から左右のマージンを引きたいときに、こういうCSSを使用すると思います。width: calc(100% - 48px); 便利なCSSですが、マージンを計算する必要があり、デザインの変更があった際はCSSも変更する必要もあります。 そこでstretchキーワードを使用すると、便利です。要素はオーバーフローせずに使用可能なスペースいっぱいに表示され、マージンの計算も必要なくなります。 The stretch keyword: a better alternative to width: 100% in CSS? by Ollie Williams 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに width: 100%;が便利な例 width: stretch;の使い方 stretchのサポートブラウザ

［インタビュー］母子家庭の子女を対象とした「えりかわ学資金」に，コーエーテクモの襟川恵子会長が込めた想い―――「当支援金は返済する必要がないので，ぜひ多くの人に知ってほしいです」 編集長：Kazuhisa ライター：Ayaka カメラマン：佐々木秀二 2024年7月，コーエーテクモホールディングスの会長である襟川恵子氏が設立した「襟川教育財団」が，神奈川県知事より公益財団法人の認定を受けた。 襟川氏は，公式サイト内の挨拶で自らもシングルマザー家庭で育ったことを明かし，同じひとり親家庭であるシングルファザー家庭に比べると収入が半額以下であることなどを挙げ，自身の境遇と照らし合わせて，母子家庭における教育費用捻出が困難であることを語っている。そこで作られたのがこの教育財団で， ・中学生（2年生，3年生） ・高校生（1〜3年生） ・大学生（1〜4年生，修士課程2年間） を対象とした「えりかわ学資

CSSの実装に便利なVS Code用の機能拡張がリリースされました！ レスポンシブ対応のフォントサイズをCSSで定義するときに、面倒なclamp()関数の定義を簡単にできるClamp It!を紹介します。 Clamp It! -GitHub Clamp It! -Visual Studio Marketplace レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義 Clamp It!の使い方 Clamp It!のインストール レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義 レスポンシブ用のフォントサイズを設定するには、CSSのclamp()関数が便利です。たとえば、ルート要素が16pxで、スクリーンのサイズごとにフォントサイズを変えるとします。 480pxのスクリーン: 1.rem 16.8px 800pxのスクリーン: 1.25rem 20px 100

アプリエンジニアになり、個人開発を３年以上続けています。 そもそもエンジニアになった理由は、何か自分のサービスが作りたくて、もしそれで稼げなくてもエンジニアなら職に困らないだろう、と思ったからです。 そんな状況がAIの登場で一変しそうです。 個人的に危機感が凄まじく、もう職業エンジニアに未来がないのでは？と感じています。それが何年後か分かりませんが、最近OpenAIの創業者が興奮しすぎたのか、謎のポエムを投稿していましたよね？人がポエムを投稿するということは...まあそういうことです。いじってはいけません。どうも末端の私たちが思っているよりAIの進化のスピードが速いようです。ドラえもんみたいな、AGIと呼ばれる汎用人工知能の初期型が既に完成しているのでは？という噂さえあります。 ほんとに恐ろしいぜ... ということで、今のAIの力がどれだけのものか？ 現時点で素人はアプリ開発をできるのか？

https://anond.hatelabo.jp/20241019210503 俺は普通に地元が荒れまくっていて、何人か友達も死んでるし、俺自身も犯罪に巻き込まれたことがある被害者だ。 こういうのを見る度に思うのだけれど、「頭が悪いから犯罪する」だとか、「能力が不足しているから犯罪をする」という思考に流されすぎ。 いいか、今話題の強盗団は「何も悪くないのに強盗になってしまう」ことが一番の問題なんだ。 倫理意識が高かろうが、頭が良かろうが強盗になる。それがこれからの世の中。 お前が言っているのは「詐欺は騙される方が悪い」とかそういうレベルの極論。何も悪くなくても詐欺の被害者にはなる。 普通の人達が社会人をやってる時間を「どうやったら犯罪で一儲けするか」に振っている人間達がいるという思考をしろ。これは単純な労働力投下量の問題であって倫理の問題ではない。 まずこの文章を読んで、お前も、俺も、い

「パワー」と「スタミナ」を付けるにはどうすればいいか スポーツで優れたパフォーマンスを発揮する上で、発揮できるパワーの最大値を高めることは重要です。パワーという言葉は日常会話でもよく使いますが、スポーツ科学の分野では「パワー＝筋力×速度（スピード）」を意味します。このことから、パワーを高めるためには「筋力」と「スピード」の双方を鍛えることが必要です。 一方、どれだけ発揮パワーに優れていても、試合が始まって早々に疲労してしまうと困ります。したがって、パワーに加えて、パワーを持続する能力（筋肉のスタミナ）を鍛えることも大切です。この筋肉のスタミナは、専門的には「筋持久力」と呼ばれます。 「筋肉のパワー」や「筋肉のスタミナ（筋持久力）」の向上には、いずれの方法が有効でしょうか？ この点は過去に研究が実施されています。この研究では、若年男性を最大筋力型の筋力トレーニングを行うグループと筋肥大型の筋

日本に移住するまで25年間ドイツに暮らしていたが、今のドイツ社会を語るにはたまには現地へ行ってその空気に身を浸さないとわからないことがいろいろとある。技術が発展してビデオ通話で自然にコミュニケーションをとっているつもりでも、こぼれ落ちる情報は想像以上に多いのだ。 ということで先日ドイツに戻った際、ウクライナ戦争や移民難民問題についてどんな風に思っているかを家族や友人に聞いてみた。数年前なら「なぜ我々ドイツの正しい方法を他の国は理解しないのだろう」的なパワフル理論を（絶妙に現実を無視しながら）主張していた気がするのだが、今回はむしろ「正直、そのあたりを真面目に考えるのに疲れてきた」という諦念が混じった感触の人が多くて驚いた。

参考 IT業界では、請負契約と準委任契約がよく使われます。 委任契約はあまり使われることはなく、筆者も見たことがありません。 これは、エンジニアが法律行為を伴う業務を行うことが少ないためです。 請負契約と準委任契約の違い 請負契約と準委任契約は、どちらも業務委託契約の一種ですが、大きな違いがあります。 一言でいうと、請負契約は「成果物を納品することが目的」であり、準委任契約は「業務の遂行自体が目的」です。 請負契約では成果物を納品する責任が発生しますが、準委任契約ではその責任は発生しません。 ウォーターフォール開発で言うと、PoCや要件定義は準委任契約、設計や開発、テストは請負契約になることが多いです。 また、SES（システムエンジニアリングサービス）も準委任契約で結ばれることが多いですね。 PoCや要件定義が準委任契約になることが多いのは、不確定要素が多いため、確実に成果物を納品すること

はじめに 自社開発企業のAI部門でインターンしている25卒のエンジニアです。 フロント、バックエンド、インフラ、AIなど色んな分野に興味を持って開発しています！ 最近は個人開発で収益を上げて生活する、「Indie Hacker」のような生き方に憧れています。 将来は個人アプリを当てて、島で悠々自適に暮らしたいと思っています🏝️🏝️🏝️ マッチングアプリを作ろうと思った経緯 何を隠そう、自分の出会いを増やしたかったから 周りの大学の友達で「彼氏欲しい〜、彼女欲しい〜」と言ってる人がいる 自分の大学限定でマッチングアプリ作ったら、安心感もあるしハッピーではないかと考えた アプリの名前はシンダイ(自分の大学の呼び方) x Tinder = Sinder(シンダー)に決定 リリースまでに行ったこと リリース日を学園祭の当日（半年後）に決定 学園祭のスポンサーになって、大々的に広告を打つ作戦

架橋伊和夫 私がイスラエルの人々と仕事上の関りを継続的にもったのは、2009年から2011年ごろのことだった。イスラエル北部のナハリヤという町に２週間ほど滞在したこともある。仕事の詳細はここには記さない。イスラエルの国に、イスラエルの人たちに、ユダヤ教徒の人たちに、私が感じたことをここに書こうと思う。私が感じたことは、すべてのイスラエル人には当てはまらないかも知れない。だってそこにはいろんな人がいたから。いろんな考えや思いを持つ人が日本にもいるように、いろんなイスラエル人が本当にいた。バラツキはあるかも知れないが、総じてこんな感じだったと、私が思う範囲を述べたいと思う。 イスラエルは人種の坩堝だ。もはや知っているかもしれないが、ユダヤ人というのはユダヤ教を信じている民であって、ヨーロッパ人もいればアラブ人も黒人も、そしてロシア系の人もいた。ただ、ユダヤ教徒というのは独特の共通した目つきとい

はじめに こんばんは！ 皆さんは以下のようなすぐ消えてしまう要素をDevToolsで確認したいときはどうしますか？ 常に表示されるようにわざわざコードを修正してから、DevToolsで要素を確認したりしていませんか？DevToolsをうまく使うことで、わざわざコードの修正をせずとも簡単に要素の確認をできるのでそのちょっとしたTipsのご紹介です！ ① CSSイベントでの確認方法 まずはCSSイベントで要素の表示制御を行っているパターンでの確認方法です。以下のようにCSSイベントのhoverで表示制御をしている要素を例にDevToolsで確認する方法を見ていきましょう！ import "./style.css"; export const Index = () => { return ( <div> <button className="myButton">Button</button> <

こんにちは、タイトルでだいたい言い尽くしましたが、このような悩みを自分および自分の周りでよく聞くようになったので、Stripeの方に教えてもらいながらどうすればいいか整理しました。 あくまで「めちゃくちゃ開発コストをかけない範囲で」の解決策なので多少トリッキーですがお付き合いください。あるいは、この記事を読んで「そろそろちゃんとコストかけて作りこむか」と決めていただいてもいいと思います。基本的にStripeの実装経験がある方向けの記事です。 どういう状況か さて、状況を具体的にするために具体例を挙げていきましょう。 1アカウントあたり月額3000円のSaaSを運営している。 当初はクレジットカードのみ、利用開始日に決済が走る標準の課金体系で進めていた サービスが成長し、法人の取引が増えて「請求書払いいけますか？」と聞かれることが増えた。 ここでいう請求書払いとは、10/1開始で契約したとし

Tailwind CSS Components LibraryFlyonUI is an open-source Tailwind CSS Components Library with semantic classes and powerful JS plugins.

はじめに「マネージャーは尊敬される人柄じゃないと無理ですよね」 「マネージャーは対人感受性がないと」 「そもそも、人として向き不向きがあるよね」 経営者の方と議論していると、マネージャーを誰にしようかと悩む時、あるいは自社のマネージャーについてコメントをする時、こういうご意見はよく伺います。 これらの問いに対して私の答えは「No」です。 マネジメントはフローもやり方もはっきりと言語化できる"業務"であり、そこにはマニュアルが存在します。訓練すれば誰でも一定程度のレベルで実行可能なものだと考えます。 今回は私が代表を務める会社、EVeMが提唱するマネジメント”業務”の実行方法「THE MANAGEMENT PATTERN」と、それを実行可能にする訓練方法について書きたいと思います。 マネジメントは"業務"であるドラッカーの言葉に「仕事を生産的なものにし、人間を活かすことが、マネジメントの役割

本資料は、主にスタートアップや成長期の企業が事業計画を立て、財務モデルを構築する際の実践的なガイドラインを提供します。ビジネスアイデアの定量化からファイナンス戦略まで、幅広い観点からExcel事業計画の作成方法を解説していきます。 <主なトピック> 1. Excel事業計画の目的と重要性 2.…