ボタンを押せる範囲を広げてユーザーエクスペリエンスをあげる
ボタンの見た目は変えずに、ボタンを押せる領域を広げる場合には、background-clip を利用すると便利。
<button class="btn"> button </button&g ...
CSSだけでスムーズなスクロールを実装する方法
scroll-behaviorプロパティーにsmoothを指定します。
html { scroll-behavior: smooth;}2020/04/25時点ではIEとSafariが対応していないようです。
二番目以降のliにのみスタイルを適用したい場合
以下のようなHTMLがあり、二番目以降のliにのみmargin-top:5px;を入れたい場合。
<ul><li>line1</li><li>line2</li>< ...
Node.jsでconsole.logのObjectをすべて表示する方法
Node.jsでconsole.logを実行すると引数に渡したオブジェクトのネストが深い部分は[Object]と表示されてしまい、プロパティーや値が表示されない。
オブジェクト全体を出力させたい場合は、util.inspe ...
なぜシステム開発はうまくいかないのか
システム開発がうまくいかない理由とは何か
システム開発は往々にしてうまくいかないもので、要因は複数ある。
それを端的に表した絵があったのでご紹介する。
何やら木にブランコが吊るされているが、これが開発するシステム ...
BeautifulSoupで画像をダウンロードする
requests で画像を取得し、ファイルに保存する
import requestsr = requests.get(url)with open('./img001.jpg', mode='wb' ...
BeautifulSoupで不要なタグをdecomposeで削除する
以下のような構造で、em タブを除去したい場合。
<div class='text'> <em>12345</em> 日本</div>decomposeを使っ ...
Python入門 interについて
マニュアル
マニュアルを読むと、第二引数があるかどうかで第一引数の解釈がかなり変わってくると記載されている。
第二引数がない場合第一引数に int を指定するとTypeErrorエラーになる。
>>> ...
Python入門 inputメソッド
入力時に指定した文字を表示する
inputの引数に文字列を指定することで、入力受付時にターミナルにその文字が表示されるようになる。
my_input = input('please input: ')以下のよ ...
Express + jsonwebtoken を試す
環境を作る
必要なモジュールをインストールする
yarn add express jsonwebtokenyarn add -D nodemonnodemon はコードの変更を検知して自動でnodeを再起動するために必要