HTML

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

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

反逆のロックスター「ミカボシ」の謎このシリーズは、日本神話で唯一の星の神にして、実在した古代人・アマツミカボシ（天津甕星）と、日本建国史の謎を究明することを使命とする!!目次【反逆のロックスター「ミカボシ」の謎】①日本書紀に封殺された「悪神」の正体！！【反逆のロックスター「ミカボシ」の謎】②宿敵・タケハヅチの正体と忌部氏の最終兵器【反逆のロックスター「ミカボシ」の謎】③東国の覇者と常陸王朝の都・大甕の秘密【反逆のロックスター「ミカボシ」の謎】④大和出雲族の貴公子と中島連の伝説の祖【

おすすめクーポン敷いて寝るだけ今回のAmebaレッスンは魔法の記事内ヘッダーを付けて読む前から世界観を表現♡を受講しました。講師は「はやみずしょうこ」さんしょうこさんのブログを見るとわかると思いますがパッと見てブログの世界観を表現されてます新潟県以外はなんだかわからない不思議ちゃんって言われる（実話）私のバナーとは違いますCSSをバリバリ使ったブログカスタマイズが素晴らしいです！うわさのハロウィンコスプレでご登壇♪背景もハロウィン仕様だっ

『今日からHTMLの授業始まりました』昨日は初めてHMTLの授業を受けました日曜の夜はいつも通り眠れず🥱最初は眠いなーと思いながら聞いてましたが入力し始めると…ちょっと聞き逃したら？？？となる内容…ameblo.jp月曜はHTMLの授業でした今日はなんかもう何やってるやら全くついていけてなくて…仲良くなった人からこのYouTube分かりやすいよと教えてもらったYouTubeを見ましたそうするとHTMLとCSSでは何が書かれてるのかどうかいてるのか？が少し理解出来ましたそして、自分の

さて前の投稿で紹介したPowerAppsのコントロールの一つRichtextEditorこれの操作方法をリッチテキストエディターの使い方コントロールの配置はいつも通りです。今回は試しに、お隣にテキスト入力の画面を配置準備したRichTextEditorで入力したHTMLを表示するようにRichTextEditor1.HtmlTextと設定しておきましょう。プレビューで実行してリッチテキストエディタに入力リンクなどを設定してみましょう。なんとテキスト入力の表示には

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

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

題名を見て何のことやらと思われたかた、これですあいうえおちょっと前まで（今日まで）、これを単純に<divstyle="width:350px;height:110px;font-size:0.8em;-ms-overflow-y:scroll;"><tablebgcolor="#9999ff"border="1"height="110"width="330"><tbody><tr><td>ここにテーブルの中身が入る</td></tr>

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

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

CSSでは、回り込みや数値指定により段組みをレイアウトすることができます。今回は、floatプロパティ（回り込み）を使って基本的な２段組を作成します。CSSでレイアウトを指定する前にあらかじめHTMLコード内のコンテンツをブロックごとに分割しておきます。２段組構成のレイアウトfloatプロパティによる回り込み指定で、段組レイアウトが可能です。２段組レイアウトを作成する方法として、各ブロックコンテンツの左右にfloatプロパティの回り込み指定でレイアウトする場合と片方だけを回り込み指定しても

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

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

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

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

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

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

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

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

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

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

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

今日のアメブロカスタマイズは記事を書くときにコピペだけで使えるdivの囲み枠のデザインをご紹介します！目立たせたい場所や見出し、お知らせ、サイドバーなどにお使いください。どのテンプレートをご使用中でも使えます。以下サンプルから使用したい囲み枠を選んでHTML編集囲み枠コードをコピーしてお使いください。初心者Tips!-----------------------コピペする場合は必ずブログ記事を『HTML表示』編集にして貼り付けてくださいね。-------

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

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

開発環境:Windows10PrechromeAmeba開発言語：htmlcss要素の非表示はCSSに「display:none」を指定することで実現します。これを使う場面はあまり思いつきませんが、レスポンシブルhtmlを書く場合は、よく使われているようです。スマホ用には、@mediascreenand(max-width:460px){.none{display:none}}スマホAndタブレット用@mediaonlyscreen

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

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

誰でもできるクリスタカラーコード設定方法COLORDESIGNカラー別配色デザインブックAmazon（アマゾン）#clipstudiopaint#colorchord#HTMLカラーコード#WEB色#illustration#design#art#クリスタ使い方#クリスタ機能#クリスタ操作方法#color(サンプルコードDL特典付き)できるポケットWeb制作必携HTML&CSS全事典改