【どハマり】Nuxt generateで動的ルーティングする時は必ずパスの最初にスラッシュをつけよう
結論 OK nuxt.config.js generate: { async routes() { const pages = await axios .get( //APIリクエスト ) .t...
0
0
Comment0
13 search resultsShowing 1~13 results
Stocked
You need to log-in
nuxt generateで静的サイトをつくる時の開発環境について（ファイル監視など）
はじめに 皆さんこんにちは。 Nuxt.js、とてもいいですよね。煩雑な設定が少なくすぐに実装に取りかかれるので、アウトプット速度がすごく向上します。 今回は、nuxt generateコマンド...
7
7
Comment0
三項演算子を使って、数値の往復処理をちょっと綺麗に書く
まえがき ある数値が下限に達したら増え、上限に達したら減るという処理を綺麗に書けたらいいなという記事です。 軽い内容なので休憩程度に読んでいただけたらと思います。 コード let targetN...
0
0
Comment2
vue単一ファイルコンポーネントをrequireで読み込みたい時
背景 すごくマイナー需要そうですが、 諸事情あって環境変数に応じて読み込むvueファイルを分けたい時に、 importはif文の中にかけないし、 両方のファイルをimportするとバンドルファイ...
6
3
Comment0
今更ながらBrowserSyncがすごい便利だなあ。
対象読者 基本的なことしか書いてないので、BrowserSync使ったことない方向けです。 執筆動機 これまで何も考えずにwebpack-dev-serverを使っていたんですが、ちょっと気分転...
8
10
Comment0
【Three.js】マウスカーソルの位置に応じて角度を変える3Dオブジェクト実装
やったこと Three.jsで遊んでいて、インタラクティブな要素が欲しくなったので。タイトル通りのことをやりました。 メモ書き程度なのでわかりやすくなくすみません。（入門者向けに解説していません...
2
0
Comment0
[Vue.js] input要素の入力値を数値変換したいときは number修飾子を使う
本記事の目的 vueを書いていてどハマりしたので、覚え書き。 初心者向けです。筆者も初心者です。 どハマり 説明用に簡略化。 input要素にtype="number"を指定して、 入力された数...
18
9
Comment0
複数項目の詳細表示 / 非表示を、JQuery5行で実装する
よくあるこういうリスト形式の詳細表示非表示をJQuery5行で実装しました。 HTML・CSSはこんなかんじです。 pulldown.html <head> <link rel...
4
3
Comment0
【slick】画像の右半分をクリックすると次の画像、左半分だと前の画像にスライドするスライドショーをお手軽に作る
前置き 今回はカルーセルライブラリslickを用いて実装して行くので、１から実装したい方には向かない記事になっています。 slick: スライダーで実現したい大体の機能は兼ね備えていて、それを直...
5
5
Comment0
【CSS】ブラウザを狭めた時に、画像の中心を固定したまま両側から非表示にしていく実装
このぬこを縮めた時に、 ぬこを中心にキープしたい。 普通にCSSを指定してブラウザを狭めると以下のようになります。 これは画像の基点が画像の左端（下の画像の赤線）! にあるからです。基点は常に固...
10
7
Comment3
Android端末でSketchのUIデザインをプレビューできるアプリ「Crystal」が便利な話
Crystal言語の記事ではありません。 ややQiitaの趣旨とずれるかもしれませんが、一部のフロントエンドエンジニアにとってはスマホ端末でUIデザインをプレビューすることがあるかもしれません。...
3
0
Comment0
JavaScriptで取得した日付(年月日)を英語表記してみる （１行ごとに解説）
Javascriptで日付を英語表記に変えるシンプルなコード。 例 2018年5月19日 を May 19, 2018 にしたい。 日と年は順番を入れ替えるだけだが、月は英語表記の配列を作って数...
7
4
Comment0
sublime text3でpugのカラー表示が崩れたので直した
sublime textを3.1.1にアップデートしたら、pugファイルのカラーリングが以下のように崩れた。（以前は正常に表示されていた） ２行目の - varで崩れているので、以降の記述が全て...
2
0
Comment0
13 search resultsShowing 1~13 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