環境構築からWEBアプリ開発・スマホアプリ開発まで。ときには動画制作やゲームも。

supilog
すぴろぐ

HelloWorldとechoしてもPHPと友達になれなかったから、フレームワークでやってみるMVC(3)Symfony

大意は初回書いたので長々とは書かないが、せっかくなのでControllerからViewへの連携や、ルーティングにも触れながらHelloWorldをやって、やや骨太のHelloWorldになってもらおうじゃないかということだ。 (単純にフレームワークに触れてみたいだけだったりするのは内緒) Symfony 来ましたかSy […]

CakePHP4で簡単 初めてのプロジェクト作成

PHPではじめて触れたフレームワークがわたしはCakePHPだった(と思う)。 当時の記憶はほぼないが、バージョンは2だったような・・・。それはさておき。4は触ったことがないので、所見で試してみます。 環境 今回の環境はこちら。 macOS CakePHP4.x (PHP >= 7.2.0が必要) PHP 7.4 […]

anyenv+phpenvの環境で挙動がおかしくなったので、入れ直した話

どうもphpenvさんの機嫌が悪いようだったので、入れ直すことにした。 削除 インストール パスを通す anyenvバージョン確認 phpenvインストール phpenvバージョン確認 phpインストール エラーが出たので、下記のように変更して再実行。 インストール確認 php切り替え 無事インストールが完了してひと安 […]

HelloWorldとechoしてもPHPと友達になれなかったから、フレームワークでやってみるMVC(2)Cakephp

大意は前回書いたので長々とは書かないが、せっかくなのでControllerからViewへの連携や、ルーティングにも触れながらHelloWorldをやって、やや骨太のHelloWorldになってもらおうじゃないかということだ。 (単純にフレームワークに触れてみたいだけだったりするのは内緒) CakePHP 前回同様、プロ […]

IPアドレス直打ちアクセスを拒否する(nginx)

バーチャルホスト運用しているサーバーで、IPアドレスを直接打ち込んでアクセスされた時に、意図せぬページが表示されてしまったりします。(CentOS7/nginx環境だとCentOSのwelcomeページが表示されてしまったりします。) IPアドレスで直接アクセスを受け付ける必要がとくにないので、アクセスを拒否したいと思 […]

【Bootstrap4入門】07.フッターを作成する最終回

bootstrap-image

今回は最終回ということで、フッターを作成して、まとめたいと思います。今回作成する箇所はココです。 フッターを記述します 今回のフッターは超簡単。pタグのみです。後でCSSを入れたくなるかもしれないので、念の為copyrightのクラスを付与していますが、何もしていません。text-centerを付けて文字をセンタリング […]

【Bootstrap4入門】06.メインコンテンツ-サイズの異なる2カラムグリッド

bootstrap-image

前回、4カラムの幅が均等なコンテンツを作成しました。今回は、サイズが異なる場合について実装していきます。 挑戦するのは、ココのパーツ。 グリッドのサイズの指定をする まずは前回のパーツの下部に、下記を追加しましょう。 ここまでを確認してみると、左右同じ幅の2カラムのグリッドが生成できていることが分かります。 画像と文字 […]

【Bootstrap4入門】05.メインコンテンツ-4カラムのグリッド

bootstrap-image

前回、メインコンテンツ部分のカード型のお知らせ枠を作成しました。だいぶWEBサイトとしてまともな見た目になってきましたね。 今回挑戦するのは、ココの部分。一見すると、カード型と同じような配置に見えますが、グリッドという便利な機能を使って、コンテンツを並べています。 グリッドを使ったデザインを入れる Bootstrapの […]

【Bootstrap4入門】04.メインコンテンツ-お知らせを作る(カード型)

bootstrap-image

前回、メインコンテンツ部分のトップ画像を作成しました。少しページがにぎやかになってきましたね。 今回挑戦するのは、ココの部分、サイトのお知らせやニュースみたいなパーツで使われがちな、カード型のパーツを並べてみたいと思います。 お知らせを作成する まずはcontainerを配置して、タイトルをつける 前回勉強したcont […]

【Bootstrap4入門】03.メインコンテンツ-トップ画像を作る

bootstrap-image

前回、ヘッダ部分のナビゲーションバーを作成しました。今回はいよいよメイン部分を作成してみます。メインコンテンツの中でも一番目立つトップ画像です。 トップページに目立つように配置する大きな画像をヒーロー画像と呼んだりしますが、今回はそこまでのものではなく、挨拶程度の横長の画像を配置してみます。 トップ画像の配置 画像ファ […]