デスク周りで購入したもの一覧
はじめに 普段リモートなので自宅のディスプレイ周りにはお金をかけました。その一覧を紹介していきたいと思います。 ディスプレイ なんとなく４Kが欲しいなーと思い、探してみました。そしたら社内の方か...
1
0
Comment0
22 search resultsShowing 1~20 results
Stocked
You need to log-in
Herokuを実行した時のエラー
エラー状況 Node.js(Express)をHeroku実行を試みる。 細かな手順は割愛、Herokuにpushする。 $ git push heroku master ビルドエラー remo...
1
1
Comment0
フロントエンドだけ作ったアプリをGitHubPagesからHerokuに移行する
abstract 端的に言うと、GitHubPagesに公開している、フロントエンドのみで構成されたアプリケーションをHerokuに移行しました。 ※今回のアプリケーションはVue-CLI + ...
2
2
Comment0
Vue Routerでページを更新or直接アクセス→CannotGETの対処 。Node.js(Express)の例
Vue Routerでページを更新すると zukan画面にいるときに、ページをリロードすると 画面 Console みたいになる。 SPAは常にindex.html一枚で処理をしている。 にもか...
2
1
Comment0
Vue-CLI + Vuexでポケモンのパーティを構築するSPAをつくる。
概要 ポケモンのパーティを構築して遊べるSPAです。 VueでSPAを作りたいなーと思って作り始めた。 加えて、listの高速なフィルター機能も使いたい。 実装はGitHubPagesを使ってフ...
4
3
Comment0
Vue-CLI + webpackでscssをビルドするときのつまずき
abstract Vue-CLIに限った話ではないかもしれないですが、Vue-CLIにsassを導入しようとしてつまづいたところの覚え書きです。 $npm i sass-loader node-...
2
3
Comment0
JavaScriptの関数はオブジェクトに過ぎないのでプロパティを持たせることができる
百聞は一見に如かず function hello() { return console.log(`${ hello.message } ${ hello.user }.`) } hello.me...
1
0
Comment2
ポケモンでTypeScriptおもしれーってなる(型エイリアスまで)
型エイリアス typeとは 型宣言をtypeで記述することができる。 type Age = number let age: Age = 15 オブジェクト もちろんオブジェクトもできる。 ?を使...
0
1
Comment0
prettierの使い方とコーディングルールの登録
prettier コードの整形ができるツール。ESLintと併用でき、ESLintよりも整形力にすぐれている。 install npm i prettier // ESLintと併用 + Goo...
1
2
Comment0
【webpack】cssファイルをインポートしたときのつまずき
解決したいこと cssファイルをインポートしようとすると、下記のエラーが発生する。 Failed to compile. ./node_modules/css-loader/dist/cjs.j...
0
1
Comment0
【Vue.js】他で並列処理(axios)させていたものをgetするまで待ちたい
はじめに とりあえず力技で実装しました。 ※もっと良い書き方があれば教えてください！ やりたいこと templateを読み込むとき、axiosで値Aを取得 取得したAを画面に表示（つまりAの取得...
0
1
Comment0
【JavaScript】仮引数の括弧{}の挙動を理解した
概要 ES2015の{}←コイツの記法で惑わされたので自分の理解の範囲でまとめる。 CやJavaは嗜んでいた私。JavaScriptを勉強し始めて現れた{ hoge }の表記。{}ってナニ？ で...
0
1
Comment0
【CSS3】擬似クラスのあれこれ
概要 自分用の覚え書きです。 :visited{} 既にクリックしたリンク状態に対して記述できる。 example a:visited { color:red; } だと、クリック済みのリンクの...
0
2
Comment0
【vue】トランジションのあらゆるタイミングでjsを走らせる【トランジションフック】
概要 トランジションが発生したタイミングでjsを処理させたいときに便利な機能 例 トランジションの中でも、以下のタイミングでjsの処理をさせてみる。 DOMに要素が追加された後(enter) ト...
0
2
Comment0
属性を与えるだけで画像をモーダル化できるコード【コピペ】
概要 imgタグに属性を添えるだけで、画像をモーダル表示できるコードを作成した。 仕様 イベントが発生して初めてDOM生成する。そのせいでちょっと重い。 使い方 モーダル化させたいimgタグに ...
0
2
Comment0
CSSのみで要素をfade In/Outをする方法【:target】
実装 HTML <a href="#fade">fade in</a> <a href="#">fade Out</a> <article ...
1
1
Comment0
【CSSのみで作れる】ツールチップの簡単な実装方法
概要 カーソルを合わせると出てくるツールチップを作成する。CSSのみで作れるらしい。またスマホ（タッチデバイス）を考慮した実装。 ちなみにツールチップってのは下みたいにカーソルを合わせるとヒント...
0
3
Comment0
【CSS】attr()でhtml属性から値を取得する
attr() 属性に与えた値をそのままCSSで利用できる。すごい。 でも値の管理ってcssとjsどちらに持たせるかでややこしくなりそうなのは気のせいですか。 HTML <div class...
2
1
Comment0
イベントが発生した時、その兄弟要素を操作する方法
概要 jQueryを使用せずに実装することを目指す。 同じ構造をした要素が複数存在する際に、その中でイベントが発生した兄弟要素だけを操作したい場合の実装方法である。 実装例 クリックしたらその兄...
0
1
Comment0
タグひとつで記事のサブタイトルを抽出して目次を自動生成する
雑ですけど覚え書きです。yurubo.orgで書きました。 概要 任意のクラス要素(entryClassName)の中にあるh3要素の値を指定したクラス要素(toClassNmae) に吐き出し...
0
1
Comment0
22 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