WEB制作

1/10ページ

Fire HD に Google Play をインストールしてPWAをあつかう

どうもこんにちは塚本です。 Amazonから販売されているFire HDなんですが 純正のSilkブラウザではブックマークのショートカットだったり、 PWA対応サイトでの『ホーム画面に追加』が出ないようです。 ※もし、純正Silkブラウザで出来るようだったら申し訳ありません…。 そこで、Fire HDにGoogle Playを導入し、 Google Chromeをインストールして解決し […]

【WordPress】reCAPTCHA v3の設定方法

reCAPTCHA v3とは マウスの動きなどを解析し、画像認証のテストをすることなくBotかそうではないかを判定することができるツールです。 サイトキーとシークレットキーの発行方法 1. 「Google reCAPTCH」にアクセスし、右上の「My reCAPTCHA」をクリックして、Googleアカウントでログインします。 2. ログイン後、画面右上の「+」マークをクリックして、サイトを登録し […]

ふわっふわなWebページを作りたい

どうもこんにちは塚本です。 AppleのWebサイトを筆頭に、海外のおしゃれなWebサイトは画像などをふわっと表示させてたりしますよね。 スクロールに応じて反応するのでなんか気持ちいいし、これってどうやってんだろうなーって昔はよく思っていました。 色々と調べてみると、とーっても簡単に実装できるものがあったので皆さんも使ってみてはいかがですか? Animate.css と wow.js を読み込んで […]

Github Markdown CSSを使用する方法

  • 2019.08.16

個人的にGithubのREADEME.mdは、非常にシンプルで読み易くて好きです。 このスタイルをgithubからぶっこ抜かれたリポジトリがGithub上に公開されています。 自分で作成するサイトなどの簡単なドキュメントは、githubのスタイルを当ることで簡単に読みやすいドキュメントページができて亨保しています。 github-markdown-css DEMO Github 導入方法 npmを […]

知っておくべきLaravelのベストプラクティス TOP10

1. 最新バージョンを使用する 最新の安定バージョンを使用している場合、安全で高性能なWebソリューションを利用できます。最新のLaravelのバージョンで作業することをお勧めします。 2. Bladeの中にクエリーを含めない Bladeの中でクエリを発行した場合、100件の投稿を取得するのに101回DBにクエリを発行してしまいます。 コントローラーなどでクエリを発行すれば、100件の投稿をたった […]

LaravelへのTailwind CSSのインストール手順

LaravelにLaravel Mixを使ってTailwind CSSをインストールする方法を紹介します。 Tailwind CSSとは Tailwind CSSは、ユーティリティファーストのCSSフレムワークです。Tailwind CSSは、ほぼ全てのCSSプロパティをユーティリティクラスとして用意されてまり、これらを組み込み合わせることでデザインを構築して行きます。 例えば、ボタンを実装するの […]

JSのブラウザ環境毎のエラーを無くすためにやったこと

僕がクロスブラウザ対応のためにJSのブラウザ環境毎に発生するエラーを無くすためにやったことをまとめました。 TL;DR エラーハンドリングを行いエラーを収集した Class構文+Babelでコードの可読性を向上させた Polyfill.ioも利用 エラーの収集 先ず、現状どんなエラーが発生しているのか知らないとエラーを治すことができないので、JSのエラーハンドリングを行い簡単にエラーを収集しました […]

DjangoでHTMLメールを送信する

DjangoでHTMLメールを送信する方法です。 メールの送信設定 まず、setting.pyでメールサーバーの設定を行います。 下記のソースコードを参考に使用するメールサーバーのログイン設定を記述しましょう。 メールの送信 メールの送信は、Viewで行います。 メール本文にはrender_to_string()を使用してテンプレートから本文を作成することができます。 メールのテンプレートは、HP […]

1 10