TinyMCEに画像アップロード機能を追加する

react-selectをreact-hook-formで使う

react-markdownを使用したとき、コードブロックをシンタックスハイライトさせる方法の備忘録です。 

react-markdownでコードをシンタックスハイライトさせる

unifiedを使用してMarkdown形式の文章をHTMLに変換するための備忘録です。

unified(remark,rehype)を利用してMarkdownをHTMLに変換する

Next.jsでreact-markdwonをv5からv6へアップデートした時の備忘録です。

react-markdownをv5からv6へアップデートする

Laravel MixでTypescriptをトランスパイルする(IE11対応)

簡単にスライダーを実装できるSwiper.jsの使い方

react-markdown(v5)で外部リンクのみ別タブで開く

docker で構築した php のローカル環境から、mb_send_mail 関数で送信するメールの内容を確認したいとき、mailcatcher を利用することで、ブラウザ上でメールの内容が簡単に確認できます。

mailcatcher を利用して php の sendmail で送信したメールの内容を確認する (docker)

ILMerge を使用し、アセンブリを一つの exe ファイルにまとめることにより、 exe ファイル一つだけ管理すればいいので使い勝手が良くなります。

exe と dll を一つにまとめる ILMerge の使い方 (C#)

代替データストリーム (Alternate Data Stream 以下 ADS) を削除することで、正常にソリューションファイルを実行することができるようになります。

ダウンロードしたファイルのセキュリティ警告を削除する (C#)

Windows7 に Docker をインストールする必要があったため、その時の備忘録です。

Windows7 で Docker をインストールして php の実行環境を作成する

高機能な WYSIWIG エディタである CKEditor に、KCFinder を連携させて、画像やファイルのアップロード機能を追加します。

WYSIWYG エディタの CKEditor4 にアップロード機能を追加する (CKEditor+KCFinder)

Gitで管理対象外のファイルがある場合に、gitignoreファイルを作成することで、対象のファイルを無視することができます。ここではgitignoreファイルの書き方についてまとめていきます。

.gitignoreファイルでGit管理対象外のファイルを無視する

これは新しくWebサイトを制作する場合の基本的なひな形です。

Webページを作成する場合の基本的なひな形について

Wordpress のテーマを作成する時や、他のテーマを使用するとき、html や管理画面に不要な情報が表示されることがあります。ここでは functions.php を変更することで、設定できることをまとめます。

Wordpress のテーマを使用するときの設定 (functions.php)

mocha と power-assert を使用し、javascript のテスト環境を作成します。

Javascript のテスト環境を作成する (mocha+power-assert)

Create React Appを使用し、react.jsを試します。

Create React Appを使用してreact.jsを試す

webpackを利用し、シンプルなVue.jsファイルのビルド環境を作成します。

webpackを利用しVue.jsのビルド環境を作成する

Electronを使用し、Hello Worldを表示するだけのクロスプラットフォームデスクトップアプリを作成します。

Electronでクロスプラットフォームのアプリケーションを作成する

webpack を利用して sass(scss) をコンパイルします。

webpack を利用して sass(scss) をコンパイルする

node.js のフレームワークの1つ Express を動かします。

Node.js のフレームワーク Express を動かす

.htaccess ファイルにより、PC とスマートフォン（スマホ）でアクセスされた場合の表示ディレクトリを振り分けます。

.htaccess ファイルで PC とスマホを振り分ける

Windows7 に、nodist を利用して node.js + npm をインストールします。

Windows7 に nodist を利用して node.js + npm をインストールする

webpackを使用して、TypeScriptをjavascriptにコンパイル(トランスパイル)する環境を作成します。

webpack+TypeScriptの環境を作成する

WindowsPC で、CentOS7 の環境を VirtualBox + Vagrant を使用して作成します。

WindowsPC で CentOS7 の環境を作成する (VirtualBox + Vagrant)

MySQLTuner を使用して、MySQL(MariaDB) のチューニングを行います。

MySQLTuner を使用して MySQL(MariaDB) のチューニングを行なう

さくらの VPS (CentOS7 + nginx) の環境に Logwatch を入れてログを監視します。

さくら VPS でログを監視する (CentOS7 + nginx + Logwatch)

CentOS7 のファイアウォールのフィルタを、firewalld で設定します。

CentOS7 でファイアウォールを設定する (firewalld)

nginx で gzip 圧縮を有効にすることで、コンテンツの転送量を抑え、ページの表示速度を改善します。

nginx で gzip 圧縮を有効にすることで転送量を抑えページの表示速度を改善する

さくらの VPS に、SSL サーバー証明書を設定して、サイトを https 化します。

さくら VPS に SSL サーバー証明書を設定する (CentOS7 + nginx + RapidSSL)

nginx と php-fpm の通信を、TCP Sokets から Unix domain Sockets へ変更します。

nginx と php-fpm の通信を Unix ドメインソケット (Unix Domain Sockets) で行なう

さくらの VPS に、FTP で接続します。

さくら VPS に FTP で接続する (CentOS + vsftpd)

さくらの VPS (nginx + php7) に、phpMyAdmin をインストールして動かします。

さくら VPS (nginx + php7) に phpMyAdmin をインストールする

さくらの VPS (1G SSD) に、nginx, php7 をインストールして、wordpress を動かすまでの後編です。

さくら VPS で WordPress を動かす – 後編 (CentOS7 + nginx + php7)

さくらの VPS (1G SSD) に、nginx, php をインストールして、wordpress を動かすまでの前編です。

webpack タグの記事一覧