Next.jsで静的サイトをサブディレクトリにデプロイしたいときの設定
Next.jsでは、ビルド&エクスポートで生成した静的サイトを、FTPなどでドメインのルートディレクトリではなく、サブディレクトリにデプロイすると、様々なパスがずれて表示が崩れてしまいま...
31
13
Comment0
17 search resultsShowing 1~17 results
Stocked
You need to log-in
【Nuxt.js】お問い合わせフォーム実装にWordPressのContact Form 7で対応する
[2022年6月20日追記] Contact Form 7 のバージョンアップ（5.6）により、本記事の方法でメールの送信ができなくなりましたので、ご注意ください。 新バージョンに対応した実装方...
46
44
Comment6
PythonでHTMLテンプレートにJSONデータを流し込んで複数のHTMLファイルを一括生成する
共通フォーマットのHTMLテンプレートファイルに対して、別で管理しているデータを流し込んで複数のHTMLファイルを一括で生成してみたいと思います。 実行環境 ・Node.js 14.15 ・Py...
0
0
Comment0
Nuxt TypeScript でデコレーターを使わずにミックスインする方法
まず、普通にJavaScriptで書いた場合このようになります。 ~/plugins/mixins.js export const delayMixin = { methods: { $dela...
5
4
Comment0
IE11でAutoprefixerを使っても、CSS Gridが効かないときに確認したこと
最近、Autoprefixerを設定しているのに、IE用のベンダープレフィックスが適用されていない事があったのでの、設定を見直してみました。 確認時のモジュールバージョンです。 "devDepe...
0
0
Comment0
Nuxt.jsでFontAwesomeを使う方法。必要なアイコンだけインポートする！
font awesome は非常に重たい！使うアイコンだけインポートする！ Font Awesomeは便利なのでよく使うのですが、そのまま読み込むと非常に重たくなってしまいます。 パッケージは ...
34
31
Comment0
Lightsail LAMP stackからWordPressをインストール
LightsailにWordPressをインストールするだけなら、最初からWordPressのインスタンスでセットアップするのが簡単なので、これはちょっと特殊な場合です。 なかなか情報が見つから...
2
0
Comment0
3分でつくる2019年版 Nuxt.js TypeScript 開発環境設定
ほとんど自分のためのメモに近いのですが、3分でNuxt.js+TypeScriptの開発環境を整える覚書です。 --- [2019/08/22 追記] --- ※ Nuxt 2.8での設定方法で...
55
68
Comment0
React TypeScript で Propsに HTMLタグを入れる方法
Propsで渡すデータに改行タグを入れたかったので、 このように設定してみました。 import React from 'react'; // 型を定義する type HeadlineType ...
6
5
Comment0
Docker Composeで起動したWordPressでプラグインのインストールやアップデートが出来ないときの対処法
Docker ComposeでWordPressを動かしたときに、プラグインのインストールをしようとすると次のような画面が表示されてインストールできなかった、というときの対処法です。 ※この記事...
3
2
Comment0
nuxt-ts を使っていて、"No pages directory found in 〜"と表示されたときの対処
NuxtでTypeScriptを使ってデフォルトのsrcディレクトリを変更していると、たまに No pages directory found in プロジェクトディレクトリ と表示されてビルド...
3
1
Comment0
Nuxt + TypeScript でページごとにhead()のTitleを書き換える
公式ガイドの通りに、NuxtをTypeScript化して少し躓いたのでメモ。 https://nuxtjs.org/guide/typescript/ 結論から言うと、vue-property-...
13
12
Comment0
HeadlessCMSのStrapiをGCEにインストールする
StrapiをGCEにインストールします。 内容はほとんどこの記事通りです。 Install Strapi on Ubuntu 18.04 LTS on Google Cloud with Cl...
9
7
Comment0
Netlify FormsをつかってGatsbyにお問い合わせフォームを追加するまで
いままでは、お問い合わせフォームを作成するのに、そのためだけにWordPressを入れてコンタクトフォームプラグインを使ったり、PHPのスクリプトを用意したりと、なかなか手間がかかって大変でした...
37
27
Comment0
create-react-appでPostCSS環境を作る
create-react-appを使って作成したReactアプリに、PostCSSの設定をしていきます。 【前提】 ・node.jsがインストールされている ・create-react-appが...
5
9
Comment0
WordPressのメディアアップロードで日本語ファイルを文字化けさせずにアップロード
WordPressでファイル名に日本語など半角英数以外の文字が含まれていると、メディアアップロードした際に、ファイル名がランダムな英数に変わっていることがあります。 これは、WP Multiby...
2
2
Comment0
Herokuデプロイで失敗したときの対処
Railsチュートリアル13章を取り組んでいた時に、最後の最後でHerokuにデプロイできず苦戦したので、その時のメモです。 $ git heroku push master Herokuにデプ...
3
2
Comment0
17 search resultsShowing 1~17 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