padding

StringクラスのPadLeft/PadRight PadLeft(int totalWidth) PadLeft(int totalWidth, char paddingChar) PadLeftやPadRightの注意点 書式設定演算子(-f) Visual BasicのFormat組み込み関数 終わりに PowerShellで0埋めや桁揃えなどパディングする方法の紹介です。 連続した3桁の数字を生成したいときや、固定長のデータを作成したいときなどに役立つかも。 あとはスクレイピングするときに連続したページURLをGETするときなんかにも重宝します。 StringクラスのPadLeft/…

こんにちは。最近、しまぶーさんのYoutubeでプログラミングを勉強しているJanckです。 いやー、にしてもプログラミングって面白いですね。今自分はパソコンに指示しているんだと思うとかっこいいというかなんというか(笑) 完全に頭おかしいですよね(笑)そんな感じで今日もプログラミングを勉強していたんですけどふと見慣れない文字を発見したんです。 それがPaddingです。なんじゃいこりゃと思い調べてみたところこれが結構大事なものらしいんです。ということで今回は「CSSにでてくるPaddingてなんだよ！！」について書いていこうと思います。 Paddingとは まとめ Paddingとは Padd…

note.com neos21.net tamagondq10.blogspot.com タイトル通り、 overflow: scroll と padding-bottom を同時に使うとpadding-bottomが効かないらしい。 なので、display: blockで高さある疑似要素をafterとかで入れてあげると解決する。

↑iPhone↑ ↑iPad↑ ↑Laptop↑ ↑上の画像が表示結果だよ↑ ベーシックなデザインで最も利用者の多いオフィシャルテーマ「Epic」。 レスポンシブデザインに対応してないのでレスポンシブデザインにするCSSの追加コードを作りました。 公式テーマ「Epic」専用のCSSになります。 他のレスポンシブデザインに対応してない公式テーマでは使えません。 自分用の備忘録としてCSSのソースコードを残しておく。 ↓使う方はこのままコピペでどうぞ↓ /* EpicをレスポンシブデザインにするCSSコード */ /* Add Responsive design CSS for Theme Epi…

前回解説したように、Laravelを使うとWebアプリの枠組みだけは比較的簡単に作成できます。しかし、Webアプリを開発するためには、PHPやLaravelだけを学ぶだけでは足りません。 PHPはWebアプリの開発に使われる言語なので、Webについての関連技術を併せて学ぶことで、よりスムーズに学びを活かすことができます。そこで、今回はPHP以外に学んでおくとよい技術を紹介します。 HTML/CSS 静的なWebサイトであっても、動的なWebアプリであっても、Webブラウザで表示するためにはHTML（Hypertext Markup Language）という言語で記述する必要があります。そして、…

↑上の画像が実行結果だよ↑ ベーシックなデザインがとても美しいオフィシャルテーマ「Epic」の日付部分をタイトルの上に表示してコンテナの幅を広げずにエントリー記事の部分を100px広げてみた。 更にシンプルになってこれはこれでかっちょえー笑 自分用の備忘録としてCSSのソースコードを残しておく。 ↓使う方はこのままコピペでどうぞ↓ /* Epicのコンテナの幅を広げずにエントリー記事の幅を100px広げる */ .date { display: inline; position: initial } .date a { display: inline-block; margin-right: …

ベーシックなデザインが人気のオフィシャルテーマ「Epic」のサイドバーの注目記事と最新記事のアイキャッチ画像にタイトルリンクを重ねて見た。 アイキャッチ画像を設定するとタイトルリンクがしりすぼみになるのでアイキャッチ画像にタイトルリンクを重ねたよー。 Epicのリンクカラーを背景色にしてopacityで透過してるんだよ。 自分用の備忘録としてCSSのソースコードを残しておく。 /* Epicのサイドバーのアイキャッチ画像にタイトルリンクを重る */ #box2 .hatena-urllist { margin: 0; padding: 0 } #box2 .urllist-item { pos…

Unlocking The Power Of CSS Subgrid For Efficient Layout Design 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Webデベロッパーにとって、ピクセルパーフェクトなレイアウトを実現することは常に難しい課題でした。本記事では、CSSサブグリッドを使用してレイアウト開発作業を簡素化する方法を紹介します。 ネストされたグリッドの配置、グリッドのレスポンシブ性の維持、そして簡潔なコードの記述など、コードの柔軟性と構造のバランスを取ることは依然として困難です。ここにCSSサブグリッドが登場しま…

はてなブログのブログテーマを試しにテーマストアのものに変更し、また公式テーマに戻したところ、以前設定して長年使っていたデザインCSSが消えていたということがあったので、自分にとっての必須設定をメモしておく。ほとんど公式のままだけどこれだけで満足。 「この記事の目次」用CSS シンタックスハイライトをMonokai風にする 自分用まとめ (adsbygoogle = window.adsbygoogle || []).push({}); 「この記事の目次」用CSS 下記参考記事そのまま（※文言のダブルクォート囲いの部分だけ修正が必要そう） okane7.com シンタックスハイライトをMonok…

WEBデザインを学ぶ際、CSSは欠かせない要素の一つです。CSSを使いこなすことで、見栄えの良いウェブサイトを構築したり、ユーザビリティを向上させたりすることが可能です。 このガイドでは、WEBデザイナーのためのCSSコーディングに関する基本から最新のトレンド、効果的なテクニック、そしてレスポンシブデザインへの対応まで、7つのステップで詳しく解説します。CSSに関する疑問や質問に対する回答も含んでおり、初心者から上級者まで幅広く役立つ情報を提供しています。 さあ、一緒にCSSの世界を探索してみましょう。 【PR】Webデザイナーを目指す方におすすめのWebデザインスクール！ 副業・フリーランス…

こんにちは、UPSIDERで日々モバイルアプリ開発をしているふっくです。 UPSIDERでは今後、よりアプリ開発に注力し決済プラットフォームの中核的な役割を果たすことを目指しています。 今回は、今後の開発・運用を目指して考えたFlutterアプリ向けのアーキテクチャを紹介します。 ネイティブアプリの世界で触れてきた色々なアーキテクチャ・フレームワークを参考に、開発の後半でも順調にスケールさせることができるように、工夫を凝らしました。 本アーキテクチャで作ったサンプルアプリもあるので、ぜひ以下のリンクから見てみてください。 https://github.com/upsidr/flutter_ar…

Responsive Design On Steroids: CSS Container Queries 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 待望のレスポンシブデザインの機能であるコンテナクエリーが、ついに安定したバージョンとなり、期待通りの威力を発揮しています。本記事では、従来のメディアクエリーの限界を探り、コンテナクエリーがどのような優雅な解決策を提供するかを紹介します。さらに、コンテナクエリーの仕組みを掘り下げ、実際にコンテナクエリーを使ってWebページのサイドバーをレスポンシブにするハンズオン体験を提供します。 対象要素ベ…

Webデザイナーとして活躍するためには、HTMLコーディングのスキルは不可欠です。本記事では、WEBデザイナーの方々に向けて、HTMLコーディングの練習におけるポイントを徹底解説します。以下は、この記事で取り上げるポイントを示した目次です。 1. **HTMLコーディングの基礎を理解しよう** - HTMLの基本構造とタグの使い方 - セマンティックなHTMLの重要性 2. **HTML5の新機能を活用したコーディングテクニック** - 新しいセクション要素やフォーム要素の活用方法 - CanvasやVideoなどのマルチメディア要素の使い方 3. **SEO対策に役立つHTMLタグの使い方*…

PyTorchで複数のモデルの出力をアンサンブルする方法 こんにちは。今日は、PyTorchで複数の深層学習モデルの出力をアンサンブルする方法について説明します。 アンサンブル学習は、単一のモデルよりも高い予測精度を得るための強力な手法です。異なる種類のモデルや同じモデルの異なる初期化からの複数の出力を組み合わせることで、モデルの一般化性能を向上させることができます。 今回は基礎編ということで非常にシンプルな例を解説します。 ここでは、2つの畳み込みニューラルネットワーク(CNN)の出力を結合し、全結合層に入力して損失を計算する例を示します。 ※当然同じアーキテクチャでは多様性が獲得されません…

tcpreplay をインストールする 偽の Ethernet Frame を追加する IPアドレスを任意のものに変更する Header の Length フィールドに従ってパケットの末尾に Padding を追加する 「とあるインターネットトレースされた Pcap ファイルを再送してインターネットトラフィックを模す」ということをする必要が出たのですが、元の Pcap ファイルはもちろん加工されており、Ethernet Frame と Payload が削除された状態でした。 $ tcpdump -evXnnr sample.pcap reading from file sample.pcap…