HTML

バリバリの理系人間である私は昔からいろいろなコンピュウタアに触れながら、プログラミングなどいろいろと学びました。ホームページを作るためにhtmlも学びました。個人的なホームページでアフィリエイトをしてみたかったというのもあります。もう一つは吉村学園のホームページを作って生徒さんたちにお知らせを書いたりしていました。また医師国家試験のときは勉強ページを作り仲間内で使って貰ったりもしていました。perlとかJavaScriptとかcgiなんてのもこういうときに興味を持ち

【障害者クリエイターズバンク求人紹介】正社員の募集です!株式会社アビリブ事業内容：Webサイト制作、Webシステム開発、Webコンサルティング、Webマーケティング、ECサイト制作・運用、動画映像制作、自社クラウドサービス開発・提供、DTP等新事業も続々展開業務内容：WebデザイナーWebサイト制作に関するデザイン制作・構築・サイト運用など制作業務全般をお任せします。スキルに応じお客様との折衝、制作前の現地取材・打ち合わせを行っていただいくこともあります。Webディ

職業訓練の課題で作ったポートフォリオです。一週間の作業とあって、構成やどうしたいか、何を見せたいか？を練らずに作ってしまいましたーあせっ未完成ですがよければどうぞホームページどうしたいか、って大事ですね。何にも浮かばない場合、こんなにぼんやりするなんて(笑)未完成の中途半端さ..Dreamweaverを使ってhtml、css、jQuery、JavaScriptを使って書きました。写真やイラストは自前で、フォトショップを使って素材としました。そして、これからどうしたらいいのかと

日付を入力するコンポーネントは、jQueryのDatepickerを使います。Datepickerは、標準的なフォーム入力フィールド（<inputtype="text">）と関連付けられています。入力にフォーカスを合わせると（クリックするか、タブキーを使う）、小さなオーバーレイにインタラクティブなカレンダーが表示されます。日付を選択し、ページ上の他の場所をクリックするか、Escキーを押して閉じます。日付が選択されると、入力の値としてフィードバックが表示されます。Da

hoverの時に画像がふわっと拡大する方法【本日実装したいこと】hoverの時に画像がふわっと拡大させたい！その実装方法は２種類あります。①imgタグで画像を表示する場合<divclass="ImgBox"><imgsrc="画像のパス"class="ImgBox-Img"></div>.ImgBox{width:280px;height:200px;overflow:hidden;}.ImgBox-Img{

Googleスプレッドシートでローカルにファイルをダウンロードしたい場合があると思います。たくさんの方が手法を共有されているのですが、ファイル名を指定してダウンロードしたい時に、ずばりそのものが書いてあるサイトがなかったので手法共有です。スプッドシートにボタンを設置してクリックすると、アクティブなスプレッドシートのシート名で入力内容を自動でローカルダウンロードします。GoogleAppsScript:.gs側getFileName()でファイル名を作成して返却している。f

こんにちは！WEBデザイナー目指して転職活動中のめーぷるです！WEBデザイナーの転職に必須のポートフォリオ。今回、ワードプレスを使ってポートフォリオサイトを作成しましたのでブログにも記録しておきます。URL：http://me-puru.pupu.jp/portfolio/こちらになりますワードプレスをまともに触ったのは初めてだったので、（授業でローカルで構築したり記事を投稿したりはしたのですが）カテゴリーとメ

『高校数学A:場合の数の問題を解く-直接法と間接法の選択』例題：サイコロが3つあります。それらを振って出た目の数の積が４の倍数になるのは何通りありますか？考察：直接法と間接法（余事象を利用）のどちらが効率的かは…ameblo.jp解答場合分けの数や計算量を考慮して、余事象の場合で考えます。以下省略して、答えのみとします。答え１３５通りさて、問題を変えて、より一般化した形で考えてみたい

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

今回のお題：チャットの文字の色こんにちは。夢ある魔術師フェイです。チャンネルチャット欄で、色が他と異なるメッセージを見たことはないですか？今回は「チャットの文字に色を付ける方法」を簡単に解説します。この記事を読めば、どなたでも、文字に色を付けてメッセージを発信する方法を習得できます。※PCでの操作がおすすめですが、アプリ版でも同じことができます。元素騎士を楽しく遊べる工夫として解説しましたので、興味があれば、試してみてください

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

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

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

画像を縦に並べていくとブログがどんどん長くなってしまうし、たくさん貼ると画像が見にくくなってしまうなので、横にも並べてぱっと見た時に全体を見やすくしたいって思いましたネットで検索して私がみつけたのは、画像の横幅を調整して並べる方法HTMLで並べる方法です。CSSも使えればもっとやりやすそうですが、私の選んだブログのデザインではCSSはいじることができないので、今回はその方法は使えません。私が調べたことをはてなブログにまとめました。【アメブロ

2023年の後半に世界大会がデンマークで行われます。世界大会の出場者を決める大事なFNCSメジャー3の詳細と出場者についてまとめます！大会概要メジャー3ウィークメジャー3サージウィークメジャー3グランドファイナル決勝進出者結果大会概要シーズン3で行われるのはメジャー3です。毎シーズンごとにメジャーが1つずつグランドファイナルまで行われます。その中でメジャー3の日程と詳細を記載します。ウィーク17月20日〜23日ウィーク27月27日〜30日ウィーク38月3日

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

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

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

まず、onsubmit属性とはform要素に記述し、送信ボタンを押したとき（submit）に起動するスクリプトを指定するイベント属性（イベントハンドラ）です。起動するスクリプトは、属性値に"return関数名()"と書きます。"true"を返せばフォームのアクションを実行し、"false"なら実行を中止します。onsubmitイベントでsubmitを中断するユースケースフォーム送信時にJavaScriptで入力値をチェックし、未入力や不正な入力項目があるフォー

選挙の街宣車やら何やらに殺意を覚えながら、このブログを書いています。とくに立憲民主党がひどくうるさいです。日本共産党は、この間、怒ったからまだまし？にはなったけど、まだうるさいようにも思います。静けさは権利です。前回までのあらすじPythonとElectronを使って、GUIアプリを作る方法を調べていたら、tauriという、もっと早い実行速度でGUIを作れるものを見つけました。tauriとは？Electronの代理を目指した、Rustというプログラム言語で作られたElectron

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

2023年はBCLラジオ、ネットワーク環境刷新、液晶モニター関係など、自身にとっては高額な物をAmazonで購入した。今年に入って節約を決意したが、妻の手芸用品、母へのプレゼント、少額だが多数のBCLラジオ関係の用品を購入している。総計だと、興味があり生産中止が噂されるBCLラジオが買えたかもしれない。主にアンテナ関係だから背に腹を代えられない。TECSUNS-8800日本正規代理店FM/LW/MW/SW/PLLBCL短波ラジオ高感度高性能混信除去BCL上級者向けハイ

WordPressで電話番号をクリック可能なリンクに設定することは、ユーザーがその番号を直接スマートフォンから呼び出すことができるため、非常に便利です。以下の手順で電話番号をクリック可能なリンクに設定する方法を示します：WordPressエディタを開きます:まず、WordPressのダッシュボードにログインして、ページや投稿を編集するエディタを開きます。テキストを挿入します:電話番号を書き入れたい場所にカーソルを移動させます。例えば「012-3456-7890」という電話番号を入れたい

HTMLのmainタグとdivタグの違い「サイトの構成は以下のようにするとソースコードの可読性が上がるよ〜😆と聴いたけど〜他のプログラミングのサイトを拝見すると「mainタグ」を使わず「divタグ」を使っているサイトが多いな～mainタグを使用しなくても大丈夫？？？なのか🤔？・・・mainタグは1回しか使用できないけどdivは多用できるイメージしかなく、どのようなときにmainタグやdivタグを使うのか？いい見分け方？捉え方はあるのかしら？HTMLにおいて、mainタグと

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

擬似要素の画像サイズを変更するbeforeやafterはwidth指定をしても変更されません。.〇〇:before{content:url(../img/〇〇.png);display:inline-block;width:100px;height:100px;}【本日実装したいこと】擬似要素の画像サイズを変更したいその実装方法は背景画像として表示させれば変更可能になります！サルワカさんのサイトから使わせても

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

前回「WebページはShift-JIS、UTF-8どちらが良い？」記事で、WebページのHTML、CSSファイルなどを新規に作成するなら「UTF-8」文字コードにしましょう、ということをお話しました。強制力は弱いですが、HTML5では「UTF-8」が推奨されていますので、特にこだわりが無ければ「UTF-8」とすると良いでしょう。それでも、以前に作成したファイルが「Shift-JIS」で書かれていたら、それを「UTF-8」にしたくなることもあると思います。お使いのテキストエディタに文字

2023.05.18複数のセキュリティ問題に対応このマイナーリリースでは、コアの20のバグの修正とブロックエディターの10のバグの修正が行われています。セキュリティ対応を含むリリースのため、ブランチ6.2をお使いの場合は直ぐにアップデートをお勧めします。また、セキュリティ対応は、ブランチ6.1は6.1.2へなど、ブランチ4.1以降にも適用されています。目次緊急アップデート➡6.2.2複数のセキュリティ問題に対応メンテナンスコアの20のバグの修正ブロックエディターの1