Sassyブログ

埼玉県在住のシステムエンジニアです。多ジャンルなブログですが、基本的にはIT関連の内容を中心に他のちょいちょい他ジャンルの記事も発信していきます。

IT・ソフトウェア

【備忘録】MariaDBでパスワードやユーザー名、権限を変更するコマンド

WordPressでDBを構築する時ついつい忘れがちなのでメモとして残します。 ※[ ]で囲っている部分は置き換えて下さい。 ※MariaDBで動作確認済み パスワード変更コマンド データベースを切り替える use mysql パスワードを変更する update user set password=PAS…

【Wordpress】デモサイト用に立てたAWS EC2からロリポップへWordpressのデータ移行する際の手順と注意点

始めに 準備 Wordpress本体をAWSからダウンロードする DBデータをエクスポートする 手順 ロリポップへwordpressをアップロードする DB作成 DBデータをインポートする wp-config.phpを編集する 公開設定を行う 最後に 始めに WordPress制作のお仕事をいただい…

HTMLVideoElementのイベントハンドラの悪夢

イベントハンドラとは? 仕様が複雑化するとイベントハンドラにロジックを書くのはバグの温床になりやすい 解決方法はあるのか? 最後に 参考 最近JavaScriptでHTMLVideoElement周りをゴリゴリ触っています。 そこで得た知見を共有できたらと思い記事として…

LightHouseを使ってサイトのパフォーマンス改善を行った

経緯 LightHouseとは? 品質を計測してみる どのように対応したのか Performance Accesibillity Best Practices SEO 最後に 今回、私が開発・運用しているHiramekiというサービスのパフォーマンスをLightHouseというツールを使って改善した話をしたいと思い…

おススメWordpressプラグイン!【Organize Media Folder】を導入してメディア管理を便利にする方法

今回はWordpressで扱う画像が多くなり、画像や動画ファイルを整理したい時におすすめのプラグインをである【Organize Media Folder】をご紹介します! こちらは【Organize Media Library by Folders】の後継であり、【Organize Media Library by Folders】は…

おススメWordpressプラグイン!【Category Order and Taxonomy Terms Order 】を導入してカテゴリの並び替えをできるようにする方法

背景 インストールから使い方まで AWS環境化にてFTP認証情報を入力せずに突破する方法について プラグインを入れずに順番を変更したい場合について 最後に 今回は【Category Order and Taxonomy Terms Order】というカテゴリの順番を並べ替えできるようにす…

Safariで動画を開いた時に途中から再生できなかった時の対処法

問題 原因 対処方法 問題 ページを開いたときに途中から再生を行う機能を実装したのですが、なぜかSafariでは途中再生がされず最初からの再生となってしまう事象が発生していました。 Chrome、FireFox、Edgeでは等のブラウザではしっかり途中から再生されて…

jest v27.2.0へのアップデートで発生した不具合の回避方法について

問題 2021/9/17時点で確認された不具合 原因 対処方法 問題 仕事先ではRnovateを使用して週1でライブラリのアップデートを行っています。 Renovateって何?って方はこちらから www.whitesourcesoftware.com メジャーバージョンアップ時はその対象のモジュー…

Djangoのフロントエンド環境をWebpackを使ってより良くしてみた

Webpack icon by Icons8 最初に 私自身Webpack使いでもなく、仕事でWebpackを使い倒すということはあまりしてこなく修正程度を行うくらいでしか触ったことがありません。 なのでもっと良い書き方があるかもしれませんが、ネットの情報を見てもDjango+Webpack…

Wordpressの固定ページに記事の一覧を作りたい場合にオススメのプラグイン【Insert PHP Code Snippet】を紹介します

やりたいこと Insert PHP Code Snippetとは 使い方 設定について Sorting of snippets Credit link to author Pagination limit Autoinsert PHP opening tags Enabling automatic exception handling for PHP snippets Premium Version Ads 最後に 最近受託…

Djangoの管理画面のモデルページを見やすくする方法

始めに 手順 動作確認 最後に 始めに 今回は管理画面を見やすくする設定を紹介したいと思います。 初期状態だとデータベースにレコードを登録した際にDjangoの管理画面から見える画面って以下のような感じではないでしょうか? これを以下のように見やすくし…

Djangoの管理画面(/admin)にアクションを追加する方法

始めに 今回はDjangoの管理画面にアクションを追加する方法について書いていきます。 デフォルトではレコードの削除アクションしかないので、それ以外で何かアクションが欲しい場合は自分で作成しなくてはなりません。 それにしてもDjangoの管理画面は拡張性…

【備忘録】.gitignoreへ後から管理対象を追加してgit管理対象外とする方法

これ結構やり方忘れてしまうので備忘録として残します。 .gitignoreファイルに対象外にしたいファイルまたはディレクトリを追加します。 そしたら以下のコマンドを叩いて削除を行います。 git rm --cached [削除対象のファイル名] 「-r」オプションを付ける…

【Python】django-maintenance-modeを使ってメンテナンスモード切替え機能を爆速に開発する

始めに 今回はdjango-maintenance-modeというものを知ったのでDjnagoアプリにインストールして、稼働しているサービスでメンテナンスモード機能を取り込んでみたいと思います。 github.com 動作環境 Windows10 python 3.8 django 3.2 django-maintenance-mod…

TypeScript Compiler APIを使ってimportのモジュールパスを取得する

今回は前回の延長線上でASTからimport宣言のモジュールパスを取得してみようと思います。 前回の記事を見ていない方はこちらをどうぞ www.sassy-blog.com 前回のソースコードから以下のように変更しました。 testTscApi/test.tsではimport文を適当に増やして…

TypeScript Compiler APIを触ってみた

始めに 本記事で話す範囲 TypeScript Compiler APIとは何か? TypeScript Compiler APIを使うと具体的に何ができるのか? ASTによるコード解析を試してみる ASTから元のコードを生成してみる 最後に 始めに 今回はTypeScript Compiler APIというものについて…

【JavaScript】default export、named exportについての話

これは完全に私が普段の開発でTypeScriptを使用していて「あ、この場合はやっぱりdeafult exportがいいなとか、こっちの場合はnamed exportの方がいいな」という個人的な意見で書いております。 default exportの良さ 今のところ業務でコードを書いていてdef…

DjangoでGoogleWorkspace(旧: GSuite)で作成したグループアドレスでメール送信する方法

概要 登録完了後に送信するメールだったり、何かしらのお知らせメールだったり、アプリケーションからサービス用のメールアドレスでユーザーへ送りたい場合ってありますよね。 個人で開発していたりしたら、そのまま専用のアカウントを作って設定した方が良…

DjangoからGmailでメール送信する場合はアプリパスワードを発行しよう

今回はdjangoアプリからメール送信でgmailのsmtpサーバーを使うときのベストプラクティスな設定方法を書こうと思います。 環境 Django3.1 Python3.8 GmailはGoogleWorkspaceで設定している会社ドメインのメールアドレスを使用しています。 djangoドキュメン…

social-auth-app-djangoを本番で使う際にsettings.pyへ「SOCIAL_AUTH_REDIRECT_IS_HTTPS=True」を追加してhttpsプロトコルの使用を強制するようにしよう

DjnagoでGoogleやFackbook、Twitter、Yahooログインを実装する場合にsocial-auth-app-djangoというライブラリを使用する方はおおいのではないでしょうか? 今回はsocial-auth-app-djangoを使ってソーシャル認証機能を実装する際に知っておくと問題解決がスム…

Web Security情報PickUp!(20210522 - 20210528)

20210522 ~ 20210528の間で海外サイトで取り上げられたWebに関連しそうなセキュリティ記事をPickUpして共有していこうと思います。 掲載された記事は以下です。 1. PHP Abused for Web Skimming Attacks(Webスキミング攻撃でPHPが悪用される) PHPはWebの…

Web Security情報PickUp!(20210515 - 20210521)

20210515 ~ 20210521の間で海外サイトで取り上げられたWebに関連しそうなセキュリティ記事をPickUpして共有していこうと思います。 掲載された記事は以下です。 1. Magecart Hackers Now hide PHP-Based Backdoor In Website Favicons(MagecartハッカーがP…

レンダリングブロックせずにCSSを非同期的に読み込ませる簡単なテクニック

はじめに preloadやpreconnectのResourse Hintsを使う? media属性とonload属性を使った非同期読み込みテクニック 最後に はじめに CSSは画面描画をブロックするリソースとして扱われます。 developers.google.com 今回はパフォーマンス改善の一環としてCSS…

Web Security情報PickUp!(20210508 - 20210514)

20210508 ~ 20210514の間で海外サイトで取り上げられたWebに関連しそうなセキュリティ記事をPickUpして共有していこうと思います。 掲載された記事は以下です。 1. Google Chrome's new privacy feature restricts online user tracking(Google Chromeの新…

Web Security情報PickUp!(20210501 - 20210507)

20210501 ~ 20210507の間で海外サイトで取り上げられたWebに関連しそうなセキュリティ記事をPickUpして共有していこうと思います。 今週は掲載されていたWeb関連の記事が少なかったので4つとなります。 掲載された記事は以下です。 1. SolarMarket RAT Uses…

Web Security情報PickUp!(20210424 - 20210430)

20210424 ~ 20210430の間で海外サイトで取り上げられたWebに関連しそうなセキュリティ記事をPickUpして共有していこうと思います。 今週は掲載されていたWeb関連の記事が少なかったので4つとなります。 掲載された記事は以下です。 1. Google Patches Yet A…

ブラウザやタブを閉じたり、画面内でコンテンツを切り替えたりするときに非同期処理をしたい場合はsendBeacon使いましょう

掲題の通りなのですが、ブラウザやタブを閉じるタイミングや画面内で別コンテンツに切り替える場合に その時の状態のデータをWebAPIリクエストしたりしたい場合ってありますよね? JavaScriptのAjax通信なんかは基本非同期なので、これをそのままブラウザや…

Web Security情報PickUp!(20210417 - 20210423)

20210417 ~ 20210423の間で海外サイトで取り上げられたWebに関連しそうなセキュリティ記事をPickUpして共有していこうと思います。 掲載された記事は以下です。 1. Cockpit CMS flaws exposed web servers to NoSQL injection exploits(コックピットCMSの欠…

Web Security情報PickUp!(20210410 - 20210416)

20210410 ~ 20210416の間で海外サイトで取り上げられたWebに関連しそうなセキュリティ記事をPickUpして共有していこうと思います。 掲載された記事は以下です。 1. Facebook ads dropped malware posing as Clubhouse app for PC(Facebook広告は、PC用のClu…

Qiitaで「MozillaのWebセキュリティガイドラインが中々良かった話」という記事を書きました

どうもSassyです。 最近Qiita始めました。(今更という感じですが…) 最近はWebセキュリティを勉強したくて色々キャッチアップしたりしてまして、 MozillaのWebセキュリティガイドラインを読み中々よかったので記事にしてみました。 qiita.com 良ければ読ん…