基本要素 【Bootstrapの基本要素】色(Colors)について 2020年5月10日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) ここでは、Bootstrapの基本要素の中でも【色】についてふれていきます。 (※Bootstrapの公式ドキュメントではcolorsとい …
レイアウト 【Bootstrapのレイアウトの基本】ブレイクポイントについて 2020年5月10日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) Bootstrapでは4つのブレイクポイント(BP)が敷かれています。 ブレイクポイントとは、CSSの切り替えポイントのことで、指定し …
レイアウト 【Bootstrapのレイアウトの基本】グリッドシステムについて 2020年5月8日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) Bootstrapのグリッドシステムについて解説します。 グリッドシステムというのは、カラムを何等分するかという意味で、Bootstr …
レイアウト 【Bootstrapのレイアウトの基本】コンテナについて 2020年5月8日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) Bootstrapで、レイアウトを作っていく基本の考え方についてお伝えします。 レイアウトとは、全体をくるむ箱のようなもので、HTML …
Bootstrap Bootsrapの導入方法を徹底解説します 2020年5月8日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) デザインがない状態でも、webサイトを簡易的に作るのに適しているBootstrap。 すでにBootstrap側が用意してくれているCSSを、指定のクラス名をつけるだけで、レ …
jQuery jQueryの導入方法を2パターン徹底解説します【CDN・ファイル読み込み】 2020年5月5日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) JavaScriptの中でも、数あるライブラリの中の一つがjQuery。 本来なら文字数が多くなってしまうJavaScriptも、短縮 …
エディター sublime text 3のおすすめプラグイン 2020年5月5日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) 様々なエディターがありますが、その中でもsublime textというエディターがおすすめです。 sublime textをおすすめす …
サーバー エックスサーバー のサイトをSSL化する手順を解説します 2020年5月4日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) よく見るURLで、種類が2つあるのは知ってました? https://corecolors.net https://corec …
CSS headerをメディアクエリを使わずに、スマホサイト(デバイス)に合わせてフレキスブルレイアウトにする方法 2020年5月4日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) メディアクエリを使って、横幅を指定することはできますが、できるだけメディアクエリも使わずに、横幅をデバイスに合わせてフレキシブルに調整するC …
CSS インライン要素でもmarginをかけられる! 2020年5月3日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) htmlの学習を進めていくと、ブロックタイプ要素とインライン要素があることに気がつきます。 ブロックタイプ要素とは、文字通り、それ単体でブロック仕様になっており、一行単位でコ …
マークアップ 【メール受信可能】ポートフォリオサイトのお問い合わせフォームの作り方 2021年10月30日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) このような悩みの解決記事です。 お問い合わせフォームが作れず、SNSリンクさせたり、メールアドレスを直書きしている場合があるか …
CSS CSS指定した画像が表示されない時の対処法【原因は2つだけ】 2021年7月9日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) こんなお悩みの解決記事です。 本来ならこのように表示されているはずなのだけど、、、、 サ …
HTML 【解説】デザインを左右するGoogle Fontsの使用方法 2021年5月18日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) このような疑問に回答します。 「サイトデザインを変えないでオシャレに見せる方法」の一つは、フォントを変えることです。フォントを …
CSS 【CSS】backgroundで背景全面に画像を配置しよう 2021年5月17日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) こんなお悩みの解決記事です。 CSSで画像を配置し、ブロックいっぱいに指定する方法を解説します。 メインビジュアルでよく見か …
CSS 【1分で完了】レスポンシブで要素の順番を入れ替えるCSSの書き方 2021年5月16日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) このような疑問にお答えします。 よくあるパターンはこれ↓です。 本来はこうしたいのだけど・・・・ 通常 …
CSS 【図解解説】floatとflexboxはどのように使い分ける? 2021年5月15日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) このような疑問にお答えします。 HTML・CSSの学習が進み、両者の違いが分かったところで「どのように使い分けをしたらいいか」 …
CSS 擬似要素を使って下線を引く方法【before・afterを使おう】 2021年5月8日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) このような疑問にお応えします。 テキストで説明しても分かりづらいと思いますので、簡単に表現すると以下のような装飾のことです。 …
HTML ディベロパーツールでHTML要素を検証しよう【制作工数が下がります】 2021年4月25日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) このような悩みにお答えします。 デザイン通りのコーディングをしようと思い、進めていても思ったようにページに反映してくれない時っ …
CSS なぜかCSSが適用されない時に試したい、6つのこと【原因と解決策を提示】 2021年4月24日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) こんな悩みにお答えします。 CSSを書いているのに適用されない原因としては、いくつかありますが、大きく分けて「ローカル環境」な …
CSS 【ツール紹介】CSSグラデーションの作り方 2020年8月25日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) 「簡単にグラデーションを作る方法ないのかな?」 こういった疑問にお答えします。 CSS3になり、グラデーションを表現できるようになったとはいえ、初心者の方からすれば以下のよ …
プログラミングの勉強法 【ズバリこれ!】プログラミングの独学は何から始めれば良い? 2023年8月11日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) これからプログラミングを勉強を始めたい。独学なら何すればいい? 上記のような方に向けた記事です。 初めてプロ …
プログラミングの勉強法 プログラミングは誰でもできる【正しいやり方で継続がコツ】 2023年4月16日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) プログラミングは誰でもできるの? 誰でも稼げるようになる? 上記のような疑問を持った方向けの記事です。 結論、誰で …
プログラミングの勉強法 「プログラミングが分からない」と思った時の原因と対処法6選 2023年3月29日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) プログラミングが分からないので、教えてください。 プログラミングが分からない時は、どうしたらいいの? プログラミングが分からない …
Laravel 【Laravel】データベースの接続設定について解説します 2023年1月19日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) 本記事は、上記のような疑問を持った方向けのものです。 基本的な設定方法はdatabase.phpと.envファイルを編 …
Laravel 【Laravel】Middleware(ミドルウェア)の設定方法 2023年1月17日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) こんな疑問を持った方への解答記事です。 middlewareとは「WEBの仕組み」であるリクエスト・レスポンスの間にあ …
PHP 【PHP】Composerのインストール→設定手順を解説します【コマンドも紹介】 2022年11月20日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) composerとは、ライブラリ等を手軽に扱えるようにするパッケージ管理ツールです。JavaScriptで言うと「npm」のようなも …
PHP php.iniの保管場所はどこ?【ターミナルコマンドで探す】 2022年10月16日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) php.iniファイルってどこにあるの・・・? 本記事は、上記のような方向けに解説していきます。 PHPの設 …
Vue.js 【Vue.js】transitionの使い方【アニメーションを実装しよう】 2022年9月25日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) 以上の疑問の解決記事です。 v-if, v-showを使って、要素の表示・非表示を制御することができました。しかし、過 …
Vue.js 【Vue.js】子から親へのデータ受け渡し$emitの使い方【SFC未使用】 2022年9月24日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) 上記の疑問の解決記事です。 本記事は、SFC(単一ファイルコンポーネント = .vueファイル)ではない場合の「$emit …
Vue.js 【Vue.js】コンポーネントをv-forを使って繰り返し表示させる方法 2022年9月19日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) 以上のような疑問の解決記事です。 前回は、コンポーネントの基礎的な使い方を見ていきました。今回はv-forでのコンポー …
サーバー 【画像解説・5分で完了】Macで独自ドメインのメール設定する方法 2021年10月16日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) このような方向けの解決記事です。 所要時間は5分程度。 19枚の画像を使用して、できるだけ分かりやすく解説しています。 …
サーバー 【エックスサーバー社】独自ドメインメールアドレスの作り方 2021年9月26日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) 必要なもの 以下を準備したら、早速メールアドレスを作成していきましょう。 エックスサーバ …
サーバー 【画像解説・5分で完了】iPhoneで独自ドメインのメール設定する方法 2021年9月25日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) 本記事では、事前に作成しておいた独自ドメインのメールアドレスをiPhoneで送受信する方法についてお伝えします。 28枚の画像 …
サーバー webサイトにパスワードをかける方法【公開範囲を限定させる】 2021年6月6日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) このようなお悩みの解決記事です。 web制作でページを実装したのは良いものの、特定ページを、限られたユーザーにだけ公開 …
サーバー 1ドメインでポートフォリオサイトを別ドメインにする方法【サブドメイン作成】 2021年5月23日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) このような悩みの解決記事です。 結論からお伝えすると、サブドメインを作成します。 サブドメインを使用することで、システム環境 …
サーバー 【解説】FileZillaでファイルをアップし、Webサイトを公開しよう 2021年4月23日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) このような疑問にお答えします。 HTML・CSSを使用してコーディングしたのはいいけど、サーバーにアップしないことには、誰にも …
サーバー 【画像40枚で徹底解説】エックスサーバーのドメイン・サーバーでポートフォリオサイトを公開しよう 2021年4月13日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) こんな読者さんの問いにお答えします。 ドメイン、サーバーって何? まずポートフォリオ(Webサイト)を公開するには「ドメイン」と …
サーバー 【手順を解説】エックスサーバーでサーバー・ドメインを契約して、会員サイトの構築準備をしよう 2020年7月18日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード: …
サーバー エックスサーバー のサイトをSSL化する手順を解説します 2020年5月4日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) よく見るURLで、種類が2つあるのは知ってました? https://corecolors.net https://corec …
サーバー DNSサーバーとは?〜ドメインとサーバーの結び付け方〜 2017年1月19日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS(コアカラ) ドメインとサーバーの契約を結ぶ際にたまに出てくる「DNSサーバー」という単語。 会社の会議でたまに出てくる「DNSサーバー」っ …