- 1. 【Stellarium】リモートコントロールプラグインWebインターフェイス公式リファレンス日本語訳
- 2. HTML: object要素で変な物を仕込む
- 3. Webページをインターネット上に公開する
- 4. 企業向け貨物サービスのウェブサイトをゼロから作成する方法
- 5. フロントエンドの役割・DOMについて簡単なまとめ
- 6. 【HTML,CSS】文字の色やフォントを文章の途中で変える方法
- 7. HTML: DOM取得のなまくら術
- 8. YouTubeみたいな動画を作成できるhtml,css,Javascriptの紹介(途中経過1)参考
- 9. 削除ボタンがないお手製のdatepickerを作ってみた
- 10. 【HTML,CSS】HTML,CSSのみで気持ち悪い信号機らしきものを作ってみた
- 11. Date型を直接取り扱えるInput要素をVue3で作る。
- 12. [Chrome拡張] Chrome拡張記事のまとめ
- 13. 【HTML】Pythonを学習していたのに突然、HTMLに移行した理由
- 14. VScodeで急にEmmetが使えなくなったときの対処法まとめ
- 15. 自分用メモ
- 16. 【HTML,CSS】HTML,CSSのみで青看板を作る #2
- 17. 【HTML】HTMLのページにGoogle Mapの地図を埋め込む方法
- 18. 【HTML】headタグの中身について
- 19. 【HTML,CSS】HTML,CSSのみで青看板を作る #1
- 20. なぜ親要素に position: relative, 子要素に position: absolute を指定すると 子要素の位置をいい感じに指定できるのか
【Stellarium】リモートコントロールプラグインWebインターフェイス公式リファレンス日本語訳
# 初めに
無料プラネタリウムソフト[「Stellarium」](https://stellarium.org/)の
リモートコントロールプラグイン Web インターフェイスの公式ドキュメントを日本語訳(ほどんど機械翻訳:Google翻訳及びDeepLを使用)したものです。間違い等あると思いますが、ご理解の上お使いください。https://stellarium.org/doc/24.0/remoteControlWeb.html
# 概要
RemoteControlプラグインは、デフォルトで、RemoteControl APIを提供するのと同じ統合HTTPサーバーを介してHTMLウェブインターフェースを提供します。data/webrootフォルダにあるすべてのコンテンツが提供されます。api/パスはHTTP API用に予約されているため、フォルダとして使用できないことに注意してください。index.htmlファイルはルートにマッピングされているので、デフォルトのポート設定8090で[http://localhost:8090](http://localhost:8090)。7イン
HTML: object要素で変な物を仕込む
これもまたonload属性で好き放題やりたい放題とんでもない処理を埋め込めます。
## ド定番
data属性をすり替えて再読み込みを繰り返します(dataURIにより空文字列をひたすら召喚)。見た目の変化はありませんが負荷はかかり続ける代物。
“`html
W
企業向け貨物サービスのウェブサイトをゼロから作成する方法
企業向けの貨物サービスを提供するウェブサイトを作成することは、ビジネスの成功にとって非常に重要です。ここでは、ゼロから始めてコーディングを使用して企業向けの貨物サービスのウェブサイトを作成する手順を紹介します。
1. 設計とプランニング
最初に、ウェブサイトのデザインと機能を計画します。どのような情報を掲載するか、ユーザーが求める機能は何かなどを明確にします。ユーザビリティを考慮し、使いやすく直感的なデザインを目指しましょう。2. ドメインとホスティングの取得
ウェブサイトを公開するためには、ドメイン名とホスティングサービスが必要です。信頼性の高いドメインレジストラやホスティングプロバイダーを選び、必要なドメイン名とホスティングプランを購入します。3. HTMLとCSSで基本的なページ作成
基本的なウェブサイトのフレームワークを作成するために、HTMLとCSSを使用します。HTMLでコンテンツの構造を定義し、CSSでスタイルとレイアウトを設定します。例えば、ナビゲーションバー、ヘッダー、フッターなどの基本的な要素を作成します。html
Copy code
フロントエンドの役割・DOMについて簡単なまとめ
## 概要
– 簡単にフロントエンドについてまとめる機会があったため、参考程度にスライドを置いておきます
– フレームワークの説明に関しては口頭であったため情報なしですが、新しく始めるのであればReact.jsが良いだろうと結論付けました
## スライド
## 以下より画像を利用しています
https://loosedrawing.com/
【HTML,CSS】文字の色やフォントを文章の途中で変える方法
# はじめに
こんにちは! 中学2年生のWardHamamatsu67です! 今回は、HTMLのページの途中で色やフォントを変える方法について説明したいと思います。
# 方法1
1つ目の方法はCSSを使用せず、HTMLのfontタグを使用するものです。
このような感じです。
“`html明けましておめでとうございます。
“`
赤色に指定します。
![スクリーンショット 2024-03-29 214711.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3749972/74fd66ef-462f-d931-e522-146a916e43a5.png)
このように、「おめでとう」を赤文字にすることで強調されましたね。
結構この方法は簡単です。が、!!この方法はあまりお勧めしません。
しっかりとした理由があります。それは、、
**この方法では、色は変えられるものの、フォントは変えられないからなんです
HTML: DOM取得のなまくら術
対応できるかどうかはBrowser次第。いつの間にやら非推奨になってしまったり、廃れていったりする可能性もあります
関数 なまくら術 document.getElementById,
document.querySelectorid属性値を直指し document.getElementsByTagName(“*”),
document.querySelectorAll(“*”)document.all document.getElementsByTagName(“form”) document.forms document.querySelectorAll(“a[href]”) document.links document.querySelectorAll(“a[name]”) document.anchors document.getElementsByTagName(“html”)[0] docu YouTubeみたいな動画を作成できるhtml,css,Javascriptの紹介(途中経過1)参考
まずは、途中の動画。(Xより)
@otomachiuna こんなのになった。 pic.twitter.com/WycQAUV5hb
— Tattyan(Tachan)🇯🇵 (@Tattyan_03) March 27, 2024
![スクリーンショット 2024-03-28 153428.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625232/eecb01ac-3909-1c3c-4494-ca959f191149.png)
これを使う。
![スクリーンショット 2024-03-28 153505.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625232/82cf023c-bf2e-97eb-1671-bd3c6cb2abe4.png)
![スクリーンショット 2024-03-28 153546.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625232/12568b52-7898-dcfb-4ee6-削除ボタンがないお手製のdatepickerを作ってみた
# 背景
https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/
削除ボタンがないdatepickerが上のdocumentにありましたので、SemanticなHTMLに書き換えて実装したいなと思ったからです。
See the Pen 【HTML,CSS】HTML,CSSのみで気持ち悪い信号機らしきものを作ってみた
# はじめに
こんにちは! 中学2年生のWardHamamatsu67です! 今回は、HTMLとCSSのみで信号機らしきものを作ってみました。普通の3つある信号機ではなく矢印がいくつもあるおかしな信号機です。なお、矢印に関しては難しくて表示することができませんでした。もしできる方がいればコメントで教えてくれると嬉しいです。
# HTMLのコード
“`html
信号機
Date型を直接取り扱えるInput要素をVue3で作る。
よく作る割に忘れてしまいがちなので記事としてまとめる。
# 環境
– Nodejs18以降
– Vue@3.4.21以降
– Date-fns@3.5.0以降# コード
とりあえず全体のコード。invalid Dateになる場合はnullを返すようにしている。“`html:DatetimeInput.vue