画面をスクロールして、ボタンなどの要素をふわっと表示したい時。 cssで特定の要素を透明にしたり(opacity)、移動したり(transform)するクラスを付けておいて、jsで画面トップから要素までの高さで、isActiveなどクラスをつけて、要素を元の状態に戻す方法。つけるクラスに、transitionで時間を指定しておく。 参考 ttps://noze.space/archives/415…Continue reading 画面をスクロールして要素をふわっと表示する css / js / jQuery
カテゴリー: javascript
vue.jsとbladeテンプレートのコメントアウトの方法
vue.jsのコメントアウト jsのコメントアウトは、”// コメント “, “/** コメント */” の方法がある。 vueファイルの<script>タグ内も同様に使える。 <template>タグ内はhtmlと同様、<!– コメント –> が使える。 これは<template&…Continue reading vue.jsとbladeテンプレートのコメントアウトの方法
GASでslackに通知を送る
GASを使ってslackに通知を送る GAS(google app script)を使って、slackに通知を送る方法になります。 slackの通知を送りたいチャンネルのincoming webhooksのURLを取得します。 json形式で、payloadに送りたいデータを渡して、UrlFetchAppオブジェクトのfetchメソッドを使って送信します。 // incoming w…Continue reading GASでslackに通知を送る
vue.jsを使うためのパッケージインストール時に出たエラーの対処
最初のpackage.json { “name”: “sample”, “version”: “1.0.0”, “description”: “”, “main”: “app.js”, “scripts”: { “test”: “echo \”Error: no test specified\” && exit 1″ }, “author”: “”, “license”: “ISC…Continue reading vue.jsを使うためのパッケージインストール時に出たエラーの対処
javascript slice(), subStr(),の違い
slice() slice()は、第１引数：開始位置 第２引数：終了位置 （省略可能） 第１引数だけを指定した場合、その位置から最後までを切り取る。 例１ var int = ‘0123456789’; var result = int.slice(5); // 最初は０から始まる。５番目から最後まで切り取る console.log(result); // 56789 例２ var …Continue reading javascript slice(), subStr(),の違い
react.jsを使うための環境構築 エラーの対処
使用OS : MAC v10.13.6 reactを使うために、 node.jsをインストールする必要がある babel,webpacなどのライブラリが必要 —- create-react-app使えば簡単 JavaScriptES2015(ES6)で書く必要がある 手動で環境構築するために node.jsをインストール npmをインストール yarn でも良い node.js -vで…Continue reading react.jsを使うための環境構築 エラーの対処