WEB制作

1/9ページ

バニラ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 […]

PHPでのSingletonの実装と使い方

  • 2019.04.19

Singletonとは インスタンスが一つしか存在しないことを保証するデザインパターンです。 使用するインスタンスを1つだけにすることで、インスタンスの初期化の省略やパラメータの共有などを行うことができます。 実装例 使用例 Modelで使用するPDOをインスタンスを作成する毎に毎回初期化するのは、コストの無駄なのでPDOのWrapperクラスをSingletonし共有する

JSで画像やCSVを保存させるのにクロスブラウザ実装で悩みたくない

JavaScriptで画像やCSVなどを生成してユーザーに保存させる際にIE・EdgeだとmsSaveOrOpenBlob(),Chromeはリンクタグをbodyにdownload属性付きのaタグを追加しなくてもいいがFirefoxは追加しないとならないし、iOSはセキュリティ対策で独自の仕様を取り入れていたりと各ブラウザ毎に様々な対応が必要となって完璧にクロスブラウザの実装するのは結構骨の折れる […]

脱jQueryにおすすめのJavaScriptライブラリ

脱jQueryにおすすめのjQueryレスなJavaScriptライブラリを紹介します。 autoComplete 入力中の内容から自動で候補となるテキストを表示してくれるライブラリ Github デモ Usage Choices.js セレクトボックス内に選択肢の検索機能を追加するSelect2ライクなライブラリです。jQueryを使わずにSelect2を導入したいときに役に立ちます。 Gith […]

Safariなどのmanifest.jsonに非対応ブラウザに

PWACompatは、manifest.jsonの対応していないブラウザをサポートすることができるGoogle製のライブラリです。 このライブラリを使用すれば、iOSのためにメタタグを羅列したり、スプラッシュスックリーン用の画像を準備する作業から開放されます。 デモ Google Developers デモサイト 実装方法 各ブラウザへの効果 iOS Safari apple-mobile-web […]

http上でのService Workerの動作確認

Service Workerとは Service WorkerはWebページのバックグラウンドで動くスクリプトです。 オフラインでの起動や通知機能を実現することができるので、ネイティブアプリのような実装をすることができます。 通常は、セキュリティの都合上HTTPSでしか動作しません。 ブラウザの対応状況 IE以外のモダンブラウザで動作します。 Service Workerの設定方法 以下のソースを […]

1 9