JoeによるPixabayからの画像 基本構文 jQueryでは「.on」メソッドを使ってイベントを設定します。 例）以下は、要素にマウスが乗るとアラートが出る例です。 　 「.on()」を使わなくても、「.click( […]

UnsplashのImat Bagja Gumilarが撮影した写真 基本構文 jQueryの基本の構文は以下です。 　 また、１つの要素に複数メソッドを簡単に記述できる「メソッドチェーン」は以下の様に書きます。 要素の […]

44833によるPixabayからの画像 はじめに jQueryは以下３つの手順で使うことができます。 手順１．jQuery本体の読み込み 手順２．jsファイルを作成して読み込む 手順３．jsファイルに好きなコードを書く […]

JoeによるPixabayからの画像 はじめに Sassには内部関数もあり、この記事では覚えておくと何かと便利な内部関数をまとめます。 使い方は簡単で、以下のように値として書き込みます。 色の調整 コード 内容 ligh […]

bertvthulによるPixabayからの画像 はじめに 今回は処理をまとめる系として、以下のご紹介です。 ①パーシャル @import 別ファイルを読み込む ②スタイルのグルーピング @extends スタイルのグル […]

kinkateによるPixabayからの画像 条件分岐 Sassではif文が使えます。 ■書き方 ■例 ループ each eachは配列、連想配列のループです。 ■配列のループ ■連想配列のループ ■その他 eachは配 […]

ValentinによるPixabayからの画像 はじめに SassはCSSをより効率的に書くためのツールです。 Sassを使うと、入れ子にして書いたり、定義したスタイルを使いわ増したり、ループ、条件分岐などより柔軟にスタ […]

UnsplashのSean Oulashinが撮影した写真 CSSを書ける場所は３か所 CSSを書ける場所は以下の３か所があります。 書ける場所 特徴 ①HTMLファイル内の各HTMLタグにべた書きする ちょっとお試しに […]

UnsplashのNikola Majksnerが撮影した写真 はじめに HTML要素がクリックされた時などのイベントでJavaScriptを呼び出す方法はaタグ、buttonタグ、inputタグを使う方法などありますが […]

UnsplashのNEOMが撮影した写真 HTMLからの関数呼び出し JavaScritpの関数を呼び出す方法は４つあります。（もし他にもあったら追記します！） 以下は要素がクリックされた時にJavaScriptを呼び出 […]

UnsplashのNEOMが撮影した写真 JavaScriptを書く場所は大きく2箇所 JavaScriptを書く場所は大きく分けると、以下の2箇所があります。 書く場所 特徴 ①HTMlファイル内に書き込む ちょっと試 […]

UnsplashのArtem Sapeginが撮影した写真 はじめに JavaScriptの基本として、コメントの書き方や定数、変数、関数、条件分岐、ループなどをまとめた記事です。 演算子 ■四則演算子 記号 内容 + […]

Larisa KoshkinaによるPixabayからの画像 コメント ■1行コメント ■複数行のコメント 定数（const）と変数（let、var） 値を格納しておくには定数、変数が使え、違いは以下です。 定数：再代入 […]

UnsplashのKalen Emsleyが撮影した写真 はじめに CSSでは以下２種類のアニメーション用プロパティが用意されています。 ・transitionプロパティ：手軽にシンプルなアニメーションを追加できる・an […]

UnsplashのJason Ortegoが撮影した写真 はじめに アニメーション用のプロパティには 「transition」と「animation」の２つのプロパティがあります。 ２つもあると、それぞれの特徴や使い分け […]

UnsplashのNikola Majksnerが撮影した写真 はじめに CSSでは以下２種類のアニメーション用プロパティが用意されています。 ・transitionプロパティ：手軽にシンプルなアニメーションを追加できる […]

UnsplashのClaudio Testaが撮影した写真 はじめに CSSとJavaScriptでカルーセルを作成したのでコードの紹介です。 SassやjQueryなどを使っていないので、このコードをベースに自由にカス […]

UnsplashのJason Ortegoが撮影した写真 はじめに プログラミングを始めると、値を格納する「変数」と処理をまとめておける「関数」は必ず使うと思います。 しかし、変数や関数の量が増えてくると、グループ分けし […]

ValentinによるPixabayからの画像 はじめに ファイルのアップロードのやり方をまとめます。 ファイルをアップロードしてみる 任意の名前でphpファイルを作成し、以下のように書き込んでください。 今回は１つのフ […]

はじめに 車内でパソコン作業をやってみて、すごい良かったのでご紹介です。 　 ずっと家で勉強していると集中力が切れるので、私は良くカフェに行って気分を変えます。 ですが、カフェに行くと1000円程かかってしまいます。。 […]