ホームページ制作系 FileZilla（ファイルジラ）をインストールして、fc2サーバーと接続してみよう
ホームページが完成したら、サーバーにアップロード。授業では fc2 のホームページを使わせてもらってるんですけど、FTP接続は教科書的には「FileZilla（ファイルジラ）」なので、補足をこちらにメモしておきます。今回、本家サイトからダウ...
ホームページ制作系
ホームページ制作系 
ホームページ制作系 HTMLで作成したサイトに、Instagramのタイムラインを表示したい
このブログはワードプレスですけど、普通にHTMLとCSSでサイト制作したとして、インスタグラムのタイムラインを表示したいんだよね、ということはあるかもしれないので、やってみた。閲覧数がそんなになければ（月に表示回数200回まで）Elfsig...
ホームページ制作系 GPTs×Geminiで”ノーコードアプリ”を作ってみた話
▼ 元ネタはこちらGPTs×Geminiで"ノーコードアプリ"を10分で！悩まないための「コピペ10秒」アプリ作成GPTs✨｜Horo（鈴木和浩）このブログの動画にあるように、ほんとにサクッと。アプリそのものは完成！！その後がね、これはどう...
ホームページ制作系 VSコードで「html:5」を入れると「lang=”en”」になってしまう
生徒さんから質問があって、Visual Studio Code（VSコード）で「html:5」と入力し、HTMLのひな型を出したときに「lang="en"」になってしまう。デフォルトで「lang="ja"」にしたい。これ、我が家のVSコード...
ホームページ制作系 エックスサーバーに、特定のフォルダだけを使えるFTPユーザーを追加してみた
５月２２日から始まるコースがあるんよ。今回、Webの先生が新しく来てくれた。その先生が、今までの「まとめサイト」をもとに、今回からつくってくれるとの申し出。それはよかったのだけど通常はこのブログ（さ〇〇サーバー）の直下に、生徒さんしか見れな...
ホームページ制作系 丸い 画像の リンクボタン の周りを、文字が くるくる 回転し続けるもの を作りたい
いろんな作り方があるので、参考にしてください。↓こんなやつです。画像はリンクボタンになっています。↓データ見たい人はこちらからダウンロードしてくださいワードプレスはSVGアップできないので、このページの見本はpngですが、できるならSVGの...
ホームページ制作系 Googleフォントを使ってみる
ちなみに、このページの表示のみ、全てGoogleフォントにしてみました。いかがでしょうか。↓では、使い方です↓ へ行きます。リンク用のコードをコピーするときは、ブラウザの表示を英語にします。（日本語のままだと使えないコードになるので注意）H...
ホームページ制作系 ChatGPT GPT-4o に 図をもとに ゲームを作ってもらったｗ
ChatGPT GPT-4o（オムニっていうんだってね） 賢すぎてびっくり！！図から要素をくみ取って、制作までしてくれるなんて、なんて賢いんだろう。先日、私のAIの先生、鈴木さんに「こんなことできるよー」って教えてもらったので鈴木さんの書い...
ホームページ制作系 練習用に無料サーバーXREAにワードプレスを入れてみる
授業で無料サーバーを使うんですけど、頼りにしていた「エックスフリー」が「シン・クラウド for Free」になって、好評すぎて申し込みをしばらく停止しているというではありませんか！あらー（－－；）・・・仕方ないので、XREAの無料版にしてみ...
ホームページ制作系 Googleフォームを使ってみる
Googleフォームを使ってみましょう。▼フォームを作りたいGoogleアカウントにログイン（複数アカウントがあるので今回は追加でログインしています）▼フォームを作りたいGoogleアカウントにログイン▼ログインしたら下に▼フォームにいきま...