CSS, Gist, GitHub, Highlight.js, HTML, JavaScript, Qiita, SEO, SSL, セキュリティ, ドメイン, レンタルサーバ, 副業, 広告収入, 技術ブログ

もくじこの記事で書くこと
目的を決める
ブログのメインテーマを決める
Webサーバを決めるブログサービスを利用する
サイト作成サービスを利用する
レンタルサーバを契約する
IaaSを契約する
自宅に ...

Electron, HTML, JavaScript, Web, セキュリティ

通常のWebアプリはWebブラウザのセキュリティポリシーの関係上、クライアントPC上のファイルのファイル名は取得できてもフルパスが取得できないことが多い、というか今日日よほど古いブラウザでない限りできないはず。

一方、クラ ...

CSS, HTML, JavaScript, Vue.js, Web

もくじどんな場合に必要か
1つ目:HTMLテンプレートに設定する属性で色を指定する方法
2つ目:HTMLテンプレートに設定するクラスで色を指定する方法
2つの方法の比較

どんな場合に必要か

あるコンポーネ ...

HTML, pug, SFC, Vue.js, Web

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

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

HTML, JavaScript, Vue.js, Web

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

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

Bootstrap, CodePen, CSS, HTML, JavaScript, Web

Bootstrapにはモーダルダイアログを表示するための仕組みが備わっているけど,モーダルダイアログを2個以上重ねて表示する仕組みは用意されていない。

そもそも,2個以上重ねるとユーザビリティが損なわれるからやってはダメだ ...

CSS, HTML, JavaScript, jQuery, UI, Web, タッチパネル, タブレット, ユーザビリティ

タッチ操作に不慣れな人

こんな光景を見聞きしたことはないだろうか。

おばあちゃんがタブレットを操作しようとしても,画面上のボタンがちっとも反応しない。
おじいちゃんがスマートフォンを操作するとボタンが長押しになる。
そ ...

CSS, HTML, JavaScript, vis-network, vis.js, Web, グラフ, ネットワークグラフ, ライブラリ

描画できるもの

vis-networkというライブラリを使うと,例えばこんなネットワークグラフが描ける。

このグラフ,マウスによる操作もできる。

線で