html

久々にHTMLコーディングの記事です。ちょっとした文字入力支援ツールを作ってみました。ほんのちょっとしたもので、表題の通り、あ行に濁点を付加するものです。見ていただいたほうが早いかと思うので下の画像を押下してください（別windowで開きます）。【使い方】操作方法を記しておきます。簡単ですよ。下の画像をご覧ください。①「変換したいテキスト」欄に、任意の文字、単語、文章を入力②「濁点を付ける」ボタンを押下③「変換後の結果」欄に、濁点を付与した結果が表示される④「コピー」

手順⑴〜⑷⑴レイアウトを再現したいリフロー型電子書籍（試し読みサンプル）を、Epuborなどで.epub形式で保存する（実際に書籍を購入する必要はない。試し読み部分で十分である）⑵Calibreで⑴の電子書籍を開き、「右クリック→書籍編集」をクリック⑶するとhtmlとcssのコードが現れるので、以下の２か所のコードをコピーする（画像は保存してAnkiのcollection.mediaへ）①レイアウトを再現したいページのhtml（今回ならcA7.xhtmlの部分）②「スタイル」欄に

Anti-PEGantibodiesindrugdelivery:FromoriginstomitigationstrategiesTDing,JFu,XZhao,HLu,CZhan-AdvancedDrugDeliveryReviews,2026AbstractPoly(ethyleneglycol)(PEG)isacornerstoneexcipientindrugdelivery,widelyusedtopro

JavaScriptの演算子を学ぶ今回は、JavaScriptで計算や比較、条件判定を行うために必要な「演算子」について学びました。演算子を理解することで、数値の計算だけでなく、条件に応じて処理を変える仕組みも作れるようになります。目次算術演算子比較演算子論理演算子今回の学習まとめ1.算術演算子算術演算子は、数値の計算を行うための演算子です。足し算や引き算など、基本的な四則演算に加えて、割り算の余りを求めることもできます。演算子意味計算例+足し算5+3=

JavaScriptの学習をスタート！基本と変数・データ型を理解するこれまでHTMLとCSSについて学習してきました。HTMLでWebページの構造を作り、CSSで見た目を整えることを学んできましたが、今回は新しくJavaScriptの学習を始めました。JavaScriptは、Webページに動きや機能を追加するためのプログラミング言語です。今回はJavaScriptの基本と、プログラミングの基礎となる変数・データ型について整理していきます。目次HTML・CSS・JavaScriptの役

今日は就労移行の在宅ワークと、定期面談の日。午前中はワークを集中して進めて、午後は面談。※Geminiで画像作成してます※今回は初めてGoogleMeetを使ってみたんだけど、画面越しにお話しするのってなんだか不思議な感じがする〜見慣れた部屋にいるのに、画面の中だけちょっと特別な空間というか。無事に終わってひと安心面談のあとは、お楽しみのおやつタイム。今日のおやつは、彼が絶賛していたお菓子。※Geminiで画像作成してます※食べてみたら甘すぎなくて、すごく美味しかった〜！少

秋が深まって、少しずつ冬の気配を感じるようになってきましたね。街を歩けば、木々の葉が色づいていたり、朝晩の空気がひんやりしていたり。秋の美しさを楽しみながらも、「そろそろ冬支度かな」と感じる季節です。こんな時期になると、ふと遠くへ出かけたくなることもありませんか？私がこの季節に思い浮かべるのは、秋から冬へと移り変わっていくニューヨークの街。レンガ造りの建物、並木道、カフェの窓からこぼれるあたたかな灯り。少し冷たい風の中をコートを着て歩く、そんな映画のワンシーンのような街並みに憧れ

======================================2026年10月30日(金曜日)7:44気温：29.2℃湿度：77%天候:晴れ☀======================================ここ2日間．．．きのう、おととい．．．と、運転疲れと慣れないベッド、枕で首や肩の凝り、痛み．．．、庭で騒ぐ犬、鶏の鳴き声．．．、加えて、爺に懐いてしまった座敷犬などなどで．．．、寝不足、不慣れな環境に疲れたようです。『更に

IntroductionIntoday'sdigitalworld,peopleneedquickandreliabletoolstocompleteeverydaytasks,managedata,andperformcalculationsefficiently.Toolzoneisanonlineplatformdesignedtomaketheseactivitieseasierforstudents,developer

この記事には一部、Amebaの健全なサイト運営にふさわしくない言葉・表現が含まれている可能性がある為アクセスすることができません。

IfyouarehuntingforareliableThemeForestthemesfreedownloadtotestabuild,launchaclientprototype,orcutsoftwareoverhead,youarenotalone.Everysingleday,tensofthousandsofWordPressdevelopers,freelancers,andsiteownerstype

HTML・CSSの学習内容を反復するためのフォーマット作り学んだ知識を、実際に使える知識へ。こんにちは！今回は、これまで学んできたHTML・CSSの知識を繰り返し復習するために、自分用のページ作成フォーマットを作りました。知識を覚えるだけで終わらせず、実際にコードを書いて使えるようにすることが目的です。目次フォーマットを作った理由作成したHTMLの基本構造各要素の役割今後の学習方針今回の気づき1.フォーマットを作った理由HTML・CSSを学習する中で、さまざまな要素やプ

ブログvol.157今日もありがとうございます。今日、新鮮な体験をしたのでそのことをブログにしようとアメブロの「ブログを書く」から入って直接、下書きを書いていた。考えて奮闘して約2時間投稿する前に確認するためにプレビューボタンを押したのにプレビュー画面が開かない。「HTMLで何か不備があるのかも？」そう思って画面をHTMLに切り替えてみたけど特にエラーになっている様子がない。そういえば投稿に差し障るエラーワードがある時は「HTMLを確認してください」的なメ

HTML&CSSLEARNINGNOTEHTML・CSS学習まとめiPhoneで学ぶWeb制作。HTMLの基礎からCSSのレイアウトまで、これまでの学習内容と関連記事をまとめました。こんにちは！これまで、iPhoneを使いながらHTMLとCSSの学習を続けてきました。HTMLの基本的なタグや属性から始まり、フォーム、表、情報の意味を表す要素などを学び、その後はCSSを使った文字の装飾やレイアウトにも取り組んでいます。この記事では、これまでの学習内容をテーマ別に整理し、関連する

こんにちは！今回は、CSSのレイアウト学習から一歩進んで、レスポンシブデザインについて学びました。スマートフォンやタブレット、パソコンなど、異なる画面サイズに対応するための技術です。これまで学んできたFlexboxなどのレイアウト技術とも関係するため、学習内容を振り返りながら整理していきます！目次レスポンシブデザインとは？ビューポートの設定メディアクエリで表示を切り替える幅の指定とFlexboxの活用今回の学習で気づいたこと1.レスポンシブデザインとは？レスポンシブデザイ

iPhoneでつくる・学ぶノートCSSのpositionとは？5つの配置方法と文書フローを学ぶWebページのレイアウトを自由に調整するために、要素の配置方法を学びました。こんにちは！今回は、CSSのpositionプロパティについて学びました。これまで、文字の装飾やボックスのサイズ調整、Flexboxを使った要素の配置などを学習してきました。今回はさらに一歩進んで、要素を特定の位置に配置したり、スクロールに合わせて固定したりする方法を整理していきます。実際に学んでみると、ページの見

WebサイトをシェアトップのCMSだから、みんな使っていて流行っているからと安易にWordPressにしたところが最近のセキュリティ対策の工数増加で苦労しているところが多いと聞きます。私も日々の攻撃の多さに疲れてWordPress(WP)をやめるのが手っ取り早いと考えて、レンタルサーバーで運用していたWPを閉鎖してHTMLべた書きの静的Webページに変換しました。今日はWordPressをやめる際に検討したこと、Webサイトの目的応じた対応例を記事にしました。↑画像はGoogleが開

こんにちは！しろねこりんです♪今回は、久しぶりにアメブロのデザインを大幅にリニューアルしてみました♪以前からブログのデザインを変えたいと思っていたので、今回は「CSS編集用デザイン」を使って、自分好みのブログを制作！◆今回のブログデザイン♪今回のテーマは「幻想的なアトリエ」。自分が好きなファンタジーの世界観を取り入れながら、明るくて優しい雰囲気のブログを目指しました。ヘッダーには、しろねこりんがデジタルアートを制作しているイラストを配置♪背景には、白いお花や青い蝶、幻想的なお城の

AIの進化がここ数ヶ月で人が想像している以上に進んでいる。いい側面と悪い側面両方あると思うが、最近はハッキングなどの悪い側面が注目を浴びるようになっていて便利になりすぎて逆にその部分をAIに利用されて今は個人情報を抜き取られたり、これから更に被害が広がりそうだけどなぁ。どんどんキャッシュレス化が進んでいるけど、今はまだ銀行はハッキングされて預金を盗まれるという事態にはなっていないけど、これもひょっとしたら近い将来起きるかもしれん。銀行は会社が潰れたりした場合1000万までは預金の保証

こんにちは！今回は、CSSのレイアウトを整えるための「Flexbox（フレックスボックス）」について学びました。これまで、display:block;やdisplay:inline;など、要素の表示方法を学んできました。今回はさらに一歩進んで、複数の要素を横方向や縦方向に配置したり、間隔や位置を調整したりする方法を整理していきます。目次Flexboxとは？display:flexの役割justify-contentとalign-itemsgapで間隔を調整する

2000年代初頭、女性オタクの中にはHTML/CSSを手打ちして個人サイトを作る人もいたが、その審美眼が今やAIの利便性を前に溶けている印象があるホンマにガチでコレ真理だと断言したい。2000年代初頭、女性オタク層はみんなメモ帳でHTML/CSSを手打ちして個人サイトを作っていた。あの情熱とスキルが当時「仕事」として評価されていれば、日本のIT人手不足はかなりマシだったはず。でも悲しいのは、当時テーブルレイアウトやCSSと格闘していた元・職人たちほど、今やAIに「サイト作って」と丸投げして

こんにちは！今回は、CSSのdisplayプロパティについて学びました。これまで、文字の装飾や背景、枠線、余白など、Webページの見た目を調整する方法を学んできました。しかし、要素の並び方やサイズの扱いを理解していないと、余白を設定しても思いどおりのレイアウトにならないことがあります。そこで今回は、要素の表示形式を変更する「display」プロパティについて整理していきます！目次displayプロパティとは？4つの表示形式表示形式の違いを比較表示形式と余白の関係今回の学習で感

たくさんの方に囲み枠をお使いいただいて「囲み枠を選ぶのに迷っちゃって」「色選びも悩みます」そんなメッセージをよくいただきます。ブログを見やすく、きれいに整える囲み枠をもっと簡単にお使いいただけたら…。ずっと考えていました。そして、ついに新しいサービス「BlogStylingKit」が完成！専用エディターに文章を入力したら囲み枠ごとまとめてコピーしてAmebloに貼り付けるだけ。HTMLやコードが苦手な方でも簡単にお使いいただけます。

今、問題になってる、phpの問題ですが、phpは、主にサーバー側のプログラム言語で、HTMLなのど、ユーザーのブラウザーのプログラム言語とは、違って、サーバーなので、色んなサーバーを扱ってる、企業等がターゲットになってるんですね。

WordPressでブログを書いていると、思いがけないことが起こります。昨日まで普通に使えていたのに、今日はログインできない。いつも左側にあったメニューが消えてしまった。パスワードを入れても、なぜか先に進めない。こんなことが起こると、本当に困りますよね。私もWordPressを使っていますが、ちょっとしたことで戸惑うことがあります。特に初心者にとっては、専門用語ばかりの説明を読んでも、なかなか理解できません。そこで、困ったときに自分で確認できるように、解決の手順を一つのノートにまと

世界中が大騒動のPHP問題とは一体何のこと？？15％の人たちは「PHP」と聞けば・・・思い浮かべるのは「PHP出版」ですよねえ。現在、深刻な問題になっているのは・・・そもそも「PHP」って？？プログラムする際に使用する「言語」のことですね。2000年代初頭に、パソコンでウェブページを作っていた人が「HTML」に書き込んでいたプログラムそのもののようです。「どこで改行する」とか「この

CSSLEARNINGNOTECSSで余白とサイズを整えるボックスモデルを理解して、見やすいレイアウトを作る。目次ボックスモデルとは？4つの要素の役割box-sizingの使い方margin:0autoの使い方今回の気づきまとめ1.ボックスモデルとは？CSSでは、HTMLの要素を箱のようなものとして考えます。この仕組みを「ボックスモデル」といいます。要素の大きさや余白を調整することで、読みやすく整ったレイアウトを作ることができます。2.4つの要素の役割ma

アメブロまでおかしくなってる？書いた記事がなぜか6万文字、超えてます！とかエラーでまくり。なんでやねん、そんなに書くわけないやん。HTMLがバグってる。プログラム言語しらないからもう、いいわ。PHPって、何？？この騒動はどゆこと？とSEの夫に聞いた時の会話がなるほど、と思ったのでシェアしようとしたんですが、出来ませんでした！！なんでもかんでもめちゃくちゃよ。娘が言いました。悪いAIと賢いAIの戦いがくるね。ターミネーターの世界やね。あーーこわ。。。お弁当に梅

朝から閲覧できなくなっていた事務所ホームページ（ＨＰ）が、午後になってようやく復旧し、閲覧できるようになったようです。話題になっている「ＰＨＰ」というプログラミング言語及び処理系の「重大な脆弱性」への対応で、個人のサイトに関しても修正の作業が実施されたことが、今回の原因のようです。もっとも、脆弱性があるのなら、修正を施さなければ、アクセスした閲覧者の側にも累が及びかねないわけで、これはかえってありがたい、と思った方が正しいのかもしれません。昔にＨＰの記述にはＨＴＭＬ

【PHP】立憲・公明・中道が党公式サイトを一時停止1：nita★：2026/10/22(木)14:40:05.83ID:fIBZU4Jo9.net10/22(木)12:32配信毎日新聞立憲民主党は22日までに、プログラム言語「PHP」にシステムの重大な欠陥に当たる脆弱（ぜいじゃく）性が見つかった問題を受け、党の公式ホームページを一時停止した。「安全性を確認でき次第、再開する」としている。公明党と中道改革連合も、党の公式ページをそれぞれ一時停止した。【樋口淳也】https