その position: fixed、画面基準にならずお困りですか？
概要 Web 制作において、レイアウト設計は非常に重要な要素です。 position の設定や z-index の設定や管理など、仕様を理解してしまえば問題ないものの、思いもしなかった挙動で想定...
9
0
Comment0
20 search resultsShowing 1~20 results
Stocked
You need to log-in
普段使いの CSS 設計（FLOCSS ベース）について整理する
概要 CSS 設計にはさまざまなアプローチがありますが、自分は普段 Sass 環境下での FLOCSS をベースにコーディングを行うことが多いです。 CSS モジュールやカスケードレイヤーなど、...
9
0
Comment0
Storybook と Vite を使用した HTML テンプレート開発
こんにちは、un-T factory の yuzuru です。 本日 12/20 は「生きた化石」シーラカンスの学術調査が実施された日だそうですね。 さて、今年のアドベントカレンダーも終わりが近...
13
1
Comment2
Nuxt 2 から 3 へのマイグレーション 思い出 3 選
はじめに 直近で Nuxt で構築されたサイトを更新する機会があったのですが、制作時は 2020 年で、Nuxt v2.14 で構築されていました。 v2.13 で Full Static Si...
17
3
Comment0
BackstopJS でクリスマスを少し幸せにするリファクタリング
「見た目に変わりがないこと」を保証するのはつらい 複数人で書いたコードのルールを統一したい ページはできたものの時間の都合でコードがぐちゃぐちゃ 開発環境を移行したい etc... 見た目を全く...
11
3
Comment0
初心者が Three.js を触る上で準備したい便利なあれこれ
はじめに 例に漏れず今年の師走もバタバタとしていますが、新しいことを学ぶのはいつでも楽しいものです。 時間をわすれてやってしまうのでより忙しさに拍車をかけていますが、それもまたよし。 というわけ...
21
7
Comment0
React から Vue への出戻りを検討する 3 つの理由
はじめに 「Vue.js と React.js、結局どっちがいいの？」 2年半ほど前に、流行っている JS フレームワークのどちらかを勉強してみようと思った時、そんなことを延々と考えていました。...
82
30
Comment0
Git subtree を使用した複数リポジトリ間での共通コンポーネント運用について
はじめに 複数のリポジトリ間で統一しておきたいファイルをそれぞれのリポジトリで別々に管理していた場合、変更や修正を各リポジトリそれぞれで行う必要があり、リポジトリ間での差分発生や変更の反映漏れな...
16
5
Comment0
Intersection Observer が思うように発火しない Threshold オプションの勘違いについて
はじめに Intersection Observer、使ってますか？ スクロールでのイベント制御のように不要なイベントが多発しないですし、Intersection Observer という名前に...
28
24
Comment2
FLOCSS 設計における Layout レイヤーの再定義
はじめに 先日、FLOCSS 設計について社内での共有があった際**「FLOCSS 設計において l-container のような汎用的なレイアウトクラスはどこに記述するべきなのか？」**という...
14
7
Comment0
IE11 と CSS Grid の 7 つの約束
はじめに *2020 年 7 月現在、私のシェア率は国内でだいたい10% 弱です。 どうか、私への対応を諦める前にそのことを覚えておいて欲しいのです。 Internet Explorer 11*...
13
5
Comment1
今更学ぶ CSS Multi-column Layout の使い所
はじめに 横並びのレイアウトは近年では Flexbox や CSS Grid 、少し前でしたら float によるレイアウトなどの手法があります。 自分はまず反射的に Flexbox を使用する...
12
5
Comment0
stylelint による スタイリング宗教の統一
はじめに CSS の記述は自由度が高いため、個人的な好みによって記述方法に差異が生まれやすいです。 「半角、一行の開ける or 開けない」 であったり、「小数点での記述時に一桁目に 0 をつける...
4
1
Comment0
【Vue.js 3.0】Composition API なんかと同じ空間にいられるか！俺は 2.x 系に戻るぞ！
Vue.js 2.x から 3.0 へ Vue.jsの開発ロードマップ によると、2020 年 Q2 での公式リリースが予定されています。 β版もリリースされ、だんだんメジャーアップデートに近づ...
31
14
Comment0
11ty/eleventy で CSS / SCSS を扱うために
はじめに 11ty/eleventy（以下、11ty）は Zach Leatherman 氏により制作された静的サイトジェネレーターです。 過去二本の記事で、11ty 公式スタートガイドによるサ...
13
8
Comment0
静的サイトジェネレーター 11ty/eleventy をもっと使ってみる
はじめに 前回の記事で 11ty/eleventy（以下、11ty） の公式スタートガイドに則ってサンプルを作成してみました。 HTML テンプレートエンジン詰め合わせ 11ty/elevent...
29
26
Comment0
HTML テンプレートエンジン詰め合わせ 11ty/eleventy を使ってみる
はじめに 本記事では 11ty/eleventy の紹介と簡単なサンプル作成に留め、SCSS ファイルなどの環境構築については別記事を執筆予定です。 テンプレートエンジンとして Nunjucks...
29
25
Comment0
スプレッドシートとSlackを連携させてタスク管理botを作る
やりたいこと タスクと作業日の入力されたスプレッドシートから、 その日作業する必要のあるタスクを整形して Slack に毎朝 POST してくれるような タスク管理 bot を作成したい。 こん...
32
28
Comment3
困る前に知っておきたい SVGの基本再解釈
はじめに アイコンやロゴなどで使用されることが多いSVGですが、よくわからずにとりあえずで使ってしまうと意外なところでハマってしまったりします。 SVGをソースレベルで解釈しつつ、現状で自分なり...
17
5
Comment0
10分でわかる構造化マークアップ
はじめに セマンティックウェブやアウトラインの明示が重視されている現在、Webページの構造化に触れる機会は増えていることかと思います。 Webページの構造化マークアップを行うにあたって、基本的な...
297
298
Comment1
20 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles