javascriptで今年の残り日時(カウントダウン)の表示
javascriptで今年の残り日時(カウントダウン)の表示を行なう javascriptのお勉強に今年の残り日時(カウントダウン)を作ったときのメモ 実装コード <!DOCTYPE ht...
6
7
Comment0
22 search resultsShowing 1~20 results
Stocked
You need to log-in
とりあえずdockerを全部stopするalias
コマンド alias ds="docker ps -q | xargs docker stop" dockerのコマンド何も分からない
0
0
Comment0
Vue(Nuxt)でborder-radiusのプレイグラウンドを作ってみた
Vue.js(Nuxt)でcssのborder-radiusプロパティのプレイグラウンドを作ってみた。 動作ページ スクリーンショット こんな感じでぐりぐり動かせるので、直観的に理解できると思う...
1
0
Comment0
react-final-formでenter押下時にpreventDefaultする
example <Field name="myInput"> {({input}) => ( <input {...input} id="myInput" onKeyPr...
0
0
Comment0
Nuxtで「vue-clickaway」のディレクティブをグローバルに登録する
vue-clickaway https://github.com/simplesmiler/vue-clickaway 要素の外側をクリックしたときにイベントを起こせるライブラリ コード plu...
3
2
Comment0
マークアップのアルバイトをしていたときのメモ
フロントエンドのアルバイトをしていたときのメモ 大学生の頃git,scss(compass),atomとか使ってフロントエンド書いていたときのメモ compassあたりはもう使っている人はいない...
3
8
Comment0
Vueで::before、::afterなどの疑似要素を動的に変更する
before,afterの疑似要素はDOMではないらしいのでjsからは直接はいじれないらしく、 HTML内にstyleを直書きして、そこを変更する。 <template> <d...
14
9
Comment0
Vue.jsでOSとサイト内からダークモードを設定する
初期表示では、OS側からのダークモードの設定を行い、サイト内からもダークモードの設定をできるようにしてみる。 動作 https://vcss.netlify.com これの右上のトグルボタン O...
3
5
Comment0
コンソールからcontentEditable にする
以下をコンソールから打つべし document.body.contentEditable = true; あるいは、 document.designMode = "on";
3
0
Comment0
scssの変数をcssの変数に入れる
以下のようにすると入らない。 $base0: #839496; :root { --base0: $base0; } 変数展開っぽく書くと展開される。 $base0: #839496; :roo...
0
1
Comment0
tableタグの中でtableレイアウトに影響を与えずに::before、::afterを使う
captionタグを使うと影響を与えずにbefore,afterを使える <table> <caption class="beforeClass"></captio...
0
1
Comment0
Vueでリアクティブに配列を初期化する
配列をリアクティブに変更できる関数で、使えるのはこの辺 push() pop() shift() unshift() splice() sort() reverse() spliceで全部削除す...
3
5
Comment0
バニラjsでjqueryの$を使う
jqueryの$をバニラjsで使う バニラjsでいちいちdocument.querySelectorとか、document.getElementByIdとか書くのは面倒なので$で済ましたい。 コ...
4
1
Comment0
vue2-google-mapsでgoogle変数が使えない
this.$gmapApiPromiseLazy().then(() => { var bounds = new google.maps.LatLngBounds() /* etc */ ...
1
0
Comment0
マインクラフトのログから特定の文字列が入っていたらディスコードに流すシェルスクリプト
マイクラのログから死因とか実績をとった際にdiscordに流す用のシェルスクリプトを作ってみた。 discordからwebhookのurlを取ってきて、そこに最新のログから送りたい文字列が入って...
6
4
Comment0
コマンドラインでバックスラッシュのパスでも移動できるようにする
atomでパスをコピーした際にバックスラッシュを使ったC:\Users\みたいなパスがコピーされるので、ターミナルでディレクトリ移動する際にスラッシュのパスに置換したい。 つまりこうしたいC:\...
0
0
Comment0
border-imageでカラフルな枠を作る【cssのみ】
どこかのページで使われているのを見たのでメモ コード See the Pen border-image by kodamaworld (@kodamaworld) on CodePen. メモ ...
1
2
Comment0
html,cssでReactスピナー
cssのanimationの勉強ついでにスピナーでも作ってみようといじっていたら出来ていた。 コード See the Pen QrXVda by kodama (@kodamaparadise)...
0
0
Comment0
git bashにsolarizedのカラースキームの適用とエイリアス
git bashにsolarizedを適用させる solarizedのしろが目に優しいの感じがしていつも使ってるので、git bashにも使ってみる。 solarizedのカラーコードをダウンロ...
4
3
Comment0
HTML,CSSで乃木坂46のロゴを描く
HTML,CSSで乃木坂46のロゴを描く <!DOCTYPE html> <html> <head> <meta charset="utf-8">...
8
6
Comment4
22 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