サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GPT-4o
t-cr.jp
【設定方法】Next.jsでterser-webpack-pluginを設定し本番ビルド時にコメントとconsole.logを削除するサンプルコード2021.05.07Next.jsReactwebpack Next.jsで作ったアプリケーションの コメントとconsole.logを本番ビルド時に削除したかったため terser-webpack-pluginをインストールして設定したので 手順としてやり方をメモします。 terser-webpack-pluginとはtenrserを利用して JavaScriptを圧縮するWebpackのプラグインになります。 UglifyJSが非推奨もともとuglifyjs-webpack-pluginというプラグインもあったのですが 非推奨になったようなので今後の選択肢としてtenrserを利用します。 環境 React 17.0.2 Next.js 7
「デパートリーかっこよさがハンパない」管理画面のデザインをする時に参考した「themeforest.net」をブックマークしました。 最近オリジナルのCMSを制作しているとあるクリエイターです。 今回CMS側をすべて私が担当し、デザイン制作で非常に苦労しています。 そんな時にこちらを今回参考にさせていただきました。 http://themeforest.net/ まずデパートリーが半端ないです。 また、デザインもかなり洗礼されており非常にクオリティーが高いです。 管理画面のデザインを探す。 こちらのサイトはテンプレートを販売されているサイトです。 管理画面のデザインを探すには検索などで探してみます。 まずサイトへアクセスし検索ボックスに「admin」と入力し検索します。 検索結果の一覧が表示されます。 試しにクリックしてみます。 「Live Preview」をクリックします。 テンプレート
<?php $error = ''; $mes = ''; if(isset($_POST['captcha_code'])){ session_start(); //画像の処理 if($_POST['captcha_code'] == ''){ $error = ' class=error '; $mes = '画像認証を入力してください。'; }elseif($_POST['captcha_code'] != $_SESSION["securimage_code_disp"]["default"]){ $error = ' class=error '; $mes = '入力された画像認証をご確認ください。'; }else{ $mes = '画像認証は正しく入力されました。'; } } //エスケープ function h($str) { return htmlspecialchars(
このページを最初にブックマークしてみませんか?
『とあるクリエイターのエンジニアブログ | T-CREATOR』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く