Bootstrapを勉強するのは大変？ 簡単に勉強するには？ この様な疑問にお答えします。 目次 やること（結論） Bootstrapのサンプルを表示させよう！ ブラウザ上で要素を確認しよう！ まとめ やること（結論） サンプルコードをひたすら書いてみても、作成した…

ホームページでよく、背景画像にボタンや文字を表示していてカッコいいデザインがありますよね。 その簡単なやり方をお伝えします。 目次 背景画像の上にボタンや文字を自由に表示する方法 解説①：背景画像の表示について 解説②：文字を中央にする方法につい…

ログイン画面の作成をFirebaseを使用してサクッと作成します！ 所要時間 15分 まずBootstrap 4 + Vue.js を始めたい場合は、以下の構築手順をご覧ください。 jun-nikki.hatenablog.com 目次 Firebaseとは？？ デザイン案 Bootstrap 4とVue.jsをインストール …

最近（？）伸びているVue.jsと、Bootstrapを構築する方法を紹介します。 今回はnpmで全部インストールします。 所要時間：約8分 Vue.js jp.vuejs.org BootstrapVue bootstrap-vue.js.org 目次 ゴール 事前準備 手順 まとめ ゴール これを表示します。Vueをイ…

今回はLaravel 5.8を使用した、APIの作成方法について説明していきます。因みにインストール方法については、以下を参照してください。 jun-nikki.hatenablog.com目次 作るもの 設計 準備：プロジェクトの作成 コントローラの作成 まとめ 作るもの ・ブラウ…

今回はBootstrap4 + Sassの始め方について説明します。 Bootstrap 4については下記の記事をご覧ください。 jun-nikki.hatenablog.com Bootstrap · The most popular HTML, CSS, and JS library in the world. Bootstrapをそのまま使用すると、Bootstrapのデ…

ドットインストールやprogateなどで勉強して基礎はついたけど、次に何をしよう？ という方に向けてお話します。 目次 1人ではどう考えてもハードルは高い やり方① 何を作成すれば世の中の人は喜ぶか やり方② コーディングのレベルアップを目指す モチベーシ…

LARAVELの導入方法がクイックスタートでは難しいのでまとめてみました。 Laravelのクイックスタートは結構前のバージョンに対応している様で、上手く進めないようです。 Laravelクイックスタート 4.2 Laravel PHP: Downloads PHPのインストーラがあります。W…

初心者～中級者未満の方向けの方がプログラミングを勉強する方法を紹介します。 目次 初心者向けはズバリ「ドットインストール」と「progate」 脱初心者はyoutubeを活用しよう まとめ 初心者向けはズバリ「ドットインストール」と「progate」 どちらも初心者…

Webサイトを試しに作ってみたから公開してみたい！けど、お金はかけたくない！って人向けの情報です。 目次 GitHub Pagesってなに？ 公開して何がうれしい？ 導入① GitHubのアカウントを作成しよう 導入② Repositoryを作成しよう 導入③ index.htmlファイルを…

ホームページをPCとスマホに対応したりカルーセルを作ったりするのが大変ですよね。そこで、Bootstrap 4を使用すれば簡単にできますよ。というお話です。 目次 Bootstrapとは 必要なファイル Bootstrap.jsの取得方法 JQueryの導入 popper.jsの取得方法 簡単…

キーボード操作を自動化したソフトを作って配布したいけど、プラグインとか入れずに実現しなければならない。どうしたら？？？ ズバリ！AutoItがお勧めです！ 目次 キーボード操作はAutoItを使おう！ AutoItのどこがいい？ 例えば 他にどんなことができる？ …

初めてだけど自宅でプログラミング学習をしたい！だけどプログラミング言語は何を選んだらいいか分からない方向けにお伝えします 目次 PCのスペックはそれほど問題ではない どんなシステムを作ってみたいか想像する 簡単にシステムを作れる言語を選ぶ 書籍で…