JavaScript

AMPエラー HTML タグに必須属性がありません。- formとJavaScript ニッチな話題

AMPエラー HTML タグに必須属性がありません。- formとJavaScript

ブログ記事の中にフォームを入れていたら、AMPエラーになりました。カスタムHTMLを使うとよくAMPエラーになりますね。足りなかったのは、formタグのtarget属性でした。formタグの説明では特に見かけなかったんですが、必須属性なんですね。今回のコードでは、javascriptの関数を動作させるためのボタンを配置するためにフォームを作りました。特にデータをサーバーに送るものでもなかったので、formのプロパティを指定していなかったのが、よくなかったようです。こちらが参考...
2020.09.16 2021.10.24
ニッチな話題ホームページ運用
JavaScriptでウェブページのタブを閉じたい 【できる場合、できない場合】 ニッチな話題

JavaScriptでウェブページのタブを閉じたい 【できる場合、できない場合】

JavaScriptでウェブページのタブを閉じるコードは、ブラウザ（あるいはバージョン）によって挙動が違います。ここで検証できます。ネットで調べると「できる」と書いてあったのに、バージョンの関係なのか、うまくいかないことがあるのよね。結局、実際にコードを試して、実験するしかなさそうね。そもそもセキュリティによる制約があるまず、基本的にはJavaScriptでは、コードから開いたウィンドウは閉じることができるものの、ユーザーが開いたウィンドウは閉じられません。これは、セキュリテ...
2020.06.23 2022.06.17
ニッチな話題プログラミング
とりあえずのメモ

Javascriptでmac用のツールを作ってみる【Electron】

簡単なファイル整理用のMacツールを作ってみたので、メモをしておきます。ElectronとAtomとクロスプラットフォームElectronというアプリ開発環境があります。もともとAtomというエディタソフトを開発するときに生まれました。ちょうどGIMPを作るときに生まれたGTKみたいですね。Atomエディタは、WindowsだけでなくMac, Linuxそれぞれで動くエディタです。クロスプラットフォームなわけです。ElectronはAtomエディタを作るときに作ったフレームを...
2020.06.18 2022.05.18
とりあえずのメモプログラミング
MacにNode.jsをインストールした ニッチな話題

MacにNode.jsをインストールした

MacでローカルにJavaScriptを使うために、Node.jsをインストールしました。手順をメモしておきます。「Node.js」からMac用インストーラをダウンロードして、インストールします。LTS（長期間サポート版）をダウンロードしました。あとは、通常のインストール操作です。Node.js v12.16.3と、npm v6.14.4をインストールできました。続きはこちらからこちらもどうぞ
2020.05.18 2021.12.18
ニッチな話題パソコン基礎知識
ブログでJavaScriptプログラムを動かしてみよう【カスタムHTMLとscriptタグ】 ニッチな話題

ブログでJavaScriptプログラムを動かしてみよう【カスタムHTMLとscriptタグ】

ブログの中でJavaScriptを動かして遊ぶ方法をご紹介します。WordPressサイトに直接HTMLコードを入力するために「カスタムHTML」というブロックを挿入します。JavaScriptのコードは最初と最後をのタグで囲んだ中に入力します。
2020.05.14 2021.12.18
ニッチな話題プログラミングホームページ運用
どこからはじめる？子どものプログラミング教育【プログラミング的思考】 #PR含む

どこからはじめる？子どものプログラミング教育【プログラミング的思考】

最近、話題の「プログラミング教育」。今日は、子どものプログラミングを学ぶ意味や学習法について、基本の話から一緒に考えてみましょう。学習指導要領によると…プログラミングは魔法のことばまずは実際にプログラムをみてみましょう。/* v2.0 | 20110126 License: none (public domain)*//*Above is my default quick CSS reset I always use, doesn't really matter for th...
2020.05.14 2023.09.15
#PR含むちいラボエッセイパソコン基礎知識