html

​6000文字制限アメブロ記事を書いていてこのような表示見たこと無いですか？？普通に文字を打ってて6000文字ってありえへんやろ？って思いますが、HTMLの文字数になります。HTMLはなに？ってところは調べてください笑簡単に言うと文字の大きさ、色、改行などを指示するパソコン言語ぐらいで思っていただければ笑HTMLの文字数の確認の仕方はこちら​なぜそんなにHTMLの文字が多くなるの？普通に文字を打ってるだけやったらまぁまぁ6000文字まで到達しにくいですが、文字の大きさや色を変え

ま～た何かと問題のあるHTML今回、このエラーが出て、最初に参考にしたサイトはMiyalogさん。そんなに難しい問題じゃないよ、という事が分かりました。ただ、内容が同じという訳ではなかったので自分のサイトのどこが問題なのかをサチコ(サーチコンソールの略)で見る必要がある。これは余談だが、サチコって略が好きで言いたい傾向にある。わざわざカッコ使うなら略さなければいいのに。でも言いたいので仕方がない。さて、話は戻って自分の

PAD（PowerAutomateDesktop）からブラウザでドロップダウンリストを選択しようとした時に「・・・を持つドロップダウンリストが見つかりません。」とエラーになって困っていました。PAD上のツールの「レコーダ」でブラウザのドロップダウンリストを選択したのに、、、何度やってもエラーになる。色々、ネットで調べたけど、中途半端な情報が多くうまくいきませんでした。しかも、同じmicrosoftの兄弟サービスの「PowerAutomate」で作った画面が操作できないな

様々な言語に対応するエディターVisualStudioCode（以下、VSCode）ですが、ホームページを構成するHTMLファイルの編集時にもとても便利に使えます。通常、HTMLファイルをVSCodeで開くと共にWebブラウザにそのHTMLファイルを表示させ、コードを編集するたびにWebブラウザを更新してその表示を確認していました。しかし、Microsoftが提供するVSCode拡張機能「LivePreview」をインストールすれば、編集中のHTMLファイルをVSCo

今日は、CSSで画像を枠の中に綺麗に収める方法を教えていただきました。HTMLタグではimgタグを<div>で囲っておいて、CSSで下記のようにコードを書く！例：【HTML】<div><imgsrc="〜”></div>【CSS】div{border:solid1px#000（枠の縁の指定。この部分は任意）width:100%;height:100px;}img{object-fit:contain;width:100%;height:10

HTMLでtextなどにid属性もしくはname属性をつけるけど、その違いを整理してみました。基本的な違いとして、そもそもidは重複しないnameは重複する可能性あり。<inputtype="text"name="DATA1"id="DATA1">となっているtextの値をjavascriptで取得したい場合(1)idを利用letdata1=document.getElementById("DATA1");//idは単一なので、返却も一つ(Element)(s

こんにちは、ミーコです。74年間軌跡のサクセスストーリープロフィールはこちらから前回は、ブログのジャンルによっては恐ろしいこと・・・・・が起こる事が分かったと思いますトレンドブログを書くときは十分に注意してくださいね！内容によっては訴訟問題に発展することもあります！ブログの１記事だけで何千万も支払う結果になることも…このような事は、本当にあるらしいです実際に経験した私も納得です！楽しい記事を書けば、記事を書いて

今回のお題：チャットの文字の色こんにちは。夢ある魔術師フェイです。元素騎士オンラインや他のMMORPGにおいて、チャット欄で、他と色が異なるメッセージを見たことはないですか？実は、これ、自分で変更できるかもしれないです。今回は「チャットの文字に色を付ける方法」を簡単に解説します。この記事を読めば、どなたでも、文字に色を付けてメッセージを発信する方法を習得できます。※PCでの操作がおすすめですが、アプリ版でも同じことが

今回はchart.jsで高さを固定する方法をご紹介■Chart.jsとはJavaScriptのフレームワークです。HTMLのcanvas上に、JavaScriptを用いて折れ線グラフや円グラフ等を簡単に記述するものです。基本的に横幅でheightのサイズが決まるので、CSSから高さの指定が出来ない仕様となっています。(多分)今回はその高さをJavaScript側から設定してしまう方法です※今回はちょっとややこしい&ニッチな内容なので、コードだけ置いておきま

PC引っ越し作業の続き。🔍このブログ内を検索する画像加工ソフトは、相変わらずMacromedia社のFireworks3を使っていて、これをインストール。HTMLエディター（Web作成ソフト）は、マイクロソフトの「MicrosoftExpressionWeb4日本語版」というのを使っています。商品画像をページ内に貼り付けるだけの作業しかしていないので適当なソフトでよいのですが、このソフトは多機能なわりに使いやすいし何といっても無料なので好んで使ってきました。それで今回も

アメブロを運営しているとデザイン性を高めたいと思うことはありませんか？特に「囲み枠」を活用すれば重要な情報を目立たせたり記事の構成を分かりやすくしたりできます。今回ご紹介するのはChatGPTを使ったオリジナル囲み枠の作り方です！ChatGPTで簡単！アメブロ囲み枠の作り方囲み枠を作る前の疑問や不安ChatGPTでプログラムが書けると聞くけど精度が心配プログラミングの知識がなくても本当に作れるの？固定記事で囲み枠を試したけど、うまく表示できなかっ

フォントサイズを指定する単位「px」と「rem」についてWeb制作でフォントサイズを指定する際には、いくつかの単位がありますが、今回はpxとremについて初心者向けに分かりやすく説明します。私自身、以前はすべてpxで統一してフォントサイズを指定していました。しかし、あるときremの便利さを知り、「これを使えば簡単に管理できるじゃん！」と感動した経験があります。この記事では、pxとremの特徴や使い方の違いをまとめましたので、ぜひ参考にしてください！pxを使うメリットとデメリット

HTMLから入力データを得る、HTMLでデータを送る例出典：Manajob[マナジョブ]越境型IT学習サービスですwww.manajob.jp↑これはわかりやすいが、↓これのほうが実用的かつ論理的である。【Flask,Python】formタグの使い方|理系エンジニアによる雑記ブログ【Flask,Python】formタグの使い方|pythonフレームワークのFlaskにおけるformタグの使い方について解説しています。request.methodsの設定（POST、GET）や

"前回HTMLでアメブロ書く"やりました。でも、HTMLだけじゃなくJavaScriptも勉強したいんですよねー。いきなりJavaScriptをHTML内に埋め込む<script>～</script>タグをHTML表示で書いてプレビューしてみたよ。そしたら「禁止タグが使われている」とメッセージが出てプレビューもできないのね。だめだこりゃ。禁止タグにどんなものがあるかというと少し、ＪａｖａＳｃｒｉｐｔ入門を書籍などでかじっている私これらのタグが使えないって、なかなか全

基本的なアプローチは、スプレッドシートの現在の行数を特定し、その後に新しい行を追加することです。以下に、そのための簡単なスクリプトを示します。目次末尾に行を追加する(insertRowAfter)シート名を指定する末尾に行を追加する(appendRow)カスタムメニューを追加するまとめ末尾に行を追加する(insertRowAfter)スプレッドシートの最後に新しい行を追加します。functionaddRowToEnd(){varsheet=Spreadsh

スクロールして要素が画面内に入ったときに、ふわっと表示されるアニメーションを実装する方法について説明します。このアニメーションは、ユーザーの視覚的な興味を引くために多くのウェブサイトで利用されています。以下に、基本的な実装方法を紹介します。目次HTMLの準備CSSの設定CSSプロパティの詳細アニメーションの流れJavaScriptでスクロールイベントを設定JavaScriptコードの詳細まとめHTMLの準備まず、アニメーションさせたい要素にクラスを追加します。このクラスは

HTML画面をテキストベースで作るのは慣れていないと大変です。ボタンやテキストボックスをペタペタと張りながら画面イメージを作りたいと思いますが、ホームページビルダーとかはお金がかかるのでためらっていました。なんと、VisualStudioは個人利用なら無料で使えるみたいですね早速VisualStudioをダウンロードして使ってみました。少しカスタマイズが必要でした。①https://visualstudio.microsoft.com/ja/downloads/からダウ

MoonWolf（むーんうるふ）です。今回の記事は、これからプログラミングを始めてみたい人向けの記事です。コンピュータ・プログラミング言語と一言でいってもたくさんあります。コンパイル型言語：（最終成果：実行ファイル）C言語、C++、C#、Rust、Go、Lazarus(Pascal)[さららす]、Delphi(Pascal)[でるふぁい]インタープリター型言語：（プログラムコードを一行一行実行）Pytohn（ぱいそん）、Ruby、Perl、JavaScri

【学習に最適】天気予報をHTML・CSS・Javascriptだけで作る目次概要開発環境の準備HTML/CSSを作成する(前編)HTML/CSSを作成する(後編)Javascriptを使って天気の情報を取得する画像を使ってイイ感じのデザインにする【応用編】地域を変更できるようにしよう今回のタイトルは長編になるためシリーズ化します。第一回の今回は、何をやっていくか説明していますので、興味を持っていただいた方はブックマークするなりお願い致します。

RaspberryPiPicoWのWiFi機能はサンプルプログラムでチェックできました。PicoWでWebserverを動かし，wifi接続でPCやスマホからコントロールしたいので，まずは自分で分かる範囲の基本的なHTML（HyperTextMarkupLanguage）だけで，シンプルなのを試してみました。試行中の様子です。USBでプログラムを入れているので，wifiでwebからコントロールしているようには見えないですね(^^;;;Web上のコントロール画面です。クール

GAS（GoogleAppsScript）を使ってWebアプリを作成し、私共の会員サービスに利用しています。少し前から、そのWebページに挿入していた当団体のロゴマークが表示されなくなってしまいました。（下図）いろいろネット検索してみると、Googleドライブに格納した画像ファイルをWebページに差し込むURLの形式が変ったようです。おさらいも含めGoogleドライブに格納した画像ファイルのURLについて見てみましょう。画像ファイルを開いてそのURLを確認する

この一年プログラムってのを弄っているわけですが初めのころは作りたいものがあるがなにからやっていいものかって事で色々まよた。プログラムの最初の取っ掛かりなんだが結構何やっていいか悩んじゃうので僕のケースを伝えとこ。よく言われている事だけどある程度「やりたい事」を具体的にあげた方がいいね。例えば「ホームページを作りたい」だとか「こんなサービス」を作りたいだとか。それによって進むべき順路は大きく変わってくる。HTML&CSSとWeb

Googleドライブの動画をウェブページに埋め込む手順です。目次動画の準備動画のプレビューを開く新しいウィンドウで開く権限を変更する埋め込みコードを取得埋め込みコードをウェブページに貼り付けるまとめ動画の準備まず、Googleドライブに埋め込みたい動画をアップロードしておきます。Googleドライブにアクセスし、埋め込みたい動画を探します。動画のプレビューを開く動画を右クリックし、「アプリで開く」>「プレビュー」を選択します。新しいウィンドウで開

ホームページを自分で作成し編集するときに、HTMLファイルなどに使用する文字コードを「Shift-JIS」とするか「UTF-8」とするか迷いますね。文字コードは、コンピュータ上で扱う文字に与えられた番号のことで、全ての文字情報に対して数値を与えています。問題は、この文字コードがいくつもあって、正しくWebブラウザなどが認識しないと「文字化け」してしまうようなことが起きます。よく使用される代表的な文字コードは以下の4つでしょう：JISShift_JISEUC（EUC_JP）Uni

Webデザイナー目指して職業訓練校に通うめーぷるです！今日はjQueryの授業だったのですが、HTML/CSSでの重なり順が上手くいかなかったのできちんと理解しようと思います！！！！！長くなってしまったので、前編、後編でお送りします。Z-indexはみなさんご存知ではないでしょうか。CSSで設定すると重ね順を前面にしたり、背面にしたりできるプロパティですね！これが今回、うまく働かなかったのです。。。その理由は

●このメールの画像は非表示になっています。このメールは不審なメールまたは迷惑メールの可能性があります。まいどです。田渕です。「このメールの画像は非表示になっています。このメールは不審なメールまたは迷惑メールの可能性があります。」こんなメールが届いたら、危険でしょうか？迷惑メールでしょうか？実は、誰が、どんな内容で、どんな方法で出しているか？次第です。実は、このエラーメッセージは、Gmailで、メルマガを受信した時に表示されました。・私が望んで取ったメルマガ・いつも読んでいるメ

HTMLのみで4個のボタンを横並びのデザイン・HTMLコードみなさん、こんにちは。今日はHTMLのみを使用して4つのボタンを横並びにし、それぞれをページ内の異なるセクションにリンクする方法をご紹介します。さらに、各ボタンに異なる背景色を設定して、視覚的に区別しやすくします。それでは、早速見てみましょう。デザインButton1Button2Button3Button4HTMLコード<tablewidth="100%"><tr>