Web技術

JavaScript、PHP、Pythonを動かした時や、ターミナルに表示されたエラーメッセージなどをペーストするだけで原因を解説し、解決方法を教えてくれる「エラー相談室」というGPTsを作りました。よかったら使ってみてください。

レスポンシブWebデザインやスマートフォン対応のため、CSSは複雑で管理しにくいものになってきています。
そこで、効率よくCSSを管理できる「Sass」と「BEM」について動画で学べる講座を開催します。

X (Twitter)で、OGP画像が設定されたWebページの URLをツイート（ポスト）しても従来のようにページのタイトルや概要が表示されなくなり、OGP画像とドメイン名だけが表示されるようになりました。
そこでこの記事では、「閲覧者側」と「メディア運営者側」と「ツイート（ポスト）投稿者側」それぞれにできる対策をまとめました。

この講座は、HTMLやCSSの基礎を既に学んだ方を対象としたJavaScript入門講座です。

Web制作の基礎から学べる「Webコーディングスクール」は、これからWeb制作者になりたい方向けにスマートフォン対応のHTML・CSSコーディング手法やSass・JavaScriptの基礎などを学べる社会人向けのスクールです。

ChatGPT, Bing AI, Bardは大規模言語モデルと呼ばれ、一般的には「チャットAI」や「会話AI」などと呼ばれます。 これらは様々な調べごとや、ちょっとした作業をするのにも適してるということは既にご存じだと …

この記事では、比較的新しいCSSプロパティやCSSの機能を画像で分かりやすく解説しています。

Google Bardを試すなら、ぜひ試して頂きたいことが2つあります。
それは回答の右上に表示されている［他の回答案を表示］をクリックして別の回答案を見ることと、数時間前の情報についてまとめて解説してもらうことです。

この記事について この記事は、 Web制作の基礎から学べる「Webコーディングスクール」 などの資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサ …

「HTML5再入門」という「HTML5を学び直す」ための単発講座を無料で行います。
こちらは「HTMLを書いたことがある方」向けに、HTML5で文書をマークアップする際の基礎、特に「セクショニング・コンテンツ」についてお話しするものです。

ChatGPTを使用するとWeb制作で困ったときやプログラミングの勉強をしていて知らないことが出てきた時に素早く調べることができる…はずでした。 なぜ「できます」ではなく「できるはずでした」と記載しているのかと言うと、高 …

最近AIによる描画ソフトがかなり熱くなっており、その中でも特に「Stable Diffusion」はWeb制作者にとってもインパクトが大きく、使い方によっては制作の役に立つかもしれないと思っています。

以下の方を対象として「WordPressカスタマイズ講座」を開きます。
ご自宅で動画受講可能です。

・これからWordPressを始めたい方
・WordPressでオリジナルデザインのブログを作りたい方
・WordPressで中小企業サイトを作りたい方
・WordPressプラグインの使い方を知りたい方

デザイナー、コーダー、これからWordPressを始めたい方が知っておくべき
PHPの基礎を徹底学習」というテーマで「PHP徹底入門講座」を開きます。

Flexboxを使用すると、今までFloatで処理してきた横並びレイアウトはもちろん、親要素と子要素のプロパティを組み合わせてボックスとボックスの余白を調整することもできます。

三角形や矢印をWebページに取り入れる方法として、PNGやSVGなどの画像のほかにCSSを使う方法があります。この記事ではその実装例を紹介しています。

この記事は、コーディングを任された時に「どこから手をつけていけばいいのか分からない、もっと効率の良い方法を知りたい」という方のヒントになればと思います。

「メインビジュアルの見せ方がワンパターン化してきた」「CSSでちょっと凝った感じに見えるメインビジュアルを作ることができれば」など、シンプルなのにいつもより少し見栄えのするCSSで実現できるメインビジュアルを紹介します。

ここ数日、「MicrosoftがInternet Explorer 11のサポートを終了」というニュースが話題になっていましたが、誤解されている方も多いようですのでこの記事で解説します。 この記事はWeb制作者の方、およ …

「WordPress Android AppはAndroidのホーム画面にあるGoogle検索フォームのことである」と解説している記事が多いですが、どうも数が合わないと思って調べた結果、別の結論に至ったのでこの記事にまとめています。

1月15日にMicrosoft Edgeの正式版がリリースされました。 とはいえ、この記事を読んでいる方の中には「まだ使ったことがない」という方もいらっしゃると思います。 そこで、この記事ではWeb制作者向けの注意点と、 …

過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。

かなり悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにしました。

先日、Google検索結果でこのブログが表示されたときに「モバイルフレンドリーではありません」という表示が出ていることに気づきました。
この記事ではその対処法について解説しています。

なんとなく「黒い画面（ターミナル）のことを知らないとまずいんじゃないか…」と思っているけど勉強できていないという方に向けた勉強会を渋谷 Stocker.jp / Space にて開きます。
こちらの勉強会は無料です。

「プログラミングにちょっと興味はあるけど、いきなりプログラムを書く自信がない」という方のための、「プログラミングの考え方」を学ぶ超入門講座を開催します。2時間弱で無料です。

先日iMac 2019のレビュー記事に「Web制作にMacが適していると思っている理由は別の記事に書きます」と書いたところ結構反応があったため、この記事にまとめることにしました。

「HTML・CSSは分かるけどJavaScriptやjQueryがよく分からない」という方向けに、1日でJavaScriptやjQueryの基礎が分かる講座を開催します。

Web制作で以前から気になっていたことについて、Twitter の投票機能でアンケートを採ってみました。
アンケートの実施期間は2019年1月〜10月です。

「marginって適用されたりされなかったりとよく分からなくて何となく使っている。」そんな方もいるのではないでしょうか。
この記事では、marginの相殺についてどのような条件で起きるのか、また起きない条件や書き方について説明します。

「nth-child」と「nth-of-type」は、n番目の要素を指定したり、偶数番目など一定間隔の要素を指定することができる使いやすいCSSセレクタの擬似クラスです。
この記事では、基本から違いについて、そして組み合わせによる指定方法について説明していきます。

この記事は、「HTMLを書いたことがある方」や「Illustratorを使用したことがある方」向けにSVGの書き方の初歩を解説しています。

SVGは、Illustratorで制作する図形のようなベクトルグラフィック形式の一種です。そのためベクトルグラフィックを制作する際に一般的に気をつけなければいけないことは、SVGにも当てはまります。
この記事では、Illustrator CCを使用してSVGを書き出す際にやった方が良いこと、やらない方が良いことについてまとめています。

この記事は、まだまだPHP 5系でWordPressを使用している方が多いため注意喚起として書きました。
私は、WordPressを使用する場合はPHP 7系に切り替えるべきであると考えています。

Web制作で以前から気になっていたことについて、Twitter の投票機能でアンケートを取ってみました。
それぞれの項目について、解説も書いています。

EmmetとはHTML/CSSを省略記法で記述し展開することで、コーディングの効率を上げることができる入力補完ツールです。
この記事では基本的な使い方や設定について解説しています。