プログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。

2018年9月

XAMPPのインストール方法と基本的な使い方

2018.09.21 munehiro

XAMPPは、X＝クロスプラットフォーム、A＝Apache、M＝MySQL、P＝PHP、P＝Perl の略で自分のパソコンにWEBアプリケーションが動く環境を構築するものです。これがあると、開発途中のものをインターネッ…

2018.09.20 munehiro

PHPとRubyだったらどっちから勉強すべきですか？こんな質問を頂きました。僕はここにJavaも入っていいのではないかと思います。どれかって聞かれたら僕はPHPがいいのではないかと思います。と言っても根拠が欲しい…

2018.09.20 munehiro

PHPとはサーバーサイドで動くプログラミング言語です。これを学べばDBにデータを登録したり更新したりして、動的にWEBサイトの表示を変えることが出来ます。例えば求人サイトなどは求人会社や企業が求人情報をDBに登録し、…

2018.09.20 munehiro

ちょっと昔僕がはまった単純なHTMLの罠の話です。ブロック要素は通常連続して書くと横幅の設定値に限らず改行されて縦に並びます。 displayプロパティに inline-block を設定すると、ブロック要素のようだけ…

2018.09.18 munehiro

今日はCSSでHTML要素にグラデーションを描く方法です。グラデーションをうまく活用するとサイトのデザインがぐっと良くなると思います！画像に透明のグラデーションをかぶせたりするのも最高です！ CSSでグラデーションを…

2018.09.17 munehiro

今回は非常に地味ですが、CSSで台形を描く方法です(笑) だいぶ前ですが、フッターの上に同じ色で台形のページトップへ戻るボタンをつけてくれと依頼されました。同じ色で台形の画像を作成して配置すれば簡単ですが、ブラウザで表…

2018.09.17 munehiro

ヘッダー部分にどのページを開いても表示されるメニューがあるサイトは多いと思います。僕のサンプル用のページもあるのですが、スマホで表示すると変に改行されてしまいます。 PCで表示時がこちらです。これをスマホで開くとこう…

2018.09.14 munehiro

WEBページを見ているとき画像が小さくてよく見えないときありますよね？そんなときに、画像をクリックしたらモーダル画面で拡大されて表示されたら便利じゃないですか？モーダル画面（モーダルウィンドウ）は、操作が完了するまで…

2018.09.13 munehiro

通常はHTML要素は左上から順に構築されます。文章を書いても画像を貼り付けても、左上を基準に配置されます。でも時には真ん中に表示させたいときもあると思います。今回は、上下左右の中央、つまりど真ん中に画像やブロック要…

2018.09.12 munehiro

基本的にHTMLは四角のエリアや画像などを組み合わせて構築するのでどこか刺々しく感じます。角を取り丸くすることによってサイト全体が柔らかい雰囲気になるのではないでしょうか。例えば、下のような画像がありま…