「ウェブ開発」 一覧

使って覚えるVue.js 第2回基本的な記述方法で動的に文字を出力しよう!

【使って覚えるVue.js入門】第2回:基本的な記述方法を覚えて動的に文字を出力させてみよう!!

はじめに こちらは、Vue.jsを使いながら覚えていく【使って覚えるVue.js入門】です。 第2回目となる今回は、Vueの「基本的な記述方法(インスタンス)」を解説してから、実際に動的に文字を出力さ ...

知っておくと便利!!SASSで用意されている8つの演算関数をまとめてみた

はじめに SASSでは、知っておくと便利な関数がたくさん用意されています。 今回は、計算用の関数にフォーカスして、ご紹介していきます。 percentage:数値に「%」を付ける round:数値を四 ...

これだけでOK!!CSSで中央寄せにする4つの方法

これだけでOK!!CSSで要素を中央寄せにする4つの方法【初心者向け】

要素の種類によって方法が異なる CSSで要素を中央にするには、対象がどんな要素なのかを把握する必要があります。 今回は4つの要素にフォーカスしていきます。 こちらの4つの方法を使うことが出来れば、実務 ...

使って覚えるVue.js 第1回:Vue.jsを使うメリットと基本的な環境構築

【使って覚えるVue.js入門】第1回:Vue.jsを使うメリットと基本的な環境構築

こちらはVue.jsを使いながら覚えていく【使って覚えるVue.js入門】です。
第1回目となる今回は、Vue.jsを使うメリットや開発環境を整えるための手順を紹介していきます!
Vue.jsはこれから【確実に】流行っていくフレームワークなので、ぜひ今のうちにマスターしておきましょう!!
Vue.jsを扱うことが出来れば、プロジェクトによっては重宝されると思います。
また、未経験での転職でも圧倒的に有利になれると思います!

ユーザビリティ向上!覚えておくべき11種類のカーソル表示

CSSで使える!覚えておくべき11種類のカーソル表示一覧

ユーザビリティを上げてくれる「カーソル表示」をまとめてみました!
カーソルは20種類以上の表示がありますが、今回は覚えておくべきカーソルをピックアップして紹介していきます!!

JSで実装可能!クリップボードでコピー&ペースト処理

JavaScriptだけで実装可能!クリップボードのコピー&ペースト処理

今回はJavaScriptでコピー&ペーストを実装していきます!実装方法は大きく分けて「document.execCommand」を使う方法と「Clipboard API」を使う方法があります。コピー機能をサイトに実装することでユーザビリティを向上させることが出来るのでぜひ、取得してサイトにコピーボタンを配置してください!!

めっちゃ便利!!テンプレートリテラルをまとめてみた!!

JSでバッククォート?JavaScriptで使えるテンプレートリテラルのまとめてみた!

今回はJavaScriptで文字を扱う際に便利な【テンプレートリテラル】について紹介します!テンプレートリテラルは文字列を「`(バッククォート)」で囲う一風変わったものになります。通常の「”(ダブルクォート)」で囲うよりも利便性が高いので、ぜひ使ってみてくださいね!!

5つの構文を一挙紹介!JSの繰り返し構文をまとめてみる

Javascriptで使える5つの繰返し処理(for / while)の特徴をまとめてみた

今回はJavascriptで使用できる繰り返し構文(for分やwhile文)の特徴をまとめてみました!
大きな違いとしては、「記述量」「処理速度」になりますね。
慣れてくると、よりスマートなプログラミングが出来るので勉強しておきましょう!!

CSSだけでスクロールバーをカスタマイズ

CSSだけでイケてるスクロールバーをデザインしよう!

今回はスクロールバーをサイトのデザインに合わせてカスタマイズする方法を紹介していきます!この方法はCSSのみで実装することが出来るので、動作が重くなったり、コードがグチャグチャになりづらいのが嬉しいですね!

SASSの四則演算をまとめてみた

SASSの四則演算+余剰の単位の扱いについてまとめてみた

今回はSASSで四則演算(余剰も含む)する際に単位の扱い方についてまとめてみました!
SASS(CSS)では「px」や「vw」、「em」など、たくさんの単位が存在します。
SASSで四則演算を行うときは、この単位に注意しないとエラーが起きたり、意図しない単位で出力されたりなどしてしまうので、しっかりと把握しておきましょう!

Copyright© カノトのアトリエ , 2019 All Rights Reserved Powered by STINGER.