HTML

sectionとarticleの違いをわかりやすく解説！HTML5では、セマンティック（HTMLのタグを正しく使い分けること）なタグが多く導入され、コードの意味をより明確に記述できるようになりました。その中でも<section>と<article>は特に混同しやすい要素です。この記事では、この2つのタグの違いや正しい使い方について詳しく解説します。正直divで全て書けばいいじゃん・・・って思いますよね。sectionとやart

もらいでー１１月向け提出分の動画のフル尺（約２０分）です。１面＋２面前回はこちら。『ゲーム試作品／もらいでー１０月』もらいでー１０月向け提出分の動画です。前回はこちら。『カッコ良さの追求／もらいでー９月』もらいでー９月向け提出分の動画です。いざ本番となると「3倍に希釈し…ameblo.jp今回、はじめて「勇者ユウの世直し旅」と言ってます。タイトル名、腹括りました。これで行きます。編集メモ２０分から２分切り出さねば・・・１面の助っ人。探索パートでは、絵が差し変

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

まあ、生まれつき嫌な性格な人って居ますよね。トップバッターは勿論、匿名希望。本人ですが(笑)今日、兎に角、私の話の腰を折りまくって、昔の方がネットに繋げる方法が難しかったとか、匿名希望。の知識はもう古いとか（←どのコンピューター言語を学んでいるのか教えていないので知らない。）勉強しても今更とか、時代に追いつくのは大変だからこれから頑張れとか、なんか、どうしても自分の方がオツムの出来が良いんだと主張してくる人が居まして、「別に流行り廃りの無い言語。」と言っているのに「流行り廃りの無い言語な

HTMLで遊ぼ①二重の影こういう文字にするとめっちゃ読みにくいでしょ？サイケデリックって表現合ってるのかなあただの乱視かもねー②つかず離れず影ていうかストーカー？③グラデーション虹色を表現したいんやけど赤、橙、黄、緑、青、藍、紫で合ってる？文字の位置が人それぞれ違うから微妙やなあ123456789012345678901234567890123456789012345678901234567890④文字が白かったら①影なし影がないと

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

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

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

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

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

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

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

CSSにおいて、疑似要素::beforeと::afterは、要素の内容の前後にコンテンツを追加するために使用されます。これらの疑似要素の重なり順序については、通常、次のようになります。目次疑似要素の重なり順序具体的な例親要素.boxの相対的な位置に配置する::beforeと::afterを重ね合わせる::afterを::beforeの下に配置するスタッキングコンテキスト疑似要素の前面に要素が表示されないまとめ疑似要素の重なり順序::before疑似要

アメブロでおススメなリブログ機能♡初心者の方にもわかるように画像付きで丁寧に使い方をご紹介します！この記事で分かることリブログとはリブログのメリットリブログする方法複製した記事へのリブログ沢山の記事をリブログをする方法リブログとは自分のブログで他の記事を紹介する時にボタンひとつで記事を作成できその記事を書いたアメブロユーザーにも「リブログされました」という通知がいくブログ記事の引用投稿機能です♡■IT用語辞典での意味気に入

はてなブログではJavaScriptが使えるのでJavaScriptでミニゲームを作ってみました。下記のリンクをクリックまたは検索すればアクセス出来ます。ぜひ挑戦してみて下さい。スタートをクリックすると赤い丸🔴がランダムに動きますのでそれをクリックすると点数が増えます。制限時間は30秒です。ちなみに僕の最高点数は48点でした。↓このURLリンクをクリックまたは検索してみて下さい。僕はアメブロではmk0586だけど、はてなブログではMK002を名乗っています。https://mk002.

僕は、このブログとは別に同名のホームページを運営しているのですが、そのホームページを編集するのに使っているソフトがあるのでそれを紹介しますそのソフトの名前は、アドビのDreamweaverCS6というソフトです。もう10年以上前に買ったソフトを今もホームページ編集用として使用してます。（たまにしか使わないので）以前に書いたマウスの記事で紹介した自作パソコンで動いてます。『BuffaloのBluetoothマウス買いました』今でもサブ機としてがんばって動いてくれている、昔作った自作パソコ

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

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

大阪へ行ってきました。ヲタ活なので一切は省略しますが、とりあえず心に残ったところだけ。（大証の前、五代友厚さん？）しっかりしろ史学科雨の御堂筋とか言われても知りませんです（赤信号なのに「とまれ」と書かれた阪神高速の入り口）大阪の人ってそんなにルール守らないのかしら？夕食は「うなぎ」です（これは美味しい！）***話を本題（そもそもそれに意味はない）に。←また？IT屋さんに勤務していたパパに教えられたので、基本知識としてブログを含むホームページ・サイトの類はHTM

最近、LINEの公式アカウントを取得する方が、増えてきました。今回は、LINEの友達登録ボタンをアメブロに貼る方法をお伝えします。まずこちらにアクセスして、LINEのビジネスアカウントを取得します。LINE公式アカウント開設の流れビジネスアカウントでログインします。「友達を増やす」をクリック「SNSやメールで宣伝する」という項目の右側の「コピー」ボタンを押すと、URLを、コピーすることができます。コピーしたURLのリンク

今日はたまには母を連れ出さないとなーと思いイオンモールのブラックフライデーにでも行く？と言ってはみたものの今朝は天気は爽快だけども身体が動かなかった毎日わからない授業を必死でやってるから脳みそもメンタルも本当に疲れてるのは事実友達から『アウトドア用品見に行こうよう！帰りにお茶でもして！』ってLINE来ててゆる系の友達だからすごい行きたかったけど『今日は調子悪いからごめんね』と断ったこういう日があるんだよこういう日は無理をしない

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

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

今日は、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

DownloadOrReadPDFTheArtandMakingofHogwartsLegacy:ExploringtheUnwrittenWizardingWorldFreeFullPagesOnlineWithAudiobookOverviewTheArtandMakingofHogwartsLegacy:ExploringtheUnwrittenWizardingWorldWallStreetJournal

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

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

Progate:Html&css（Flexbox編）CSSを使ったレイアウト方法の1つであるFlexboxを学ぼう。学習する内容はFlexboxのたくさんあるプロパティの中でも、特によく利用されるものになる。要素を横並びにしようdisplay:flex;で指定した要素の子要素を横並びにするindex.html<ulclass=“flex-list”><li>アイテム1</li><li>アイテム2</li><li>アイテム3