記事一覧

• JavaScriptと防御的プログラミング

  335, 2020-06-24

  

  JavaScriptで堅牢なアプリを作る

  JavaScriptによる動的なUIを持つWebサイトがあふれる昨今、皆様はいかがお過ごしでしょうか。
  私も例にもれずSPAなどを作ってコツコツリリースしています。
  数打てばどれか当たるだろうという淡い期待と、蓄積される関連ノウハウと共に。

  まぁ、このブログはSPAじゃないんですけどね。

  （省略されました）

   続きを読む

  更新日:  2020-09-22 カテゴリー: JavaScript タグ: 

  • JavaScript
  • 防御的プログラミング
• 【Vue】npm run buildでModule not found: Can't resolve 'child_process'【Webpack】

  280, 2020-01-24

  

  エラー発生

  VueのプロジェクトをWebpackを使ってビルドしようとした。具体的にはwebpack.config.jsのあるディレクトリでnpm run buildを実行した。npm run buildはpackage.jsonで↓のように定義されている。

  {
      ...
  

  （省略されました）

   続きを読む

  更新日:  2020-09-23 カテゴリー: Vue タグ: 

  • Vue
  • JavaScript
  • Webpack
  • node.js
• jQueryファイルの読み込みで403 Forbidden

  256, 2019-11-27

  

  jQueryファイルの権限がおかしい

  HTMLからjQueryのファイルを↓のように読み込もうとしたところ、

  <script type="text/javascript" src="jquery.js"></script>
  

  （省略されました）

   続きを読む

  更新日:  2020-09-22 カテゴリー: JavaScript タグ: 

  • jQuery
  • Linux
  • HTML
  • JavaScript
• 【JavaScript】focus が効かない時にチェックしたいこと

  239, 2019-11-09

  

  focus が効かない？

  JavaScript で特定の要素にフォーカスを移したい時がある。
  その場合、$('.myclass').focus() などのようにすればフォーカスを移せるが、これが効かない時がある。
  div などの要素にフォーカスを移したい時は div に tabindex を設定する必要がある。
  だから HTML は↓のような感じになる。

  （省略されました）

   続きを読む

  更新日:  2020-09-23 カテゴリー: JavaScript タグ: 

  • JavaScript
  • focus
• Firefox WebExtension & Chrome Extensionの開発メモ

  216, 2019-10-08

  

  WebExtension, Extension

  ブラウザの拡張機能。JavaScriptとブラウザ提供のAPIで開発する。
  Firefox WebExtensionとChrome Extensionについては Firefox が拡張機能用API 「WebExtension」採用を発表。Chrome互換 & マルチプロセス対応 - Engadget 日本版 を参照。
  かなり雑多なメモ。Extensionの制作を今から始めるならChromeが良さそう。FirefoxのWebExtensionのAPIはまだ育成中な印象。

  公式のチュートリアル

  （省略されました）

   続きを読む

  更新日:  2020-09-22 カテゴリー: Chrome タグ: 

  • Chrome拡張機能
  • Firefox WebExtension
  • 拡張機能
  • ブラウザ
  • JavaScript