String Case Converter
This is a tool to convert multiple strings to snake/kebab/camel/pascal case in a batch. This is … Conver … 続きを読む
オンラインツール
PlantUMLのコードから画像が得られるWebサービス
PlantUMLの公式サイトに、画像出力するAPIが用意されているのでそれを使う。 この [PlantUMLコードを取得できるURL] に、コードを掲載したURLをそのまま貼り付けて、ブラウザなどからHTTPでアクセスす … 続きを読む
匿名でソースコードの一部を共有する方法
ソースコードの一部を共有するために使えるツールといえば、Gist（GitHub）やCodePenなどがある。 しかし、共有するために自分のアカウントを作成し、アカウントに紐づく形でしか共有できなかったり、 特定の言語しか … 続きを読む
WordPressに載せるためのWebアプリをつくる
このブログに載せるWebアプリを，最近はVue.jsでつくることが多い。 簡単なWebアプリなら単一のHTMLファイルでサクッとつくってしまうのだが，コードが非常に長くなる場合もあって，そんなときはvue-cliを使って … 続きを読む
box-shadowのCSSコード生成ツール
水平方向のオフセット[px] 垂直方向のオフセット[px] ぼかしの距離[px] (0～) 影の拡がり[px] 影の色 影の不透明度 要素の色 背景色 box-shadowのCSSコード
●●日後/前は何月何日何曜日？ 計算機
の 日 後前 は {{result}}
CSSのflexbox用コード自動生成ツール
次のツールを使うと、flexboxを使う上でコンテナ要素に必要なCSSコードが生成できる。ツールのラジオボタンを色々いじってみて、実装の参考にして欲しい。flexboxの基本について知りたい方はこちら。 flex-dir … 続きを読む