WEB制作

1/9ページ

2019年版 – あなたのサイトを診断してくれるツール6選

  • 2019.07.05

サイト表示速度の測定 PageSpeed Insightsは、GoogleのLighthouse を元としたストアリングを行ってくれるツールです。 モバイルフレンドリー診断 モバイルフレンドリーテストは、HPがスマホで操作しやすいデザインになっているかチェックしてくれるツールです。モバイルフレンドリーであることは、SEO効果があるとされています。 構造化データ診断 構造化データ テストツールは、G […]

PHPの組み込み関数をPythonで実装したものを調べられるツール

Python(Django)を使ってWEBアプリケーションを構築しているときに、PHPはWEBに特化しているので、WEBで使う関数などが最初から用意されていて、Pythonだとちょっとしたことでも、長い実装になってしまって大変なことが多いです。 Pythonに慣れていないと、PHPではちょっとしたことでもかなりのリソースを使ってしまいます。 時間を節約する為にもPHPの組み込み関数をPythonで […]

JavaScriptで発生したエラーを収集する方法

プログラムのエラーを修正の為には、エラーメッセージを確認することが一番ですが、当たり前ですが、JSで発生したエラーはユーザーのディベロッパーツールには表示されますが、サーバー側には何も記録されません。 JSは、ブラウザによってエラーが発生することもあり、不具合の再現が困難な場合があります。 そういった問題を解決するためには、JSのエラーハンドリングを行って、サーバー側にログを残して置くと非常に便利 […]

表示速度を上げるHTMLタグ

HTMLのタグで事前読み込みや非同期実行の設定を行うことで、表示速度の改善を行うことができます。 DNS Prefetching CDNなどで他のドメインのリソースを読み込むことが確定している場合、<link rel="dns-prefetch">を設定していると予めにDNSの読み込みを行う事ができます。 rel="preload"によるコンテンツの先読み <link rel="pre […]

まだHTMLのMinify化で消耗してるの?

JSやCSSのMinify化は一般的に行われている一方で、HTMLのMinify化は積極的には行われていません。 HTMLもJSやCSSと同様にMinify化は必要なのでしょうか? Minify化されたサイト 以下のサイトのHTMLはMinify化されています Google Yahoo! JAPAN Facebook Minify化されていないサイト 以下のサイトのHTMLはMinify化されてい […]

HPに使用されている技術を可視化するChrome拡張機能

わざわざディベロッパーツールを開いて自力で解読しなくても、HPに使用されている技術を簡単に可視化することができるChrome拡張機能をご紹介します。 今回ご紹介する拡張機能を追加しておくと他人のサイトにアクセスした際に技術や設定がなさてれいるのか可視化できとても参考になったりします。 Wappalyzer HPに使用しているフレームワークやライブラリを自動で判別して表示することができる拡張機能です […]

バニラPHPにBladeを導入して良かったこと

Laravelnのテンプレートエンジンとして採用されているBladeをバニラPHPのプロジェクトに採用して良かったところをまとめました。 インストール Bladeには、BladeOneというスタンドアロン版があるので、今回はそちらのインストール方法を紹介します。 Without composer’s autoload.php 1.https://github.com/EFTEC/Bla […]

Bootstrap4を日本語でも美しくする表示するテーマ

Bootstrap4は、あまり日本語の表示が美しくないと噂ですが、タイポグラフィ周りを調整することで日本語を美しく表示することができます。 自分でCSSの調整を行っても良いですが、せっかくBootstrapを使っているのですから既存のライブラリを使ってより開発を楽に行って行きたいと思うので、Bootstrap4のタイポグラフィ周りを調整するおすすめのライブラリを紹介したいと思います。 jpn.cs […]

軽量なルーティングライブラリ【AltoRouter】

  • 2019.04.26

AltoRouterは軽量でパワフルなライブラリです。 単一ファイルで、依存するライブラリもないため、本格的なシステムの構築から、カジュアルなアプリケーションの作成まで幅広く活躍してくれます。 動作確認環境 PHP 5.3+ インストール Using Composer Without Composer 使い方 .htaccess index.php Laravelライクに使う AltoRouter […]

1 9