CSSBootstrapの使い方 2022年3月8日 タイヨウ マック屋のウェブ開発 Bootstrapとは Bootstrapは、CSSを簡単に実装できるフレームワークです。 通常、CSSでスタイルを指定する時は、2つの作業が必要です。 HTMLにcla …
JavaScriptPokeAPIで「クイズゲーム」を作る 2022年3月2日 タイヨウ マック屋のウェブ開発 PokeAPIを使って、ポケモンのクイズゲームを作ってみました。 キャラクターのシルエット画像をランダムに表示して「何のポケモンか答えてもらう」クイズアプリです。 ぜひ …
PHPMySQLとPHPで画像を表示する方法 2022年2月22日 タイヨウ マック屋のウェブ開発 画像の表示は、Webアプリ制作に無くてはならない重要な要素です。 そこで今回は、データベースを使って画像を表示する方法(PHP)をまとめてみました。 たくさんの画像を使 …
HTMLselect、optionタグの時短テクニック【JavaScriptで連番生成】 2022年2月21日 タイヨウ マック屋のウェブ開発 optionタグを手打ちすることなく、連番を自動生成するスクリプトを作りました。 HTMLとJavaScriptの「for」を組み合わせた …
CSS【CSSのみ】ページ内リンクをスムーズにスクロールさせる 2022年2月20日 タイヨウ マック屋のウェブ開発 今日は、ページ内リンクをスムーズにスクロールさせます。 CSSだけで実装できるので手軽に使えます。 挙動は下記のサンプルをお試しくだ …
JavaScriptフォーム自動入力プログラムでIPO申し込みをハックする 2021年8月28日 タイヨウ マック屋のウェブ開発 この記事では、ウェブサイトの入力フォームに「あらかじめ決めておいた文字などを自動で入力するプログラム」と、それを便利に使うためのブックマーク …
プログラミングの学習方法プログラミングをはじめる前に知っておくと良いこと 2021年7月10日 タイヨウ マック屋のウェブ開発 プログラミング学習をはじめる前に、知っておくべきことをご紹介します。 これを知っているか知らないかで、理解度が大きく変わります。 …
React【React入門】テンプレートファイルの作り方 2021年6月28日 タイヨウ マック屋のウェブ開発 React初心者さん集まれ! 「Reactのテンプレートファイルを作って、軽く編集できるまで」を解説します! 「環境構築」ができている人 …
ウェブ開発ひろゆきの黄色いパーカーのカラーコードを調べる方法 2021年6月12日 タイヨウ マック屋のウェブ開発 皆さんおなじみ、YouTubeで人気の西村博之さん(ひろゆき) ひろゆきさんといえば「黄色いパーカー」ですよね。 そんな …
作ったアプリ【アプリ作成】Glideでモンハンライズの攻略アプリを作りました。 2021年6月4日 タイヨウ マック屋のウェブ開発 モンハンライズ(MHR)の攻略アプリを作ったレポートです。 「あのモンスターの弱点って何だっけ?」 「持っていくと便利なアイ …
プログラミングの学習方法【本紹介】ITエンジニアがときめく自動化の魔法 2021年5月21日 タイヨウ マック屋のウェブ開発 本を読んだら、即行動すること。ただ読んでも、その知識を使わなきゃ、宝の持ち腐れです。 なので、今日は「ITエンジニアがときめく自動化の魔法 …