HTMLサイトを無料レンタルサーバーのXREAで公開する方法｜XREAとコアサーバーの使い方
公開：2020年5月12日 自作したホームページを無料レンタルサーバーの XREA を使って、ネットで公開しよう！ ウェブサイトはHTML（ウェブサイトを表現するための言語）で作ることができます。基本的な書き方はかんたんです。初心者の方ならまず書店や図書館へ行ってご自身で読みやすいHTML入門書を探して読んでみることから始めましょう。 できるだけやさしそうな本から始めるのが挫折しないコツです！ ウェブサイトを公開するには、ウェブサイトのデータを用意して、そのデータを置いておくサーバーと、インターネットで公開するためのドメインが必要です。 ウェブサイトのデータを準備 この記事のために、以下のサンプルデータを準備しました。これらのデータを XREA サーバーへアップロードしてウェブサイトとして公開する手順を説明していきます（公開したウェブサイト）。 index.html css（ディレクトリ）
formのinputのエリアを広げたい！HTMLの勉強｜Programmer Life
Javascriptの勉強を始てformタグとinputタグを使うようになりました。 HTML上でシンプルに<input>タグを書くと以下のように表示されます。 何も考えずに使っていましたが、inputのテキストエリアを画面に合わせて調整したい状況になりHTMLにスタイルを適用させる方法をすっかり忘れていたので、書き方をまとめてみました。 参考サイト：－HTMLタグリファレンス (新しいタブで開く)”><INPUT type=”text”>－HTMLタグリファレンス HTMLにスタイルを適用させる 以下が例となります。 実際に表示させてみると下のように表示されます。 解説 size = “” inputでサイズを指定するのは、sizeを使うらしい。 けれどブラウザによってサイズが異なるようでクセがありそうです。 style=”” style属性を書くことができます。 上記の例ではsizeは
JavaScriptによる位置情報の取得を簡単に解説（geolocation）
更新日: 2018年8月30日公開日: 2018年8月24日JavaScriptによる位置情報の取得を簡単に解説（geolocation） Webブラウザのgeolocationオブジェクトを使うと、JavaScriptで現在位置（緯度／経度／高度と移動中なら速度／方向）を取得することができます。特にスマートフォン向けサイトでは、利用者の現在地を元に情報提供を行いたい場合もあるかと思いますので、位置情報を取得する流れを確認しておきましょう。 位置情報を取得するgetCurrentPosition() geolocationで位置情報を取得するには、getCurrentPosition()を呼び出して取得する方法と自動的に取得（位置情報を監視）し続ける方法があります。まずは、getCurrentPosition()で現在位置を取得してみましょう。 位置情報の取得には時間がかかることがあるので
CSSフレックスボックス(display:flex)の使い方 [無料ホームページ作成クラウドサービス まめわざ]
HTMLのレイアウト方法で最も新しいフレキシブルボックスをまめわざでも利用しています。 手軽に並列レイアウトができるスタイルですが、他の並列レイアウトとの使い分けはどうすべきか、flexにしかできない表現はあるのかを、実例を挙げながら解説します。
![CSSフレックスボックス(display:flex)の使い方 [無料ホームページ作成クラウドサービス まめわざ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6fd81d279134a62bc4badc391345ceb7051e7ee5/height=288;version=1;width=512/https%3A%2F%2Fmamewaza.com%2Fimg%2F1466995529664s.jpg)
remを使ってCSSの文字サイズ指定 | パソコン工房 NEXMAG
rem（レム）はCSSにおけるhtmlタグの文字サイズを基準とする相対的な文字サイズ指定の単位で、親要素の影響を受けないため個々の要素のサイズ設定を把握しやすく、htmlタグの文字サイズ設定を変更することでサイト全体の文字サイズ調整を行うことも可能です。 今回はレスポンシブサイトの構築やウェブアクセシビリティへの対応時にも有効な「rem」を用いた文字サイズ指定についてご説明します。 文字サイズ指定の単位rem（レム）とは rem（レム）は「root em」の略で、名前のとおり「最上位階層の『em（エム）』」を意味します。 （emは活字で用いられていた大文字「M」の大きさを基準に１文字分の大きさを表す単位） remはCSS3から利用可能になり、最上位のHTML要素である「HTML」の文字サイズを基準とした相対値で文字サイズを規定するため、親要素の指定の影響を受ける「%（パーセント）」や「em
ヘッダーのCSSを書く | GRAYCODE HTML&CSS
今回はヘッダーのCSS（スタイルシート）を書いていきます。 この記事のポイント ヘッダーをデザイン案と同じ表示になるように整える floatプロパティを使ってレイアウトを調整する ヘッダーのCSSをコーディングする 前回はリセットCSS「reset.css」と、フォントの指定を「style.css」に書いてきました。 ここまではCSSをコーディングする前準備でした。 今回はヘッダー部分のCSSを作成していきます。 ヘッダーとフッターはトップページ以外のページでも表示するため、1度コーディングしたら全てのページで使うことができます。 もしCSSについての基礎を復習したい方は「CSS（スタイルシート）の基礎」をご覧ください。 ヘッダーの幅と左右の余白を設定する まずはヘッダーの横幅と余白、そして背景色を指定していきます。 ヘッダーの横幅と左右の余白 左右の余白を自動で均一にするために、ここで新
【初心者向け】HTMLとは？何が作れる、学ぶ意味があるのかを徹底解説！ | Skilled Magazine | Vue.js オフィシャルパートナー
キャリア2020.06.162021.02.18Yuki 【初心者向け】HTMLとは？何が作れる、学ぶ意味があるのかを徹底解説！ WEBプログラミングを学ぶ入り口としてほとんどの人が最初に学習するといわれるのが『HTML』です。 しかし、プログラミングを勉強したばかりの方は 『HTMLの意味が分からない』 『HTMLを覚えて出来ることはなに？』 など難しく感じているのではないでしょうか。 今回はそんなプログラミング初心者の方に『HTMLとは？』『HTMLを学ぶメリット』などについて分かりやすく解説していきます。 HTMLとは『Hyper Text Markup Language（ハイパーテキスト・マークアップ・ランゲージ）』の頭文字をとった略称で、ウェブページを作成するために開発されたマークアップ言語です。 普段あなたがChromeやsafariなどのブラウザで目にしているWebページは全
急がば回ってみる 自作ツール作成のすすめ~ nodeを使ったHTMLデータ収集ツール ~
誰も怒らないなら、ダイレクトお鍋（鍋から直接料理を食べてしまう）をしてしまう コーダー兼ズボラの小宮山です。 今回は自作ツールの紹介とその記録です。 玄人感はないので、あしからずご了承ください。 ご指摘のポイントたくさんあるかとは思いますが、楽しく作ったんだと感じてもらえれば嬉しいです。 ※すぐにツールを使いたい方は、こちらのアンカーリンクから読んでください。 ある日ふいにきたミッション きっかけの２択 ある日の忙しい１日ことです。 「40ページくらいサイト内の情報をページごとにエクセルデータにまとめたい」 というミッションを部内のディレクターから託されました。 ズボラな僕は、この作業がコンパクトに終わる最善の方法を考えはじめます。 そこで、最初に、Webでいろいろと検索し、すでに有益な情報をあげてくださっているみなさんのお力を借りることに。 情報をまとめてエクセルで出すツールはないだろう
JavaScriptでselectオブジェクトの値（value）を取得する方法を現役エンジニアが解説【初心者向け】
初心者向けにJavaScriptでselectオブジェクトの値（value）を取得する方法について現役エンジニアが解説しています。selectタグはフォームの部品で、JavaScriptで要素オブジェクトを取得すると選択項目の値を取得することが出来ます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 JavaScriptでselectオブジェクトの値（value）を取得する方法についてテックアカデミーのメンター（現役エンジニア）が解説しま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSで要素を左寄せ・中央寄せ・右寄せする方法
はてなブックマークボタンの作成・設置について