Observerを活用しScroll Eventから移行する。Vanilla Vue React
Observerの活用法：スクロールイベントとの比較と実装例 ウェブ開発において、ユーザーのスクロール操作に応じてヘッダーや他の要素を表示・非表示にすることは一般的なインタラクションの一つです。...
0
0
Comment0
24 search resultsShowing 1~20 results
Stocked
You need to log-in
GithubのLabelsのjson管理、一括登録、カラースキーマ
GithubのLabelsをGUIでなくjsonで一括登録する方法 GithubのLabelをjsonファイルで定義し一括作成する方法を説明します。 環境 Mac / Linux その他でも基本...
1
1
Comment0
フロントエンド/デザイナー向け OpenSSH セキュリティアップデート CVE-2024-6387 対応
OpenSSH セキュリティアップデート CVE-2024-6387 対応 2024/7/4現在 フロントエンド/デザイナー起点で結局何をすれば良いか、全体概要も含めてまとめてみました 全容は把...
1
0
Comment0
現在は非推奨なIT用語リスト
背景 IT業界でよく使われている一部の用語が、差別的な意味合いを持つ可能性があるという問題が近年では指摘されています。そのため、より適切な代替語を使うことが推奨されています。 例えば、「ブライン...
4
1
Comment1
DailyUI Develop = 実装込みでDailyUI [Doing]
実装込みでDaily UIはじめました まだ序盤ですが、随時更新していきます。 ブラウザ前提でのUIデザインであればインブラウザデザイン（コードでデザイン）が有効な場面も多い（その限りではありま...
1
1
Comment0
MacアプリがMove to Applications folderと出てが起動出来ない問題を解決
ダウンロードしたMacアプリが、アラートが出て起動出来ない問題を解決 症状 ダウンロードしたMacアプリが「Move to Applications folder...」などアラートが出て開けな...
8
1
Comment5
セレクトフォーム選択時のチート
前提 今回は開発目線でなくユーザー目線 フォーム入力の選択で国を選ぶ時に まごまごしないためのプチ時短対策です 背景 国名選択フォームで日本がなかなか見つからない時がある 愛国心の欠如が原因かと...
1
0
Comment0
2日に分けて、初めてのRuby on Rails まずは動かしてみる（初心者向け）
今回のドキュメントのゴール Railsで簡単なアプリを作成して、「未経験」状態から「なんか色々できそう♪」という体験をする事 対象の方 Rails未経験で、ちょっと触ってみようかなという方 環境...
1
0
Comment0
p5.jsでレスポンシブ対応の簡単お絵かきアプリ
作ってみました。 遊び方： クリックも何もせずにマウスを動かすと、ランダムな淡い色で円形が描かれていきます クリックしながらマウスを動かしていくと、チューリップ型の花が、暖色・黄色寄りのランダム...
2
1
Comment0
縦書きCSSで文庫本っぽいUIを作る
writing-mode: vertical-rl; これを入れるだけで縦書きになります。 横スクロールで読書の視線を再現しています 1文字目はインデントで字下げしたのも書籍を意識しています。 ...
3
2
Comment2
Web用の画像形式に迷った時の対応例
画像の実装までに行う事 前提 ポジション フロントエンエンジニア コーダー エンジニア デザイナー モデルケース デザイナーからデザインを受け取った時 スライスや書き出しの時、画像形式はどうした...
1
1
Comment0
Macで必ず使っている便利ツール
背景 １回使ったらもう手放せないツール達 普段使っていて、他のエンジニアやデザイナーが偶然自分の画面を見て「それ、もっと早く知りたかった！」という声を何回か聞くことがあったので、オープンにする事...
60
77
Comment0
ほぼCSSだけで、LPでよくある上下左右からフェードインするやつを実装する
背景 LP実装のフロントエンドを担当 Ruby on RailsのView内にてフロントエンド組み込み前提 デザインカンプにアニーメーション、インタラクションの仕様は無かったが、昨今全く動かない...
30
26
Comment0
管理画面 / ダッシュボードを作成しようとした時に集めた情報ログ
ダッシュボードUI フロント作成時のメモ 背景 フリーでフロントエンドをやっていると、高い確率で「管理画面」をリニューアルしたい、新規作成したいという依頼を受ける デザイナー先行でもサーバーサイ...
139
139
Comment3
Vue.jsで簡単に文字数カウンターを実装する
Vue.jsで文字数カウンターの実装をする 背景 テキスト（文字数）カウンターを実装する必要があった 工数はあまりかけられない Vue.jsの組み込みは任意で入れて良い条件 実装 Vue.jsバ...
21
14
Comment0
簡単にCSS1行だけで背景画像をパララックスする。
LPなどで見るパララックス（視差）効果を簡単に出す方法 背景 工数かけずに簡単にパララックス効果を入れたい jsは使わない 施術 背景画像のCSSに background-attachment:...
4
6
Comment0
イケてるDBプラットフォーム「Neo4j」導入メモ
Neo4j[グラフデータベース作成プラットフォーム]メモ 導入テスト $ brew install neo4j ブラウザ http://localhost:7474/browser/ ローカル作...
7
4
Comment0
スタイルガイドジェネレーターFractal導入フロー
Fractal導入 環境構築 $ mkdir patterns $ npm init $ npm install --save @frctl/fractal $ npm i -g @frctl/...
4
1
Comment0
Adobe Dimensionを使って平面デザインから立体プロダクトを作成してみた
背景 Adobe Dimensionで立体的なデザインをしてドヤりたかった 適当に環七沿いのゲンナリした空間で撮影した写真をおしゃれっぽく加工したデザインをDimensionに貼り付けてコーヒー...
0
0
Comment0
Ruby on Railsで、そんなページは無いわよ（404エラーページ）のフロント実装をする時にやる事
Railsでエラーページのフロント実装確認 背景 ローカル開発環境で、無いURLを入れた時に出てくる「そんなページはないわよ」が出るエラーページのフロントUI実装をしようとした 意図的に出そうと...
3
1
Comment0
24 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