アコーディオン
仕様 アイテム①〜③のいずれかをクリックするとアイテムの下部にテキストが表示される 表示中のものはもう一度クリックすると非表示になる アイテム右端にある+を表示/非表示に合わせて回転させる 仕組...
0
0
Comment0
30 search resultsShowing 1~20 results
Stocked
You need to log-in
ハンバーガーメニュー
仕様 右上のアイコンをクリックするとメニューが表示される 表示中のものは×のアイコン、もしくは黒背景部分をクリックすると非表示になる 仕組み 表示したいメニューの要素にはデフォルトでright:...
0
0
Comment0
Node.js
備忘録 ※ Nodeはシステムにインストールするので1回インストールすればOK Node.jsとは Node.jsはJavascriptをサーバーサイドで実行するための環境。通常Javascri...
0
0
Comment0
【JavaScript】要素の取得方法
はじめに Javascriptで要素を取得する際に使用するメソッドについてメモ。 それからメソッドを使用した際に返ってくる値について同じように見えるけど何が違うの？と疑問に感じたので備忘録として...
0
0
Comment1
ポップアップ実装（sessionStorage/localStorage/Cookies）
初回アクセス時にのみポップアップを表示（sessionStorage） 仕様 初回アクセス時にのみポップアップを表示 ブラウザやタブを閉じるとリセットされ再度ポップアップが表示されるようになる ...
1
1
Comment0
スライド
仕様 左右のボタンをクリックしてスライド切り替え スライドの下に配置した丸ボタン（インジケーター）をクリックしてスライド切り替え 秒数を指定してスライド切り替え 仕組み 今回はスライドの各要素に...
0
0
Comment0
SCSS
振り返りとしてSCSSについて整理していく はじめに SCSSはCSSの機能を持ちながらも新たな機能を加えたもので、CSSをより効率的に記述することができる言語。 Sassと呼ばれるスタイルシー...
0
1
Comment0
【JavaScript】javascriptの基本
javascript JavascriptはWEBブラウザ（クライアント側）の中で動くプログラミング言語。 ユーザーのブラウザ上で作動し、ユーザーがサイト上で何か操作をするとそれに合わせてサイト...
59
93
Comment0
【Nuxt】エラーページ作成
はじめに layoutsディレクトリの配下にerror.vueを作成することでエラーページが作れる。 エラーページはページコンポーネントにエラーが発生した時に表示される（サーバーサイドレンダリン...
24
19
Comment0
【Nuxt】レイアウトを共通化 / カスタム
はじめに nuxtではプロジェクトを作成するとプロジェクトの配下にlayoutsディレクトリが作成される。このlayoutsディレクトリを使ってページのレイアウトを共通化したり、カスタムすること...
6
2
Comment0
【Vue.js 】 カスタムディレクティブ
はじめに カスタムディレクティブとはv-bindのようなディレクティブを自作するための機能である。 ディレクティブではDOMがどういった操作をするのかそれぞれの属性で決まっていたが、カスタムディ...
3
3
Comment0
【HTML】Google Mapの埋め込み
はじめに Google MapからHTMLをコピーして貼り付けることでサイトにGoogle Mapを埋め込むことができる。 実装方法 1. Google Mapで目的地を検索 → 共有をクリック...
13
7
Comment0
【JavaScript 】Node.jsとは
はじめに Node.jsとはサーバーサイドのjavascriptのプラットフォーム（実行環境）である。 javascriptは本来クライアントサイドで動作するプログラミング言語だが、Node.j...
0
0
Comment0
【Vue.js 】 単一ファイルコンポーネント
はじめに 開発規模が大きければ大きいほど、ソースコードも煩雑になっていく。そのため、機能ごとにファイルを切り分け、モジュール化することで保守性や再利用性を高めていく。 モジュール・・・機能ごとに...
6
11
Comment0
【Vue.js 】 watch データの変更を監視
はじめに watchは特定のデータや算出プロパティの状態の変化を監視して、変化があったときに登録した処理を実行するプロパティ。 データや算出プロパティの変更が処理のトリガー（きっかけ）となる。 ...
77
47
Comment0
【Vue.js】Vue.jsの基礎
はじめに Vue.jsとはjavascriptのフレームワークの１つ。 フレームワークを利用することでより効率的な開発をすることができる。 VueはHTMLとjavascriptの間でデータ連携...
21
34
Comment0
【JavaScript】export / import （外部のモジュールを読み込む）
はじめに アプリケーションが大きくなると機能を切り分けてモジュール化して管理していく必要が出てくる。 モジュールとは機能ごとにクラスや関数を１つのファイルにまとめたものである。 機能ごとにモジュ...
0
0
Comment0
【Vue.js】コンポーネント
はじめに WEBサイトを見るとヘッダー・フッター・メイン・サイドバーなどいくつかのパーツからページが構成されている。これらのパーツを機能ごとに切り分けたものをコンポーネントという。 コンポーネン...
5
5
Comment0
【Vue.js】 DOMを直接操作 $el $ref
はじめに データバインディングを利用することでDOMの更新は効率化されるが、直接DOMを参照したい場合もある。例えば、画面上の要素の位置や高さはDOMを直接参照しなければ分からない。 DOMに直...
46
37
Comment0
【Vue.js】 ライフサイクルフック
はじめに ライフサイクルフックはVueのオプションオブジェクトの１つ。Vueインスタンスの生成から破棄までの間の特定のタイミングで実行されるメソッド（関数）をライフサイクルフックという。ライフサ...
3
2
Comment0
30 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles