TailwindCSSを触って感じたいいところと気をつけるべきところをN番煎じする
はじめに この投稿は、no plan inc. Advent Calendar 202417日目の記事です。 no plan inc. でフロントエンドエンジニアとして参画しているひめのです。 ...
2
0
Comment0
16 search resultsShowing 1~16 results
Stocked
You need to log-in
$.dataと$.attr('data-*')の違い
jQueryの$.dataと$.attr('data-*')で取得できる値が違うのは知っていたけど、実際どこまで違うのかわからなかったので調べました。 やったこと 以下のhtmlの各data属性...
7
4
Comment1
WebサイトでPOSTした際のGoogleスプレッドシートデータの取得時間
GoogleスプレッドシートのデータををWebサイトでPOSTで取得した時の速度を測ってみたのでメモ。 計測がとても雑な(計測と言って良いのかも厳しい)ので参考程度に。 検証端末: iPhone...
2
2
Comment0
vue-routerのhistoryモードでハッシュ付きリンクのスクロール位置を指定する
普段のサイトではよく見かける、「リンク先ページの指定のセクションまでスクロールさせて表示する」実装をVue+vue-routerで実装した話です。 最終的にはscrollBehaviorのリファ...
12
12
Comment0
Expressを使ってローカルでのAPIテスト環境をサクッと作るための備忘録
JSONを返してくれるだけのREST APIを想定して何か作る時によくやるので、備忘録程度に書いておきます。 (「サクッと」には個人差・routing設定の複雑さによって誤差が生じます。ご了承く...
1
0
Comment0
Firefoxでテキスト入力エリアの入力挙動がおかしくなる不具合
かなり珍しい現象に出くわしたのでメモ。 GIFのような感じで、 input[type="text"]での文字削除の挙動がおかしくなるという不具合に出くわしました。 何が起こっているかというと、 ...
3
5
Comment0
$.Deferredのresolve/rejectをすぐに返したいときの書き方省略方法
Promise(& Promise PolyFill)を使わずに、jQueryの Deferred を用いて非同期処理を書いているときに出くわしたのでメモ。 非同期的にしたくないときでも...
0
2
Comment0
Breadcrumb NavXTでliに付けたclassやitemcopeが削除されて保存される場合の対処法
何が起きたか 「Breadcrumb NavXT」というWordPressプラグインを用いて生成するパンくずリストをSchema.orgのBreadcumbに対応させるため、以下のように出力タグ...
1
0
Comment0
古の技術になりつつあるIE8・IE9対応でやること、使えないもの
Windows10の強制アップデートのおかげ(?)もあってか、最近のブラウザ対応ではIE9以下はほとんど切り捨てるようになっています。 いろんなAPIやインタラクティブなサイトを作る場合は特に顕...
33
39
Comment0
IE11でjusty-content: centerしてるのに両端中央揃えできない時の原因
すごいハマったのでメモ。 IE11はflexに対応しているので不具合無いだろう...と考えてガンガンつかっていいった結果、見事につまづきました。 事の発端 簡単な例ですが、↓のようにflexを使...
31
19
Comment0
0以上n未満のランダムな配列をつくる
さくっと作れないくらいのレベルなのでメモ。 [0, n)までのランダムなn個の配列を作成する randomArray.js function randomArray(n) { var arr =...
1
1
Comment3
velocity.jsでfadein animationなどを使用してた場合にレイアウトが崩れる原因
velocity.jsを使用している際に、 「fadeInさせた要素が何故かレイアウト崩れちゃう！」 ということがありませんか？ なかなか無いと思います。 ですが備忘録として書いておきます。 原...
4
4
Comment0
gulp.registryを使ってタスクの分割をしよう
今までgulpタスクの分割はread-dirとかを使用してやっていた方も多いと思います。(僕は分割していませんでした) gulp4.0ではgulp.registoryとundertaker-re...
6
8
Comment0
フォームなどで使う文字列周りの処理
フォーム周りの対応でよく使いそうなjs処理を備忘録程度に書いておきます。 maxlengthの対応 基本的にはこれで良さそうだけれども、マルチバイト対策が必要な可能性があるようです。 <i...
7
7
Comment0
Android4.3以下はflexboxのflex-wrapだけ機能しない
一回ハマったのでメモ。 タイトル以上でもタイトル以下でもないです。 Can I use にはこのように書いています。 Notes: 以前のflexboxだけサポートしてて、wrappingはサポ...
3
3
Comment0
.append()する前の要素の幅や高さを取得する
jQueryの仕様上、DOMはHTMLで表示されているものでないと幅や高さなどが取れないようです。 したがって、.append()``.appendTo()などでDOMを挿入する前に要素の高さを...
2
2
Comment0
16 search resultsShowing 1~16 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