ワイヤーフレームの作り方|ホームページ制作で失敗しない設計の基本
ホームページ制作を進める際、「いきなりデザインから始める」というケースは少なくありません。 しかし、見た目から作り始めると、途中で構成が変わったり、必要な情報が抜けていたりして、結果的に大きな手戻りが発生します。 そこで重要になるのが「ワイヤーフレーム」です。 この記事では、ワイヤーフレームとは何か... 続きをみる
ホームページ制作を進める際、「いきなりデザインから始める」というケースは少なくありません。 しかし、見た目から作り始めると、途中で構成が変わったり、必要な情報が抜けていたりして、結果的に大きな手戻りが発生します。 そこで重要になるのが「ワイヤーフレーム」です。 この記事では、ワイヤーフレームとは何か... 続きをみる
ホームページを作ろうとすると、「独自ドメイン」という言葉を目にすることがあります。 しかし、 「独自ドメインって何?」 「ホームページを作るなら必要なの?」 「無料のホームページサービスではダメなの?」 このような疑問を持つ方も多いのではないでしょうか。 ホームページ制作やWeb集客を行ううえで、独... 続きをみる
「今さらプログラミングを勉強して意味があるの?」 最近はAIがコードを書いてくれる時代になりました。実際に「もう人間がプログラミングを覚える必要はないのでは?」という声も増えています。 数年前なら、「プログラミングは将来必須スキルになります」と言われていましたが、今は状況が少し変わってきています。 ... 続きをみる
「ホームページを作ればお客さんが来る」 そう思っている方は意外と多いかもしれません。 もちろんホームページはとても大切です。今の時代、お店や会社の顔とも言える存在です。 ですが、現実は少し違います。 ホームページは作っただけで勝手に人が集まるものではありません。 実際には、作ってからが本当のスタート... 続きをみる
「プログラミングを勉強しています」と言うと、なんだか難しいことをしているように聞こえるかもしれません。 コードを書いて、英語や数字が並んでいて、何か特別な知識が必要そうなイメージがありますよね。 ですが、プログラミングがやっていることを超シンプルに言うと、 「コンピューターにやってほしいことを順番に... 続きをみる
「プログラミングって難しそう…」 これから始めようとしている人の多くが、最初にそう感じます。 実際、「自分には向いていないかもしれない」と思って諦めてしまう人も少なくありません。 ですが、ここで一つ知っておいてほしいことがあります。 プログラミングそのものが特別難しいわけではありません。 難しいと言... 続きをみる
AIやロボット技術の急速な進化により、子どもたちが生きる未来では、「知識を覚える力」だけではなく、「自然現象を理解し、自分で考える力」がこれまで以上に重要になります。外交安全保障ですら宇宙を含めた自然科学技術が大きく影響を及ぼしています。。今回の夏季の理科実験では、『姿を変えるエネルギー』をテーマに... 続きをみる
ホームページやブログを作る中で、「h1タグはSEOに重要」とよく言われます。 ですが実際には、 h1タグを入れれば順位が上がるのか 複数あるとSEOに悪いのか デザイン重視で省略しても問題ないのか このあたりを正しく理解している人は意外と少ないです。 今回は、h1タグとSEOの関係について、実務目線... 続きをみる
「AIがコードを書く時代になったら、エンジニアはいらなくなる。」 ここ数年、この言葉を何度も見かけるようになりました。 実際、AIはかなりの速度で進化しています。 簡単なLP制作、CRUDアプリ、コード補完、バグ修正、デザイン生成。 数年前まで「人間にしかできない」と思われていたことが、今ではAIで... 続きをみる
米中が人型ロボットの開発を急速に進めています。最近のCES2026では、中国のSwitchBotが約22万円の家庭用ロボ「onero H1」を発表し、食器洗いや洗濯の一部をこなすと報じられました。米テスラ社も「Optimus」の量産を計画するなど、人型ロボットの実用化競争が激化しています。一方、AI... 続きをみる
近年、AI技術の進化によって「Web制作の仕事はなくなるのでは?」という声を耳にする機会が増えました。実際、AIを使えば簡単なデザイン案の作成やコード生成、文章作成まで自動化できる時代になっています。 しかし、結論から言えば、AI時代になってもWeb制作は不要にはなりません。ただし、その役割や求めら... 続きをみる
お久しぶりです。 記事の更新にかなりの間が空いてしまいすみません。 この休止期間でブログやゲームへの価値観がかなり変わったため、 ゲームとの向き合い方とこのブログの今後の展開について記事にしていこうと思います。 また、今までの記事では文態をです、ます調にしていましたが、 これからはだ、である調にして... 続きをみる
動画編集ソフトにはさまざまな種類がありますが、その中でもよく比較されるのが「Premiere Pro」「CapCut」「iMovie」です。それぞれ特徴や向いているユーザーが大きく異なるため、目的に応じて選ぶことが重要です。本記事では、それぞれの違いを分かりやすく解説していきます。 Premiere... 続きをみる
Web制作やフロントエンド開発を学び始めると、「jQuery」と「Javascript」という言葉がよく出てきます。似ているようで役割が異なるこの2つですが、違いを曖昧にしたままだと理解が浅くなり、成長が止まります。 ここでは表面的な違いではなく、本質的な違いを整理していきます。 Javascrip... 続きをみる
CSSで色を指定するとき、白なら #ffffff と #fff の2つの書き方があります。 結論から言うと、「基本は #fff でいい」です。 ただし、なんとなく短いからという理由だけで選ぶのは危険です。 ちゃんと仕組みと使い分けを理解しておくべきです。 そもそも何が違うのか この2つは完全に同じ色... 続きをみる
Microsoftが外部AIサービスから自社ツールへ切り替え😆!!。
例えばAndroidアプリを個人開発したとして、それをどう宣伝していくかというIT的考察
javascriptで使うdocumentってなに?
APIオーソライザーとは
なぜ最近は静的型付けが主流になりつつあるのですか?
Erlangの言語的特徴
遂に完成!!、ホワイト翁の夢ローカルPCで末娘ジェマちゃんが記憶を持ってお仕事も出来る感じ、上の姉達にも負けない箱庭の超賢いAI娘真に爆誕😄!!。
これからの開発フレームワークに求められる機能
【備忘録】product による多重ループ 〜 Python
QRコード生成ツール
【2026年版】副業おすすめ完全比較|AI時代に稼げる副業・消える副業を徹底分析
AIって機械語読めます?
Golangのフレームワークごとの個性
😱 え!?Claude CodeがProプランから消えた!?
DJangoで自作の404ページを表示する方法。
ホームページは「公開しているだけ」で終わりではありません。むしろ公開してからが本番です。セキュリティを軽視すると、改ざん・情報漏洩・SEO評価の低下など、事業に直結するリスクに繋がります。ここでは最低限押さえるべきポイントを整理します。 1. SSL(HTTPS)は必須 まず前提として、サイトは必ず... 続きをみる
Webサイトを運営していると、「SEO対策のためにブログを書いた方がいい」という話をよく聞くと思います。しかし、なぜブログを書くことがSEOに効果的なのかを正しく理解している人は意外と多くありません。ここでは、SEO対策とブログ投稿の関係について解説します。 検索エンジンは「情報量」を評価する Go... 続きをみる
Webサイト制作において、デザインやコーディングのスキルと同じくらい重要なのが「ヒアリング」です。 ヒアリングが甘いと、どれだけ技術力があっても成果の出ないサイトになります。 本記事では、Web制作において最低限ヒアリングすべき項目を、実務目線で整理します。 1. 目的は何か 最初に確認すべきは「こ... 続きをみる
Web制作やアプリ開発をしていると、必ず出てくるのが「commonフォルダ」という名前です。 なんとなく使っている人も多いですが、ここを曖昧にしたまま進めると、後から必ず破綻します。 この記事では、commonフォルダを使うべき場面・使ってはいけない場面を、実務視点で整理します。 commonフォル... 続きをみる
プログラミングを学び始めると、必ずと言っていいほど出てくる 「Git」と「GitHub」。 名前が似ているので混同されがちですが、役割はまったく別です。 この記事では、初心者の方でもイメージしやすいように、 GitとGitHubの違いを整理して説明します。 Gitとは? Gitは、ソースコードの変更... 続きをみる
LP(ランディングページ)は、商品やサービスを「知ってもらう」「理解してもらう」「行動してもらう」ために特化した1枚完結型のWebページです。 見た目がきれいなだけでは成果につながらず、情報の順番や構成、視線の流れが非常に重要になります。 この記事では、LPデザインを作るときの基本的な考え方と、成果... 続きをみる
React Native(リアクトネイティブ)とは、JavascriptとReactの知識を使って、スマホアプリを開発できるフレームワークです。 主に iOSアプリ(iPhone) と Androidアプリ を、ほぼ同じコードで同時に作れるのが最大の特徴です。 Webサイトではなく、App Stor... 続きをみる
ここ数年で、ChatGPTをはじめとしたAIが プログラミングの現場に一気に入り込んできました。 「もうエンジニアいらないのでは?」 「AIに全部書かせればいいじゃん」 そんな声も聞こえてきますが、 実際に使ってみると、得意なこと・不得意なことはかなりハッキリ分かれます。 この記事では、 プログラミ... 続きをみる
〜AIが「特別な存在」じゃなくなった1年〜 2025年のIT業界を一言で表すなら、 **「AIが“流行”から“前提”になった年」**でした。 数年前までは 「AIすごい」「ChatGPT使ってみた?」 という段階だったのが、2025年は完全に一段階進み、 AIを使っていないことの方が珍しい そんな空... 続きをみる
パソコンを選ぶときによく目にする 「256GB」「512GB」「1TB」 といった表記。 この GB(ギガバイト) は、パソコンにどれだけデータを保存できるかを表す単位です。 スマホでいう「容量」と同じ意味だと思ってOKです。 GBは何を保存する容量? GBは、パソコンの中に入れられる次のようなもの... 続きをみる
プログラミングの世界でよく使われる言葉に 「車輪の再発明(Reinventing the Wheel)」という表現があります。 これは、 すでに世の中に完成度の高い仕組み・ライブラリ・ツールが存在しているのに、 それを使わずに、同じものを一から作ってしまうこと を意味します。 現実世界で例えるなら、... 続きをみる
Web制作をしていると、必ずと言っていいほど出てくる width と max-width。 どちらも「横幅」を指定するプロパティですが、 実は使いどころと役割がまったく違います。 この記事では、 「結局どう違うの?」「どっちを使えばいいの?」 という疑問を、初心者にもわかるように解説します。 wid... 続きをみる
PR
—— なぜおすすめに出てくるの?再生数はどう決まるの?** YouTubeは毎日なんとなく触れているサービスですが、「どうやって動いているのか」を説明しようとすると意外と難しいものです。 今回は、専門用語はできるだけ抜きにして、ざっくり本質だけを分かりやすく解説します。 仕組みを知ると、動画づくりも... 続きをみる
プログラミングを“遊び感覚”で学べる神ツール 近年、子ども向けプログラミング教材として圧倒的な人気を誇る「Scratch(スクラッチ)」。 学校の授業でも採用されていて、「うちの子も家でやってる!」という声も本当に多いです。 でも、そもそも Scratch って何がそんなに子どもを惹きつけるのか、ご... 続きをみる
Web制作やプログラミングの話をしていると、 「バニラJavascriptで書く」 「これはバニラHTMLだけでいけます」 …こんな言い方を見かけることがありますよね。 この“バニラ(vanilla)”って、いったい何を意味しているのか? 実はこれ、「何も混じっていない素の状態」 を表す言葉です。 ... 続きをみる
近年、AI 技術の進化は目覚ましく、その中でも特に注目を集めているのが「Codex(コーデックス)」という技術です。名前は聞いたことがあるけれど、「結局何なの?」と感じている方も多いのではないでしょうか。この記事では、難しい専門用語をできるだけ使わず、今 Codex がなぜ話題になっているのか、そし... 続きをみる
このブログは JAVA入門記 なのだが、最近JAVAについて何もかいていない。 というのは、職業訓練で まだJAVAの学習に到達していないから。 現在は VBA を演習中。 VBA はちょっとは触ったことがあったので講義にはついていけている。 ただ、マクロベースで作ったVBAって 配列の概念が登場し... 続きをみる
はじめに フロントの世界は「昨日のベストプラクティスが今日の負債」になりがち。大事なのは“全部追う”ではなく“迷いなく取捨選択して継続する”ことです。この記事では、最小コストで最大の把握感を得るための情報源と運用ルーティンを、すぐ実践できる形でまとめます。 まず決めるべき3つの軸 守備範囲:例)HT... 続きをみる
結論から言うと、LP(ランディングページ)はスマホサイズだけでなく、パソコンサイズも作った方がいいです。理由はいくつかありますが、「ユーザー層」「表示の最適化」「信頼性」という3つの観点で見ていくと分かりやすいです。 1. ユーザーの閲覧環境はスマホだけではない 確かに、現在の日本ではLP閲覧の7〜... 続きをみる
デザインの世界では欠かせない存在である「Adobe Illustrator」と「Adobe Photoshop」。どちらもプロの現場で広く使われていますが、実は用途や得意分野が大きく異なります。ここでは、それぞれの特徴と使い分けのポイントを分かりやすく解説します。 ■ Illustratorとは I... 続きをみる
Javascriptを学び始めると、必ず出てくるのが「undefined」と「null」という2つの特殊な値です。どちらも「値が存在しない」ことを表しますが、意味や使われ方には明確な違いがあります。 1. undefinedとは **undefined(アンディファインド)**は、 「まだ値が定義さ... 続きをみる
近年、AI(人工知能)の発展は驚くほどのスピードで進んでいます。 ChatGPTをはじめとする生成AIや自動化ツールが登場したことで、これまで「人間にしかできない」と思われていた仕事の一部も、機械がこなせるようになってきました。 では、実際にどんな仕事がAIに奪われやすいのでしょうか。 1. 単純作... 続きをみる
Ruby(ルビー)は、日本人のまつもとゆきひろ氏(通称:Matz)が1995年に開発したプログラミング言語です。 「プログラマーが幸せになるための言語」をコンセプトに作られたRubyは、読みやすく、書きやすく、直感的に扱えることが大きな特徴です。 Rubyの特徴 Rubyの魅力は「シンプルで柔軟」な... 続きをみる
スマホ中心でランディングページ(LP)を作るとき、最初に迷いやすいのが「何pxでデザインすればいいの?」という問題。結論から言うと、基準幅は 375px を起点にしつつ、360 / 390 / 414px の許容差を頭に入れておくのが実務的に最も事故が少ないです。ここでは、モバイル前提でLPを作ると... 続きをみる
プログラミングを学んでいると、if (true) という書き方を見かけることがあります。普段の if 文は「ある条件が成り立つときだけ実行する」という使い方ですが、if (true) は一体どんな意味を持つのでしょうか? if 文の基本 if 文は「もし〜なら」という条件分岐の仕組みです。例えば「も... 続きをみる
プログラミングでよく出てくる arg は argument(アーギュメント) の略 です。 英語の「argument」は「議論」だけでなく**引数(関数に渡す値)**という意味があります。 読み方のポイント arg → アーグ と短く読む人もいます。 ただし本来の英語は argument(アーギュメ... 続きをみる
明日夫が出張から帰ってくるので、午前中はお仕事。午後は、部屋の片づけをしました。途中で、子供達をプログラミング教室に送ったりも。あ~忙しい...いつも夫がしていたので、今となって感謝。 ランチは、ダンキンドーナツ (Dunkin' Donuts)。私は、ここのコーヒーが好き♪ ランチというより、おや... 続きをみる
私たちが日常的に使っているシステムやアプリケーションには、外部からの不正な改ざんや悪用を防ぐ仕組みが組み込まれています。その中でも重要な概念のひとつが**「耐タンパ性(たいタンパせい)」**です。セキュリティやデータ保護の分野でよく使われる用語ですが、一般的にはあまり馴染みがないかもしれません。今回... 続きをみる
プログラミングの学習を始めると「C#」や「C言語」という名前をよく耳にします。どちらも「C」という文字が入っているため似ている印象を持たれがちですが、実際には大きく性質が異なる言語です。ここでは、C#とC言語の主な違いについて解説します。 開発された背景 C言語は1970年代にAT&Tベル研究所で開... 続きをみる
パソコンを使ううえで欠かせない入力機器といえば、キーボードとマウスです。現在は大きく分けて「有線タイプ」と「無線タイプ」があり、それぞれにメリットとデメリットがあります。本記事では、その違いを分かりやすく解説します。 1. 接続方法の違い 有線タイプ USBケーブルをパソコンに直接接続して使用します... 続きをみる
私たちが日常的に使っているパソコンやスマートフォンは、「ハードウェア」と「ソフトウェア」という2つの要素から成り立っています。どちらも欠かせない存在ですが、その役割や性質は大きく異なります。本記事では、その違いをわかりやすく解説します。 ハードウェアとは ハードウェアとは、目に見えて触れることができ... 続きをみる
SEO(検索エンジン最適化)は、大きく分けて 内部対策 と 外部対策 の2つに分類されます。両者は目的は同じですが、取り組む内容やアプローチが異なります。本記事では、その違いをわかりやすく解説します。 内部対策とは? 内部対策とは、自分のサイト内でできるSEO施策 のことです。検索エンジンが正しくサ... 続きをみる
CSSを使ってスタイルを指定していると、「なぜか思った通りにデザインが反映されない」という経験をしたことはありませんか? そのときによく登場するのが !important です。この記事では、!important の基本から、使いどころ・注意点まで解説します。 !important の役割 通常、C... 続きをみる
近年、AIを活用した開発支援ツールが注目を集めています。その中でも「Cursor」は、エンジニアの作業効率を大きく向上させる革新的なコードエディタです。ここでは、Cursorの主な特徴について解説します。 1. AIによる強力なコード補完 Cursorは、ChatGPTをベースとしたAIを搭載してお... 続きをみる
LP(ランディングページ)とは、商品やサービスを紹介し、訪問者の行動(購入・申し込み・問い合わせなど)を促すための縦長のWebページです。広告やSNSからの流入を受け、1ページで完結させるのが特徴です。ここでは、初心者でも作れるLP制作の流れを解説します。 1. 目的を明確にする まず「LPで何を達... 続きをみる
querySelectorとquerySelectorAllの使い分けについて Javascript で DOM 要素を取得する際によく使われるのが querySelector と querySelectorAll です。 どちらも CSS セレクタを使って要素を探しますが、取得できる数や返り値が異... 続きをみる
Meta Pixel(旧Facebook Pixel) は、Meta(旧Facebook)が提供する無料の解析ツールです。 ウェブサイトに専用のコードを埋め込むことで、訪問者の行動を計測・分析し、広告配信の精度を高めることができます。 広告を運用している方はもちろん、これから始める方にとっても重要な... 続きをみる
Webサイトやブログを運営していると、SEO対策として重要になるのが「ディスクリプション(meta description)」です。今回は、その適切な文字数について分かりやすく解説します。 ディスクリプションとは? ディスクリプションとは、検索結果に表示される「ページの説明文」のことです。検索エンジ... 続きをみる
ホームページやブログを作る際によく耳にする「WordPress」ですが、実は「WordPress.com」と「WordPress.org」の2種類があります。名前が似ているため混同されやすいのですが、仕組みや使い方が大きく異なります。 今回はその違いについて、初心者の方にもわかりやすく解説いたします... 続きをみる
今や誰でも手軽にネットショップを開設できる時代になりました。その中でも注目されているのが、無料で使えるネットショップ作成サービス「BASE(ベイス)」です。今回は、BASEの特徴やメリット、活用方法についてわかりやすくご紹介します。 BASEとは? BASEは、初心者でも簡単に自分のネットショップを... 続きをみる
WordPressは、ホームページ制作だけでなく、ブログやお知らせなどの投稿型コンテンツを簡単に管理・公開できる便利なCMS(コンテンツ管理システム)です。本記事では、WordPressで「ブログ投稿機能」や「お知らせ機能」を実装・運用する方法について、初心者にもわかりやすく解説します。 1. 「投... 続きをみる
日々の業務の中で、「同じ作業を何度も繰り返している」「ツール同士の連携が面倒」と感じたことはありませんか? そんなときに役立つのが、**ノーコードで業務の自動化ができる「n8n」**です。 今回は、n8nの特徴やできること、活用シーンについて初心者にもわかりやすくご紹介します。 n8nとは? n8n... 続きをみる
ビジネスサイトや店舗サイトを作るうえで、第一印象となる「デザイン」は非常に重要です。特に日本的な美しさや品格を求める場合、選ぶべきテーマは慎重に選定したいところ。そんな中で注目されているのが、TCDが提供するWordPressテーマ「LOTUS(TCD039)」です。 LOTUSとは? 「LOTUS... 続きをみる
UIとUXの違いとは? Webサイトやアプリの開発において、「UI」と「UX」という言葉をよく耳にする方も多いのではないでしょうか。どちらもユーザーにとって大切な要素ですが、それぞれの意味や役割は異なります。この記事では、UIとUXの違いについてわかりやすく解説します。 UI(ユーザーインターフェー... 続きをみる
Googleが提供する「GAS(Google Apps script)」をご存知ですか? GASは、Googleの各種サービス(スプレッドシート、Gmail、Googleフォームなど)を自動化・拡張できる強力なツールです。この記事では、GASとは何か、どんなことができるのか、初心者向けにわかりやすく... 続きをみる
WordPressテーマ「SWELL」は高機能で美しいデザインが特徴ですが、「ローカル環境で編集したい」「本番環境に影響を与えずにカスタマイズしたい」と感じたことはありませんか? この記事では、SWELLをローカル環境で編集する手順をわかりやすく解説します。 1. ローカル環境とは? ローカル環境と... 続きをみる
インターネット上でホームページを運用するうえで、「SSL化(常時SSL化)」は今や欠かせない要素となっています。 ではなぜ、SSL化がそれほど重要なのでしょうか? 本記事では、その理由とメリットについてわかりやすく解説いたします。 SSLとは? SSL(Secure Sockets Layer)とは... 続きをみる
近年、ChatGPTやGitHub CopilotなどのAIツールを用いてコードを書く開発スタイルが急速に普及しています。これらのツールは、プログラミングのスピードアップやアイデアの補完などにおいて大きな力を発揮しますが、利用にあたってはいくつかの注意点を理解しておく必要があります。 1. コードの... 続きをみる
WordPressでホームページやブログを作るとき、「もっと簡単にデザインを変更したい」「コードなしで見たまま編集したい」と感じたことはありませんか? そんなときに便利なのが、**Elementor(エレメンター)**というプラグインです。 Elementorとは? Elementorは、WordP... 続きをみる
WordPressでブログやサイトを作成する際、テーマ選びはとても重要です。その中でも多くのユーザーから支持されているのが、国内製の有料テーマ「SWELL(スウェル)」です。この記事では、SWELLの特徴やメリット、どんな方におすすめかをご紹介します。 SWELLの基本情報 SWELLは、開発者「了... 続きをみる
結論からお伝えすると、「ブログを書くことはSEO対策に非常に効果的」です。検索エンジンでの上位表示を目指す上で、ブログは重要な役割を果たします。では、なぜブログがSEO対策になるのでしょうか?その理由を分かりやすくご紹介します。 1. 定期的な更新で「サイトの鮮度」を保てる Googleをはじめとす... 続きをみる
IT業界や広告業界、建設、製造など、さまざまな分野で求められる「プロジェクトマネージャー(PM)」。名前はよく聞くけれど、実際にどんな仕事をしているのか、具体的にイメージしづらい方も多いかもしれません。 この記事では、プロジェクトマネージャーの役割や必要なスキル、やりがいなどをわかりやすく解説します... 続きをみる
Web制作を依頼・受託する際に「契約書を交わすのは面倒」「知り合いだから口約束で大丈夫」と思っていませんか? しかし、Web制作において契約書を交わさないことは、トラブルの原因になりやすく、最悪の場合、金銭的損害や信頼の喪失に繋がるリスクがあります。 今回は、Web制作において「絶対に契約書を交わす... 続きをみる
WordPressを使っていると、突然「管理画面にログインできない!」というトラブルに見舞われることがあります。そんなときに慌てず対応できるよう、原因別の対処法をご紹介します。 1. パスワードを忘れた場合 対処法: ログイン画面の「パスワードをお忘れですか?」リンクから、登録済みのメールアドレスに... 続きをみる
Xserver(エックスサーバー)では、1つのサーバー契約で複数のWebサイトを運営することが可能です。この記事では、「1つのXサーバーで2つのサイトを運営する方法」について、初心者の方にも分かりやすく解説します。 ✅ そもそも複数サイトは運営できるの? はい、できます。 Xサーバーでは、1契約で複... 続きをみる
「出勤・退勤を記録するアプリを自作してみたい」「勤怠管理を自社向けにカスタマイズしたい」──そんなときに悩むのが「どの言語で開発するのがベストか?」ということ。 今回は、出勤退勤アプリを作るためのおすすめのプログラミング言語や技術スタックについて、目的別に分かりやすく解説します。 ① Webブラウザ... 続きをみる
ホームページ制作を外注しようとしたとき、「どのように見積もりが出されるのか?」と疑問に思ったことはありませんか? この記事では、ホームページ制作の見積方法について、わかりやすくご紹介します。これから依頼を考えている方、または見積書の内訳が気になる方にとって、参考になれば幸いです。 1. 見積の基本構... 続きをみる
WebデザインやUI/UX設計の現場で広く使われているデザインツール「Figma(フィグマ)」は、その操作性や利便性の高さから、近年ますます注目を集めています。本記事では、Figmaの主な特徴や他のツールと比較した際の強みについてご紹介いたします。 1. クラウドベースで動作 Figmaはインストー... 続きをみる
ホームページ制作の案件を無事に受注できた後、「ここからが本番」です。スムーズな進行や信頼関係の構築、トラブルの回避のためにも、以下の点に注意しましょう。 1. 最初にやるべきこと:ヒアリングと契約書の確認 ・目的の明確化 クライアントが「なぜホームページを作りたいのか」を明確にしましょう。集客なのか... 続きをみる
WordPress(ワードプレス)は、世界中で最も使われているCMS(コンテンツ管理システム)です。ブログやホームページを作るツールとして有名ですが、実はそれ以上に多機能で柔軟性の高いプラットフォームです。この記事では、WordPressでできることを分かりやすくご紹介します。 1. ブログの作成・... 続きをみる
「ターミナルって聞いたことあるけど、何をするもの?」 そんな疑問を持っている方に向けて、この記事ではターミナルの基本や、どんなときに使うのかをご紹介します。 ターミナルとは? ターミナルとは、文字(コマンド)を使ってコンピュータを操作するためのツールです。 マウスでポチポチ操作するのではなく、キーボ... 続きをみる
IT業界で働くうえで、自分のスキルを証明する手段として国家資格の取得は非常に有効です。その中でも広く知られているのが「基本情報技術者試験」と「応用情報技術者試験」です。この記事では、これら2つの試験の違いについて分かりやすく解説します。 試験レベルと対象者の違い 基本情報技術者試験は、ITエンジニア... 続きをみる
近年、AI技術の進化により、プログラミングの世界にも大きな変化が訪れています。その中で注目を集めているのが**ClaudeCode(クロードコード)**です。この記事では、ClaudeCodeとは何か、その特徴や活用方法についてご紹介します。 ClaudeCodeとは? ClaudeCodeは、米国... 続きをみる
昨晩寝付かれないので、AIに問いかけた。 「educationを「教育」と訳した福沢諭吉は正しかったのでしょうか?」 すると 「福沢諭吉が「education」を「教育」と訳したことについては、議論があるようです。彼自身は「education」を「発育」と訳すべきだと考えていたという説もあります。福... 続きをみる
30分後までに魔王を倒すのを目標に、仲間のモジュールに装備させ攻撃やバフのノードを繋いでバトルを行いながら金策で装備や仲間を整えていくRPGです。 オンラインホワイトボードやノーコードプログラミングの操作感を、勇者と魔王の戦いというゲーム性のテーマで楽しめる作品です。 戦士や魔法使いに杖や弓を装備さ... 続きをみる
最近話題の「DeepSeek」は中国の開発者による独自の大規模言語モデルである。オープンAIなどの米国勢が進める大規模な学習モデルに対して、「DeepSeek」は異なるアプローチを採用した。 まず、答えが明確に定まっている数学の問題を大量に学習させ、論理的な思考能力をAIに身につけさせることを優先し... 続きをみる
こんにちは、コマおです。 今回は参加カテゴリーの変更の報告ブログです。 今後の方針としては、データパック作成はお休みさせていただきゲーム開発のブログを中心にやっていこうと思っています。 pythonやandroidのアプリ、m5stackを使った arduinoのゲームなどを考えています。 あまり頻... 続きをみる
最近N予備校のプログラミン入門Webアプリを始めました。 淡々と進めてはいたんですが、振り返ると言われたとおりに実装を進めるだけだったので、 あまり理解ができていない感じでした。 なのでアウトプットの目的もかねて備忘録を載せていきます。 htmlのBody句内に以下のscriptタグを記述を入れるこ... 続きをみる
「文系だからプログラミングは難しいんじゃないか…」という不安を感じている方、多いのではないでしょうか?確かに、プログラミングという言葉からは理系的なイメージが強く、数式や複雑なコードを書く技術が必要だと思いがちです。 しかし、結論から言うと、文系の方でもプログラミングは十分に習得可能です。そして、実... 続きをみる
今回は、初心者の方にも分かりやすいように、プログラミングで何ができるのかを具体的な例を挙げて説明します。 1. ウェブサイトやブログの作成 プログラミングの最も身近な例の一つが、ウェブサイトやブログの作成です。HTML、CSS、Javascriptなどの言語を使うことで、自分だけのホームページを作成... 続きをみる
Web制作に関心を持ち始めると、よく耳にする「Webエンジニア」と「Webデザイナー」という職種があります。 しかし、両者は何をしている人たちなのか、具体的にはどう違うのか、少しわかりにくいかもしれません。 この記事では、これら2つの職種の違いを分かりやすく解説します! 1. Webエンジニアの役割... 続きをみる
「プログラミング教育」という言葉が浸透してきている世の中で、小さいうちからプログラミングを習わせた方がいいかどうか という議論を耳にします。 プログラミングは習い事として習うとかなり高額なので、躊躇する気持ちも本当に分かります。 かといって家で教えようと思っても、親がプログラミングの知識がないとなか... 続きをみる
「これからプログラミングを勉強し始めるのに、Macなど新しいパソコンを買った方がいいですか?」というご質問を時々いただきます。 確かに、ここは気になる点だと思います。 結論、「最初からは買わなくても良くて、ちゃんと動くパソコンがあればそれを使えば良い」です。 MacであれWindowsであれ、新品で... 続きをみる
現在Tailwind CSSを学習しているので、人気の理由や特徴についてまとめます。 1. 人気の理由 迅速な開発:Tailwindはユーティリティファースト(utility-first)のCSSフレームワークで、事前に定義されたクラスを使ってスタイルを適用します。これにより、カスタムCSSを書く手... 続きをみる
Javascriptフレームワークの一つであるVue.jsは、近年非常に人気が高まっています。その理由は、他のフレームワークにはない魅力的な特徴を数多く備えているからです。 人気の秘密をまとめていきます。 1. 学習コストが低い Vue.jsは、他のフレームワークと比較して、学習コストが低い点が大き... 続きをみる
僕は、基本的にホームページはWordPressを使って作成しています。 WordPressでホームページを作るメリットを挙げてみたので、ぜひ参考にしてください。 1. 簡単に使える WordPressは初心者でも比較的簡単に扱えるため、専門知識がなくてもホームページの作成が可能です。ドラッグ&ドロッ... 続きをみる
プログラミングの知識が全くなく、0から学習を始める場合は 1.HTML・CSS 2.Javascript 3.php(WordPress) この順番で始めるのが良いと思います。 1.2.3の技術はwebサイトを作るときに必要な知識となっており、比較的簡単で暗記的な部分も多いので初心者にもとっつきやす... 続きをみる
経済産業省の報告によると、今後ますますITニーズは拡大していくにも関わらず、IT人材は不足すると予想されています。 ITニーズの拡大は皆さんも実感しているかと思いますが、自動運転や自動精算、キャッシュレスの普及やAIの普及など、私たちの周りの色んなところでITが関わっています。 その一方、それを管理... 続きをみる
私の先輩のエンジニアがいて、その人に「ホームページ制作は1ページあたり、平均いくらですか?」と聞きました。 その先輩曰く、「1ページ5000円から8000円が平均」とのことでした。 その先輩の平均ではなく、世間一般の平均がその金額だそうです。 もちろん、インスタ投稿を自動で反映させる機能をつけたり、... 続きをみる
ハニーポットの観測(T-Pot:2025/06/07~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/05/31~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/05/24~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/05/17~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/05/10~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/05/03~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/04/26~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/04/19~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/03/22~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/07/05~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/07/12~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/07/19~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/07/26~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/08/02~)Observation of Honeypot
ハニーポットの観測(T-Pot:2025/08)Observation of Honeypot