PRECSSとはどのような思想なのか
はじめに 新しく出たcssの設計思想PRECSSについて調べたのでその備忘録です。 PRECSSとは PRECSS読み方はプレックス。 prefixed cssの略語で、接頭辞付きcssという意...
28
30
Comment0
12 search resultsShowing 1~12 results
Stocked
You need to log-in
anime.js スムーススクロール 実装方法
はじめに 初めてanime.jsでスムーススクロールの実装をしてみました。 普段はvelocity.jsを使っているため、やり方が違ってハマってしまい、調べても出てこなかったので備忘録として記事...
1
2
Comment0
pythonでAPIから情報を書き出す
はじめに 普段はjsを使ってばかりのフロントエンドエンジニアです。 諸事情でAPIを直接叩くことができず、json管理をしなければならないのですが、 毎日jsonを直接サイトで開く→コピーorダ...
1
2
Comment1
jsonpの基本
はじめに jsonpって言葉は聞いたことあるけど、jsonと何が違うのか全く理解していませんでした。 jsonと同じようにデータ取得できるだろうと思っていたら、全く取得できず、詰みました。 初...
3
3
Comment0
エスケープ処理とは
エスケープ処理 エスケープ処理をしないと、セキュリティが、、、とはよく聞くものの、なんじゃそりゃ状態だったので、調べてみました。 エスケープ処理とは 特殊文字や記号を一定の規則に従って別の文字に...
3
3
Comment0
youtube 関連動画を表示させないために
はじめに 先日、youtube player apiの仕様が変更になり、rel: 0を指定しても、動画再生後の関連動画を消すことができなくなりました。 rel: 0の仕様 ・今まで：動画終了後、...
4
3
Comment0
CSS設計~FLOU~
はじめに 今まで命名規則にBEMを取り入れていました。ただ、scssファイルの分割等まではしておらず、、、。 それではいけないと、再度CSS設計を調べたのですが、何がいいのかわからず。 現状の...
8
5
Comment0
Vue.jsを使ってみる
はじめに 普段、フレームワークは特に使わず、jQueryを使って実装しています。 Vueがいいよとチームメンバーからおすすめされていたものの、いまいちピンと来ず、、、。 実際に使ってみたので、思...
4
3
Comment0
SVGでoffsetの取得ができない(safari)
はじめに SVGのアニメーションを実装している時にひっかかったので、備忘録です。 事象 下記のようにoffset().Topを取得して、位置判定に使用するつもりでした。 chrome,firef...
1
1
Comment0
ES2015で即時関数を実行する
はじめに ES2015を用いて「1度だけ実行する関数をimportして使う」モジュールを作るための、備忘録です。 export defaultはclassの冒頭につけるやり方しか知らず、ファイル...
4
2
Comment1
画像の圧縮方法
はじめに サイト作成時に容量を減らす方法として画像圧縮があります。 どの方法がベストなのか検証してみました。 検証した圧縮方法 ・gulp-imagemin ・imagemin-pngquant...
10
6
Comment1
Google Maps JavaScript APIの使い方
はじめに この記事はapiのキーを取得していることを前提として書きます。(キーの取得に関する部分は割愛いたします。) ※キーの取得にはこちらを参考にしてください。 また、jsがまともにかけるよう...
7
7
Comment0
12 search resultsShowing 1~12 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