メインカテゴリーを選択しなおす
そろそろ介護帰省なので、新しくなったあいぽんに色々設定ついでに、移動時に環境設定をしてました。クライアントのサイトも、移動時に大事にならないように、見直しやバックアップをとったり…。結構スッキリした、ドラです。公開した記事、実は本音は別にあって…この3日ほどで、自分のサーバーだけでなく、クライアントのWordPressやサーバー周りをチェックと設定の更新をしておりました。その時、ちょーーーっと躓いたことが。そ...
結論からいうと、**かなり重要です。ただし「HTTPSをちゃんと運用できていること」が前提で、その上で“最後の抜け穴を塞ぐ安全装置”**という位置づけです。 --- ## ■ 何を防ぐのか（ここが核心） HSTSは、ブラウザに **「このサイトは絶対にHTTPで接続するな。常にHTTPSにしろ」** と記憶させる仕組みです。 これで何が防げるかというと、典型は**SSLストリッピング**です。 * ユーザーが `http://example.c…
【体験談】病棟看護師時代 vs フリーランス｜朝の気持ちがまるで違った話
病棟看護師時代は、朝起きるたびに「仕事に行きたくない」と感じていました。そんな私が、Web制作やオンライン業務を中心に働くようになって、朝の気持ちは大きく変わりました。Web制作をきっかけに働き方の選択肢を増やし、心に余裕ができた体験談・おすすめの方法をお伝えします。
SWELLはブログだけじゃない！企業サイト（コーポレートサイト）制作にもおすすめ！
私はこれまで、実際にSWELLを使って2つのコーポレートサイトを制作しました。個人ブログだけでなく、企業サイト制作でもSWELLを採用しています。その経験から、SWELLの魅力を、制作者目線でお伝えします。 コーポレートサイト制作でSWEL
【クリニック向け】国内WordPressテーマ11選｜安心感と集患につながるデザイン
クリニックの経営において、ホームページは患者さんとの大切な接点です。 診療内容や診療時間をわかりやすく伝えられるだけでなく、清潔感や信頼感を演出することで「このクリニックなら安心できる」と思ってもらえ
企業サイトにおすすめのTCD WordPressテーマ4選【2025年版】
企業サイトでは「信頼感」「ブランド力」「情報の整理」が求められます。 TCDのテーマは、業種や企業規模に合わせたデザイン設計がされているため、導入後すぐに完成度の高いコーポレートサイトを公開できます。
看護師でもWeb制作の副業はできる？忙しい中で感じたリアルな話【体験談】
看護師でもWeb制作の副業はできる？夜勤ありで実際にLPコーディング案件を受けた体験から感じたリアルを紹介。看護師副業のおすすめや、両立の難しさ、案件選びのポイントまでやさしく解説します。
看護師からWeb業界へ｜実際に働いて感じたギャップ7つ【体験談】
看護師からWeb業界へ働いてみて感じたリアルなギャップを体験談で解説。副業・転職に迷う看護師へ、フリーランスの働き方、人間関係、休みやすさ、納期のプレッシャーなどリアルな違いを紹介します。自分らしい働き方のヒントが見つかります。
WEB制作の副業って何するの？仕事内容を看護師目線でリアルに解説
WEB制作の副業って何するの？看護師の経験をもとに、仕事内容や種類、初心者の始め方のおすすめをやさしく解説。在宅でできる未経験向けの働き方も紹介します。
初心者的ノーコードWEBページ作成やってみる③(・ω・)WordPress
こんにちは。 webページ制作続きです。前回やったWordpress操作はかなり限定的で文字と画像を縦に入れていくだけってものだったので今回は横に並べるなどもう少しだけ他の操作もさわってみたいと思います。 前回の記事↓ 最初の注意書き この記事は初心者がやってみた、という日記です。間違いを言っている場合があります。 ページの編集画面で左上の「+」ボタンをクリックすると挿入できる項目が左側に表示されます。 すごいたくさんありますね(・∀・)画像を横に並べるには「ギャラリー」をつかうのかな？ 一旦前回の画像を消して、「ギャラリー」を選択して前回の画像を選択します。 既にアップロードしている画像を使…
初心者的ノーコードWEBページ作成やってみる②(・ω・)WordPress
こんにちは。 前々回にやったノーコードWEBページ作成（WordPress）のつづきをします。 前の記事↓ WordPressを導入して、管理画面をちらっと見たところまででした。今回はおそらく基礎中の基礎であろう下記操作をしてみたいと思います。 ページの表示 テーマ（ひな型）の選択 ヘッダー・フッターの設定 ブロック(画像、文字)の設置 HTMLの表示・編集 注意書きこの記事は初心者がやってみたというだけの日記です。間違ったことを言っている可能性があります。 ページの表示 前の記事では固定ページの編集画面を開きましたが、現在のページがどう表示されるのかは管理画面ホームの左上、サイトを表示ってと…
初心者的ノーコードWEBページ作成やってみる(・ω・)WordPress
こんにちは。 前回、前々回とサーバーを用意して自作(AI作)サイトを公開するっていうことをしました。HTMLを用意してアップロードする方法でしたが今回はノーコードでサイト作成するっていうことをやります。 ブログの方向性変わってる？あくまで目標はWEBアプリ・ゲーム開発です... (; ･`д･´) wordpressっていうツールを使うのですが、webサイト作成ならコレっていうくらい有名ですよね。今更かと思われそうですが自分としてはいよいよって感じです。ブログを始めたころにwordpressってワードを聞くようになって「ブログサイトで満足できなくなった猛者たちがカスタマイズ性を求めて移行してい…
とても良い質問です。 「**外部からアクセスできないDMZ**」というのは一見矛盾しているように見えますが、実際には設計の考え方次第で**実現可能**であり、セキュリティ上の意味もあります。 以下で、普通のDMZとの違いや安全性について、ネットワーク構成の観点から詳しく説明します。 --- ## 1. DMZとはそもそも何か DMZ（Demilitarized Zone：非武装地帯）とは、 > 外部ネットワーク（インターネット）と内部…
無料のレンタルサーバー使ってみる(∩´∀｀)∩(再) XREA【後編】
こんにちは。 レンタルサーバーを使ってみる続き。引き続きWEBマスターを目指しましょう。 前回、AIで生成したページを公開するってことをやりました(わざと凄そうに言ってます)。 今回は画像を差し込んだりホーム以外のページを設置したりしたいです。 まずは画像表示をやってみます。 サイトに画像を表示させるにはネット上のどこかしらに画像ファイルが置かれていないといけないのですが、同じサーバー上に置くのが基本となります。 前回index.htmlを置いた場所に画像保存用のフォルダを作成しましょう。 public_html内で新規ディレクトリボタンをクリック。 名前をimgとでもしてチェックボタンをクリ…
WebSocket（ウェブソケット）は、クライアントとサーバー間で双方向の通信を可能にする通信プロトコルです。通常のHTTP通信と異なり、一度接続を確立すると、双方向のリアルタイムな通信を行うことができます。 以下は、WebSocketの特徴と動作についての概要です： ### 特徴: 1. **双方向通信**: クライアントとサーバー間で双方向のリアルタイム通信が可能です。これにより、サーバーからのデータを待つことなく、クラ…
無料のレンタルサーバー使ってみる(∩´∀｀)∩(再) XREA【前編】
こんにちは。 最近PHPの基礎をやるって企画が続いておりましたが今回はいよいよサーバーを用意するってことをやります。いくらサイトやWEBアプリを作ったとしてもサーバーがなければ公開できませんからね。 しかしこのサーバーを用意するっていう最初のところが初心者にとって高いハードルになっている気がします。あるいは用意したはいいがどうやって使うのか…とか。私もいまいちわかってませんw 以前にも同じことをやりましたが当時使用したスターレンタルサーバーってところは昨年無料サービスを終了したようです。 ま、無料なんで突然の終了は十分あり得ることとして覚悟しておかないといけないですね(;^ω^) サイトのバッ…
看護師の副業にWebデザインはあり？未経験でも知っておきたい現実
看護師がWebデザイン副業を始めるなら知っておきたい現実を解説。未経験から仕事につなげる方法、需要がある理由、フリーランスや在宅につながるおすすめの方法を元看護師のはながまとめました。
看護師副業にWeb制作はおすすめ？元看護師フリーランスの1日【体験談】
看護師の副業にWeb制作はおすすめ？元病棟看護師フリーランスの私が、在宅での仕事内容や1日の流れを体験談で紹介。未経験からでもできた理由と、無理なく続けるコツをやさしく解説します。
【WEBアプリ開発】PHPさわってみる③ (・ω・) 文字列型とエスケープシーケンス
こんにちは。 こんな企画もありましたね。前回のPHPさわってみる企画はなんと2024年3月でした。 ちょうど本業の状況が変わって趣味活動の時間が取れなくなってきたころでした。あれ以来ほとんど勉強してなかったので少しずつでも進めたいと思います。 最初に注意書き。 この記事は初心者が学んでいる’日記’であって講座的なものではありません。間違った情報を含んでいる場合があります。 久しぶりなので趣旨を再確認しておくと、PHPでサーバーのデータを扱えるようになってWEBアプリやゲーム制作なんかに活用できたらいいね！って企画です。 今回のテーマは文字列型について。 変数やデータ型の概念についてはJavaS…
HTMLとCSSの疑似クラス・疑似要素の違いをやさしく完全理解する
HTMLとCSSを学び始めると、あるタイミングで多くの人が同じところで立ち止まります。それが 「疑似クラス」と「疑似要素の違い」 です。 こうした疑問を抱くのは、とても自然なことです。なぜなら、見た目が似ていて・名前も似 […]
──制作現場で求められる“思考・役割・スキル”をプロ視点で解説 Web制作の現場は、デザイナー・フロントエンド・バックエンド・マーケター・コンテンツ担当など、多様な専門職が関わる総合プロジェクトです。 その中でも近年、特 […]
とても良い質問です。 Pythonだけでも、外部フレームワーク（FlaskやDjangoなど）を使わずに**標準ライブラリだけでWebサーバを構築**できます。 ここでは、基本から本格的な実装まで段階的に説明します。 --- ## ① 最も簡単な方法（HTTPサーバを一瞬で建てる） Python標準ライブラリの `http.server` モジュールを使えば、 **1行でHTTPサーバ**を立ち上げられます。 ```bash python -m http.server 8000 ``` …
素材選びでデザインは決まる｜“伝わる図解”を作るためのイラスト・アイコン選定完全ガイド
目次 ◆ はじめに第1章｜なぜ素材選びが「デザインの成否」を決めるのか デザインとは“情報の翻訳作業” 認知負荷が一気に跳ね上がる第2章｜言葉を明確にイメージしよう（素材選びの核心） 「女性」と言っても何十種類もある イ […]
年に一度のご挨拶。年賀状印刷承ります。 喪中はがきはお早めに、どうぞ。 宛名書きも承ります。 WEBサイト制作…
jQueryで「ページトップへ戻るボタン」を作る手順｜Vanilla JSでの実装方法も解説
ページの下にスクロールすると ふわっと出てきて、クリックしたら上に戻れるボタン、Webサイトによくありますよね。今回はその仕組みを HTML / CSS / jQuery の3つで実装します。 （スクールさんではjQue […]
【記事】記事構成の基本と「伝わる文章の型」完全ガイド｜初心者ライター向け
文章を書くとき、「どうやって記事を組み立てればいいんだろう？」と悩む方はとても多いです。特に Web 記事は、読者がせっかちで、途中で離脱しやすい世界。だからこそ “読みやすくて伝わる構成“ が重要になります。 この記事 […]
ChatGPTで「欲しい答え」を確実に引き出すためのプロンプト完全ガイド
AIを使いこなす最大のコツは「質問の質」にあります。ChatGPTは高度な言語モデルですが、万能の読心術を持っているわけではありません。こちらの意図が曖昧なほど、返ってくる答えは表面的になり、深掘りや実務に使えるレベルへ […]
レイアウト・スタイル・設計の考え方まで一気に理解する Webサイトを作り始めると、「どんなデザインにすればいいの？」「種類が多すぎて分からない…」と迷う瞬間が必ず訪れます。けれど、基本となる仕組みや考え方を押さえておけば […]
AI生成ツールをSEOコンテンツ作成に活かす方法｜質とスピードを両立する戦略的活用法
目次 AI活用の前提：目的を明確にする【SEOコンテンツ制作の基本プロセス】AIプロンプト設計の基本：明確な指示が品質を決める✅ 良いプロンプト例🚫 悪いプロンプト例構成設計にAIを活かす：SERP分析の自動化 活用法の […]
LPIC-1対策にもなる、よく使う基本コマンドまとめ Linuxを触り始めると、必ずと言っていいほど登場するのが「黒い画面」――コマンドラインです。マウス操作に慣れていると最初はとっつきにくく感じますが、コマンドに慣れて […]
Web制作を始めたのは30代半ば。ほぼ独学で学び、現在はWebディレクターとして働いています。現場では直接制作する機会が減り、「自分で作る感覚」が少しずつ薄れて
Web制作やプログラミングをしていると「Base64（ベース64）」という言葉を必ず見かけます。画像を1行の文字列に変換したり、API通信で安全にデータを送ったりなど、幅広い場面で使われるとても重要なエンコード方式です。 […]
Web関連の規格と技術＋API基礎｜HTML5プロフェッショナル認定試験対策
Web制作を学ぶ上で避けて通れないのが、「Web関連の規格」や「セキュリティ」「画像形式」「通信の仕組み」などの基礎技術です。HTML5プロフェッショナル認定試験でも頻出する領域であり、実務でも確実に役立ちます。 この記 […]
http,htts以外のプロトコルでwebサイトは到達することはできますか？
いい質問です。 結論から言うと **「可能だが現実的にはほとんど HTTP/HTTPS が使われている」** という答えになります。 --- ### 1. Webサイトの「到達」とは？ 「Webサイト」と言うと通常は **ブラウザで表示できるページ** を指します。 ブラウザは基本的に **HTTP/HTTPS** を前提に作られているので、それ以外のプロトコルは標準では表示できません。 --- ### 2. HTTP/HTTPS 以外でアクセスできる例 *…
Core Web Vitalsを学び、ユーザー体験を向上させよう
Web制作の世界ではよく「パフォーマンスが大事」と言われます。 しかし、初めてWebサイトを作る人にとっては「パフォーマンスって何？」「どうやって改善するの？」と、漠然としたイメージに留まってしまいがちです。 この記事で […]
LPO（ランディングページ最適化）とは？｜デザインで成果を上げるための入門ガイド
Webデザイナーとして「見た目がきれいなサイトを作る」ことは大切ですが、クライアントが本当に求めているのは「成果の出るデザイン」です。 その成果を生み出すための仕組みが、LPO（Landing Page Optimiza […]
【完全版】Webデザイナーのためのマトリクスコード講座｜Canvas×JavaScriptで作るデジタル演出ガイド
映画『マトリックス』を象徴する“緑の雨（デジタルレイン）”。Webデザイナーやフロントエンド学習者なら、一度は「自分のサイトでも流してみたい！」と思ったことがあるのではないでしょうか。 本記事では、以下のコードを題材に、 […]
【初学者向け】コンテナクエリとメディアクエリの違いをやさしく解説｜これからのレスポンシブ設計の新常識
レスポンシブデザインは、Web制作における必須スキルになりました。その中心で長年使われてきたのが メディアクエリ（@media） ですが、近年は コンテナクエリ（@container） という新しい技術が登場し、Web業 […]
【受験レポ】HTML＆CSS技術認定試験に挑戦してわかった合格ポイントと学習のコツ（2025/11/13受験）
目次 はじめに1. 試験概要と受験背景2. 学習準備・勉強した内容 学習スケジュール 特に押さえたポイント3. 試験当日の流れ4. 試験中の気づき・攻略ヒント5. 合格に向けての私のまとめとアドバイス✔ 覚えておきたい知 […]
Webデザイナーが“まず押さえる”法律チェックリスト｜制作・運用で困らないために
目次 はじめに：スキルだけじゃない、“守る力”もデザインの一部1. デザイナーが関わる「知的財産権」の基本● 著作権 ― デザイン・写真・フォント・コードすべてが対象● 意匠権 ― 「見た目のデザイン」も保護される● 商 […]
Web制作における画像の基礎知識まとめ｜形式・配色・装飾・著作権まで
Webデザインを学び始めると、「JPEG・PNG・GIFの違いって？」「どんな配色が見やすいの？」と迷う人も多いですよね。この記事では、画像の形式・圧縮方法・配色・フォント・装飾・素材利用のマナーまで、初心者が押さえてお […]
Web制作者のための画像最適化講座｜Retina対応とsrcset（x記述子・w記述子）の正しい使い分け
スマホやタブレットでWebサイトを見ると、「画像がくっきりしてきれい」「でも時々ぼやけて見える」——この違いは Retinaディスプレイ と 画像解像度 に関係があります。 この記事では、Retinaディスプレイの仕組み […]
はい、無料で利用できるウェブ上のデータベースサービスはいくつかあります。以下はその一部です： ### 1. Firebase Realtime Database / Firestore FirebaseはGoogleが提供するモバイルおよびウェブアプリ向けの開発プラットフォームで、Firebase Realtime DatabaseやFirestoreといったリアルタイムのクラウドデータベースを提供しています。無料プランを利用できますが、制限があります。 ### 2. MongoDB Atlas MongoD…
HTMLフォームのパターンチェック完全ガイド｜pattern属性・正規表現・UX・アクセシビリティまで
目次 はじめに：なぜパターンチェックが“最後のひと押し”になるのかpattern属性の基本ルール よくある誤解よく使うパターンの実装例 郵便番号（ハイフン必須） 電話番号（ハイフン任意） 自社ドメイン限定メール 強固なパ […]
:root（ルート疑似クラス）完全ガイド：CSS設計の土台を強くする
目次 はじめに:rootとは？:root と html の違いなぜ :root に変数を置くのかカスタムプロパティの基本とフォールバックテーマ切り替え（ライト／ダーク）デザイントークンとスケールカラーを数式化するユーザー […]
URL正規化とは？SEO評価を守るための「URL統一」完全ガイド
目次 URLを統一する理由とは？リンクポピュラリティとは？分散しやすいURLの例URLを統一する方法（最新ベストプラクティス）✅ 1. 301リダイレクトを使う（最も確実）✅ 2. canonicalタグを使う（似たペー […]
このブログをアプリでフォローする
XXXさん
ブログをみる無料アプリ
ブログみるはブログ村の姉妹アプリです
