画面サイズに合わせて画像を切り替える！picture要素の使い方

2025年1月5日 タイヨウ デバイス（スマホ、タブレット、PC）のサイズに応じて画像を変える方法をご紹介します。 画像の切り替えは、htmlのpicture要素と …

レンタルサーバー（xserver）でPythonを実行してみる

2024年8月2日 タイヨウ レンタルサーバー（xserver）でPythonを動かしてみたので、その手順をまとめてみます。興味があれば参考にしてください。 サンプ …

HTMLでWindowsアプリが作れる！HTAでログアプリを作ってみた

2024年5月4日 タイヨウ HTAアプリケーションとは、ウェブ技術を使ってWindowsデスクトップアプリを作成できる方法です。 ウェブ制作をやったことのある人な …

初心者にもわかりやすい！テーブル要素で組む美しいレイアウト

2024年4月30日 タイヨウ 概要 ウェブ制作の初心者にとって、レイアウトの構築は難しい部分の1つです。 しかし、テーブル要素を使うことで、簡単かつ綺麗なレイアウ …

【竈門炭治郎】JavaScriptで市松模様を作ろう！

2024年4月18日 タイヨウ こんにちは！今日はとっても楽しいことをやってみましょう！ JavaScriptを使って、市松模様の柄を描くプログラムを作る方法を教えち …

HTMLが複雑になってきたらCSSで外枠をつけてみましょう

2023年4月13日 タイヨウ ウェブページ制作のTIPSです。 HTMLが入れ子構造で複雑になってきた場合は、要素にアウトラインをつけて、要素の形を可視化するとわかりや …

ウェブページの読み込みを早くするプログラムの組み方

2023年4月11日 タイヨウ APIから取得したデータを表示するウェブページにおいて、ページの読み込みを早くするためのJavaScriptプログラムの組み方を紹介します。 …

コンピュータはデータを0と1で処理している

2023年4月6日 タイヨウ コンピュータのデータ処理のしくみ ワープロソフトで「A」という文字を入力すると、当たり前ですが画面上には「A」と表示されます。 しかし実際には、コンピュータ内部では「010000 …

JavaScriptでウェブページに隠しコマンドを実装する方法

2023年4月4日 タイヨウ デモンストレーション まずはデモンストレーションです。 PCの方は、キーボードで「↑↑↓↓←→←→BA」と入力してみてくださ …

2進数を10進数にする変換する問題

2023年4月2日 タイヨウ 2進数を10進数に変換する問題 2進数を10進数に変換してみましょう。 入力して「採点」ボタンを押しましょう。 再度問題を出すには「問題作成」ボタンを押しましょう …

改行について

2023年3月18日 タイヨウ 改行はbrタグ 改行には「brタグ」が必要です。 たとえば、ブラウザに以下のように表示したい場合・・・ エディタでは以下のように書きます。 < …