CSS, flex, flexbox, Web

flexboxについてはこちらのページで説明している。

flexboxで、次のように要素を並べて表示したいとする。

このとき、flexboxの子要素(並べる要素)の高さ指定を誤ると次のように高さがゼロになってし ...

PHP, Web

もくじDateTimeクラスとは
日時の表現
日時の編集
日時の取得
日時の比較

DateTimeクラスとは

DateTimeクラスは年月日と時刻の情報を持つもので、そのメソッドを使うと日時の加減算 ...

Material UI, vue-cli, Vue.js, Vuetify, Web, ライブラリ

vue-cli(4.2.3)で作っているアプリに何かUIライブラリを導入してみようと思い、Vuetifyを入れてみることにした。

自分でボタンやinputなどのスタイル設計をしてきたけど、やはり効率が悪いし、何より馴染みの ...

HTML, pug, SFC, Vue.js, Web

Vue.jsは根底にSFC(Single File Component)の思想があるため,コンポーネントの「継承」は本来なら想定外だ。

特にHTMLテンプレート部分の継承を考えるなら,普通にやろうとするとできない。 ...

Node.js, npm, Python, Sass, VC++, Web, Windows, Windows 10

Webクライアントの古い開発環境をWindows PCにクローンし,npmでnode-sassを個別に入れなければならないケースがあった。

その際にちょっとした壁にぶち当たったので,どのような手順を踏めばnode-sass ...

vue-cli, Vue.js, Web

Vue.jsでinput/textarea要素といえばv-model。

v-modelで指定されたデータは双方向バインディングされ,ユーザーが入力した文字がデータへ即反映され,逆に,データが変更されたらinput/text ...

HTML, JavaScript, Vue.js, Web

HTMLのtextarea要素にフォーカスが当たった状態でEnterキーが押された場合の挙動を変えたい場合がある。

何もしなければtextarea要素内で改行されるだけだけど,この挙動を無くし,代わりにフォーカスを移動した ...

JavaScript, JSON, Web

JSONファイルを保存する方法//originalDataに,種々のデータが格納されているとする。次は一例。originalData = { id: 123, name: "mochi", favoriteFoods: [ "くさも ...