HTML記法

<a href="#"> <form method="post"> <input type="hidden" name="test" value="1"> <input type="submit"> </form> </a> 例えば，上記のようなコードを書いた場合，送信ボタンが現れそのボタン以外の部分をクリックし別ページに遷移するとformで送信したい値（value）を送信できません． ※submitではなく，単なるhrefの遷移であるため． そのため，今回はaタグのhrefによる遷移とsubmitの操作を一緒に行えるようにしたいと思います． ただ，やることは簡単で，以下の様に書き直すだけです…

トップ下４つ記事を固定しているんですが ４つのうち３つがちゃんと表示されてないのを見つけましたｗｗ なにもやっているんでしょうかｗｗ せっかく他の記事も見てもらいやすいように調整したのに 肝心のリンクに飛べないって意味がなさすぎますね（笑） 今回はちゃんと確認もしたので大丈夫です！！ ラインナップはこれからちょこちょこいじって行きたいと思います（笑） 一旦これで落ち着きました！！ あとaboutページ！ 前回のやつもまあなしではなかったんですが… こんな感じに変更！！ 多少は見やすくなったような… 自己満の気もしますがｗｗ 一旦こんな感じで行きたいと思います！！ aboutページ編集の仕方は記…

フロントエンドチームの君田（きみた）です。 本日は半角英数が改行されない原因とその対処方法に関して書いていこうと思います。 要素の横幅は指定しているのに、半角英数がその要素のないに収まってくれない！という事象を今更ながら経験しました。 そんなときに少しでも役に立てれば嬉しいです。 なぜ半角英数は改行されないのか？ タイトルでは直面する状況がわかりやすいように書きましたが、「半角英数が改行されない」は実際は正しくないです。 正確には「長すぎる半角英数の単語がある場合に改行されずに要素幅を超えて表示されてしまう」ということが起こっています。 CSS では、非常に長い単語などの切れない文字列がある場…

Reactとは、JavaScriptのライブラリです。Webサイトのフロント（見た目）部分を作ることができ、近年、良く使われている人気のライブラリです。 JSX Reactは、JavaScriptで組みますがサイトに表示させる部分は、HTMLでコーディングします。 こちらのHTML部分をReactでは、JSXといいます。 例えば、以下のように入力します。 JSXは、return{}内に入力するHTMLのことです。 JSX こちらに入力した内容は、ブラウザに表示されます。 JSXの表示結果 JSXの注意点 JSXは、HTMLのように書きますが、HTMLとは違う部分があります。 ◎複数行ではエラー…

お久しぶりです。久しぶりの更新です。 今日は雨で肌寒い気候でした。 さて今日はhtmlとCSSの学習における自分の現状について書こうと思います。 基本ノーコードツールでHPを作成しているのですが、縁あって触れる機会を与えていただいています。いわゆるコーディングですね。というのも、参考になるページのレイアウト方法や色情報なんかをブラウザの検証ツールで調べる時にこのhtml言語が分からないと何のこと？ってなるので知っておくと便利ですね。 というか、理解が深まるので勉強しておいて損は無いと思います。 基本ホームページというのはパソコンに英文の言語を読み込ませてそれをパソコンや、ブラウザが認識して表示…

トラストバンク開発部・フロントエンドチームの君田（きみた）です。 本日はinputタグのpattern属性について書いていこうと思います。 フロントエンド開発をしていると、入力値の検証はどこかで実装する機会がある機能です。 そんなときに少しでも役に立てれば嬉しいです。 patern属性について pattern属性とはinput要素に正規表現を適用させることができる便利な属性です。 どんなinput要素にも指定できるわけではなく、以下のtype属性を指定した場合に有効になります。 text tel. email url password search 正規表現を設定することによって、入力欄が空文…

トラストバンク開発部・フロントエンドチームの君田（きみた）です。 本日はiOSにて入力フィールドをクリックした時に自動でズームされてしまう挙動を防ぐ方法を書いていこうと思います。 iOSでは入力フィールドの文字サイズ（font-size）が16px以下だとズームされる iOSの挙動では入力フィールドの文字サイズによって、少し画面がズームされます。 見出しにもあるとおり、具体的には16px以下の文字サイズを設定しているとクリック時にズームされます。 実際の挙動はこんな感じです。 （現状のふるさとチョイスでは以下の挙動は起こりません。疑似的にズームされるようにしています。） この挙動をそのまま保持…

#はじめにJekyllによる自動ビルドを使ってブログサイトを作った。自動ビルドだとサーバーサイドの処理機能が使えないなどのデメリットがあるが、色々インストールせずに、スマホだけで更新できるのは大きなメリットだ。またブログという形態も、サイトが完成してからも多くの更新を必要とする都合上、やはり手軽に運用できたほうがいい。 #Jekyllテーマ自分でウェブサイトを作っているのだから他人の嗜好に合わせる必要はない。今回はテーマは使わず、CSSやJavaScriptで制御する。 #リポジトリリポジトリは以下のような構造になる。 / (ルートディレクトリ)├── _config.yml├── index…

これからブログの作成・開設を検討している初心者の方に向けて、注意点や考慮すべきポイントを整理しました。 ブログ作成について調べると、無条件でWordPressを選ぶようにアドバイスされることが多い印象を受けました。 無計画に作成してから後悔しないように、最低限必要な考え事を整理しました。 これらの考え事一覧だけでも、全体像の把握や整理にお役立ちできると思います。 同じような立場にある方の参考になれば幸いです。 考え事一覧 目的 収益・・・金を集めたい 集客・・・人を集めたい 自己表現・・・人に伝えたい 記録・・・情報を残したい 能力向上・・・スキルを伸ばしたい 交流・・・コミュニケーションをし…