はてなブックマーク

• あとで読む

  XAMPPのPHPをバージョンアップする | Webエンジニアブログ

  4 users

  dim5.net

  XAMPP for Windows1.8.1のPHPだけをバージョンアップする PHP5.6.22にアップグレードしてみる XAMPP for Windows1.8.1の場合、PHPのバージョンは5.4.7になっている。 このXAMPPのPHPだけをバージョンアップしてPHP5.6.22にしてみよう。 ダウンロード VC11 x86 Thread Safeのzip版を以下のURLからダウンロードした。 http://windows.php.net/downloads/releases/php-5.6.22-Win32-VC11-x86.zip ダウンロードしたら展開する。 配置 展開後配置します。 パスを合わせるため、元からあったphpフォルダをphp.orgに変更し、新規に配置したPHP5.6.22のフォルダをphpへ変更します。 mibsのコピー 元のPHP(php.org)に入ってい

  • テクノロジー
  • 2016/06/30 08:27

  • PHP
• あとで読む

  LaravelでmigrateするDBとパスを変更する | Webエンジニアブログ

  3 users

  dim5.net

  Migrationファイルの保存先の変更と展開先データベースの変更オプション パスの変更 Laravelのデフォルトでは、Migrationファイルが、 app/database/migrations に保存されます。 データベースを動的に切り替えるアプリケーションを開発する場合には、migrationファイルの格納先をチャネル化し、データベース毎にmigrationファイルを管理する必要があります。 保存先パスを変更するために新規の保存先を作成します。 app/database/migrations2 新規に作成したmigrationファイルの保存先を –path で指定すれば、その階層にmigrationファイルが保存されていきます。 php artisan migrate:make create_posts_table --path=app/database/migrations2

  • テクノロジー
  • 2016/06/02 15:14

  • Laravel
  • DB
  • database
• あとで読む

  WordPressのjQueryをcdnに変更 | Webエンジニアブログ

  3 users

  dim5.net

  WordPressに同梱されているファイルのjQueryではなくcdnを読み込む jquery-migrateも読み込む WordPress3.8.1だとブログ公開ページのjQueryの読み込みは、 <script type='text/javascript' src='http://blog.wordpress38ja2.local/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script> <script type='text/javascript' src='http://blog.wordpress38ja2.local/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script> となっていて、ローカルから読み込むようになっている。この状態をcdnに変更する。 ad

  • テクノロジー
  • 2016/03/21 11:32

  • WordPress
• あとで読む

  記事ごとにOGPを簡単設定 for WordPress | Webエンジニアブログ

  12 users

  dim5.net

  プラグインを使わずに設定 OGPメタタグを追加する専用のプラグインを利用せずに、HTMLのhead領域にメタタグを出力するコードをfunctions.phpに追加する方法でOGPに対応します。 やり方 functions.phpの場所 WordPressで設定中のテーマ内にfunctions.phpが配置されています。公式テーマtwentythirteenの場合は、 wp-content/themes/twentythirteen/functions.php に配置されています。 コピペするコード functions.phpの最後に下のPHPコードをコピーして追加します。 function add_ogp() { // 変数の設定 $site_name = get_bloginfo('name'); $permalink = esc_url((empty($_SERVER["HTTPS"]

  • テクノロジー
  • 2016/02/12 12:13

  • Wordpress
  • webデザイン
  • web制作
  • *あとで読む
  • あとで読む
• あとで読む

  管理画面に新しい配色を追加するwp_admin_css_color | Webエンジニアブログ

  5 users

  dim5.net

  wordpressのadmin panelにwindows8タイプの配色を設定する admin_initアクションにwp_admin_css_colorをフックする wordpressの管理画面にデザイナーや開発者が設定した配色を選択可能にする。 WordPress3.8 管理画面の色をカスタマイズして設定する方法では、マルチサイト環境におけるブログセットアップ時(ユーザー登録時)に配色を変えてセットアップする方法を書いた。 本エントリーでは、デフォルトで選択可能な8種類の配色に新しい配色を追加する方法をエントリーする。wordpress3.8.1の標準の配色は以下のようになっている。 エクトプラズムを選択した状態の管理画面の配色にしてある。この状態を以下のように変えてみる。 Windows8タイプの配色を追加して選択したのが上の状態。 まず、admin_initに配色を設定するための関数

  • テクノロジー
  • 2016/02/10 17:13

  • あとで読む
• あとで読む

  WordPressの権限ごとに異なる管理メニューを表示 | Webエンジニアブログ

  3 users

  dim5.net

  functions.phpにroleを取得してメニューを決定するアクションを追加 wp_get_current_userでroleを把握 wordpressの管理画面には標準で左サイドバーに管理メニューが表示されるようになっている。本エントリーでは、ユーザー権限に応じて異なる管理メニューを表示する方法を書いてみる。 WordPress管理画面の権限制御を把握しておけば、マルチユーザーのサイト制作を行う際にその知識を役立てることができます。 やることは以下の二つで、 ユーザー権限の取得 メニュー項目の削除 最終的なコードは以下のようになった。このコードをテーマ関数であるfunctions.phpに追加した。 function userrole_menus() { $current_user = wp_get_current_user(); if( $current_user->ID == "

  • テクノロジー
  • 2016/01/12 09:44

  • wordpress
• あとで読む

  WordPressで登録フォームを作成 | Webエンジニアブログ

  5 users

  dim5.net

  プラグインを利用せずに固定ページに登録フォームを自作する フォームの作成 WordPressの固定ページに登録フォームを作成する方法。セッションによる再送信防止機能やバリデーション機能を追加したフォームの開発。 基本となる固定ページの作成 固定ページにフォームを作成するので、最初にベースとなる固定ページを作成します。 画像のように フォームのテスト という固定ページをサンプル的に作りました。 エディタを ビジュアルからテキスト に変更することでPHPコードを有効にできると思っていたのですが、やってみたらできませんでした。そのための専用プラグインがあるようですが、今回は functions.phpとthe_contentフィルターフック を利用してフォームを自作します。 スラッグの追加 URLのスラッグを利用してthe_contentフィルターフック内でページによる判定処理を行いますので、ス

  • テクノロジー
  • 2015/12/21 15:38

  • WordPress
• あとで読む

  トップページから一部の記事を除外する | Webエンジニアブログ

  3 users

  dim5.net

  特定カテゴリに属する記事をトップページに表示しない 2種類のやり方 WordPressのトップページで、一部のカテゴリに属する記事を非表示にします。 記事を除外するための2種類のやり方を検証してみました。2種類の方法とは、 アクションフックを使う方法 テーマ側に除外処理を追加する方法 です。 アクションフックを使用する方法では、具体的には pre_get_postsアクション を利用して、データベースに対するクエリ発行前に、クエリのパラメータを調整し、一部のカテゴリに属する記事を除外する方法になります。 別の方法として、テーマ側でクエリパラメータを調整することも可能です。その場合には、テーマ内で query_posts関数 を使って、データベースに対するクエリを微調整します。 pre_get_postsアクション PHPコード WordPressのpre_get_postsアクションフック

  • テクノロジー
  • 2015/11/12 15:08

  • wordpress
• あとで読む

  デベロッパーツールとjQueryでREST APIのテストリクエストを実行 | Webエンジニアブログ

  7 users

  dim5.net

  サーバ側のエンドポイントにAjaxリクエストを送信 CurlかPostmanを使ってきたがブラウザのコンソールからjQueryを実行する方法も有効 Chromeやfirefoxのjsコンソールから直接jQueryを実行することで、Ajaxのテストリクエストを送信する方法。 Curl Postman REST Client 上の2つのツールを利用してAjaxのテストリクエストを行ってきたが、JSコンソールから直接テストコードをコピペして実行する方法も手軽で良いかもしれない。 やり方 コンソール上でjQueryを実行可能にする ブラウザのコンソールでjQueryを実行できる状態にするのが以下のコードです。 var jq = document.createElement('script'); jq.src = "http://code.jquery.com/jquery-2.1.3.min.js

  • テクノロジー
  • 2015/10/30 00:04

  • jQuery
  • rest
  • ajax
  • プログラミング
  • あとで読む
• あとで読む

  ng-classで条件に応じてclass属性を設定 | Webエンジニアブログ

  4 users

  dim5.net

  bool値や条件式の結果に応じてclass属性を追加するAngularJSのng-class true/falseに応じてclassを設定 AngularJSのng-classでは、HTMLのclass属性を動的に設定することができる。 ng-classのベーシックな例が以下のコードになる。 <div ng-class="{second: true}" class="first">sample</div> ng-classを利用してsecondというclass属性を追加するコードになるが、条件をtrueではなくfalseにするとclass属性は追加されなくなる。 上の例はbool値を直接記述しているが、変数や条件式をダイレクトに書くこともできる。 以下の例は各行のdoneの値に応じてredというclass属性を設定する例になる。 <tr ng-repeat="e in todo.tasks

  • テクノロジー
  • 2015/08/04 13:00
• あとで読む

  WordPress 検索結果のURLをカスタマイズ | Webエンジニアブログ

  5 users

  dim5.net

  ブログ内検索のURLをカスタマイズしてURLを階層化する WordPressデフォルトの検索結果URL WordPressの標準では、ブログ内検索のURLは、 /?s=keyword という形式になります。このURLを /search/keyword.html に変更してみます。 やり方 mod_rewriteの設定 htaccessでも同様に設定することが可能ですが、本記事ではmod_rewriteで試しました。 <IfModule mod_rewrite.c> RewriteEngine On # WordPress標準の設定 RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule .

  • テクノロジー
  • 2015/07/18 10:50

  • WordPress
• あとで読む

  URLのカテゴリ階層をカスタマイズしてフラットなURLにする | Webエンジニアブログ

  7 users

  dim5.net

  WordPressのパーマリンク設定でカテゴリーを追加している場合 カテゴリーを階層化するとURLが意外と長くなる パーマリンク設定でカテゴリー名を含む設定にしていると、いろいろとトラブルというか、余計な部分に気を使う必要が生じる。そのため、カテゴリ名をURLに含む設定をすることはおすすめできない。 上の画像は、おなじみのパーマリンク設定の画面になりますが、カスタム構造として、 /%category%/%postname%.html を設定しています。本記事は、このパーマリンク設定をしていることを前提にした記事です。 なお、個人的におすすめのパーマリンク設定は、 /%postname%.html になります。 カテゴリの階層化 階層化するとURLも階層化される パーマリンク設定でカテゴリ名をURLに含む設定した状態で、カテゴリを階層化してみました。 [ネットショップ]というカテゴリを作成し

  • テクノロジー
  • 2015/05/29 20:12

  • Wordpress
  • 仕事
• あとで読む

  WYSIWYGエディタで画像のアップロードを行う | Webエンジニアブログ

  5 users

  dim5.net

  WYSIWYGのエディタSummernoteではファイルアップロード機能を実装できる Data URI schemeとFile Upload Bootstrap3でデザインされたWYSIWYGのエディタSummernoteに画像アップロード機能を実装する。 SummernoteをCakePHPで利用する SummernoteにはデフォルトでData URI schemeで画像ファイルをエディタに貼り付けることが可能。実際に画像を貼り付けて、HTMLのソースコードを確認してみたのが下の画像の状態になる。 Data URI schemeの方法を用いると画像をサーバ側にアップロードすることなく、画像をすべてエンコードしてテキスト状態にして貼り付けるため、画像を参照するためのHTTPリクエストが発生しないというメリットがある。 File Upload方式にて画像を管理したい場合には、Summern

  • テクノロジー
  • 2015/04/10 20:59

  • エディタ
  • CakePHP
• あとで読む

  heartbeat APIでリアルタイムダッシュボードを作成 | Webエンジニアブログ

  3 users

  dim5.net

  WordPressのダッシュボードでコメントの受付をリアルタイム表示にする heartbeat APIの有効な利用例 heartbeat APIを前向きに利用する方法について調べてみた。 heartbeat APIへのリクエスト調整のエントリーでは、heartbeat APIの自動リクエストを抑制する方法について書いた。本エントリーでは、逆に前向きな利用方法について書いてみる。 heartbeat APIについて調べてみたところWordPressの新たな可能性を感じさせられる結果となった。 いろいろとWeb検索でheartbeat APIについて調査していて最もピンときたのが下のURL https://core.trac.wordpress.org/attachment/ticket/23216/heartbeat-test-plugin.php heartbeat-test-plugin

  • テクノロジー
  • 2015/02/19 12:24

  • WordPress
• あとで読む

  Laravelの404エラーの返し方とエラーページの作成 | Webエンジニアブログ

  3 users

  dim5.net

  Laravelのエラー制御とエラーページの表示 純粋にstatus code 404を返す方法 Laravelで404エラーをレスポンスする簡単な方法は、routes.phpでエラーイベントを検知できるように設定するやり方があります。 具体的にはroutes.phpで以下のとおりコーディングすることで、 / (ルート) および SampleControllerで定義されていないパス については404エラーを返すことが出来ます。 Route::controller('/', 'SampleController'); Event::listen('404', function() { return App::abort(404); //return Response::error('404'); }); レスポンスオブジェクトを利用したやり方をコメントにしてありますが、APPオブジェクトのやり

  • テクノロジー
  • 2015/02/16 14:26
• あとで読む

  Backbone.js入門 | Webエンジニアブログ

  5 users

  dim5.net

  Modelの動作確認からはじめるBackbone.js HTML Backbone.jsの入門記事です。Modelを定義してBackbone.jsのメソッドを実際に使用してみます。 アプリケーションのHTMLを作成します。 <!DOCTYPE html> <html> <head> <title>Backbone.jsの動作確認</title> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" type="text/css"> </head> <body> <h1>Engineers List</h1> <ul></ul> <script src="https://code.jquery.com/jquery-2.1.1.min.js"></s

  • テクノロジー
  • 2015/02/14 21:01

  • backbone.js
  • javascript
• あとで読む

  Laravelでファイルアップロードフォームを作成 | Webエンジニアブログ

  4 users

  dim5.net

  純粋な画像アップロードフォームの作成と画像の加工処理 アップロードのフォームの作成 Laravel4で画像のアップロードフォームを作成します。 routes.php 最初にルーティングを定義してURLとControllerを関連付けます。 Route::get('/', array('uses'=>'UploadController@getIndex')); Route::post('/', array('uses'=>'UploadController@postIndex')); UploadController内に フォームを表示するgetIndex ファイルをアップロードするpostIndex 2つのアクションを作成し、/(ルート)にマッピングしました。 Controller getIndex フォームを表示するgetIndexアクションは、Viewを呼び出す処理のみを書いておきます

  • テクノロジー
  • 2015/01/28 02:32

  • Laravel
  • Tutorial
• あとで読む

  hasAndBelongsToManyを活用して多対多のデータモデルを構築する方法 | Webエンジニアブログ

  3 users

  dim5.net

  Post HABTM Tag, Tag HABTM Post 多対多のデータモデルを構築するために中間テーブルを作成 CakePHPのブログチュートリアルにTagモデルを追加します。 復習 入門データモデリング ブログチュートリアルにCommentモデルを追加のエントリーでは、ブログチュートリアルで作成したPostモデルに紐づいたCommentモデルを作成し、 hasMany belongsTo 双方の使い方について書きました。データモデル入門では、ブログチュートリアルのUserモデルとPostモデルを連携させる方法を実際にhasManyを設定して確認しました。 本記事では、hasAndBelongsToMany (HABTM)を利用して、PostモデルとTagモデルを連携させます。 PostとTagの関係 ブログサービスにおいて、PostとCommentは1対多の関係にありますが、Pos

  • テクノロジー
  • 2014/12/14 10:38
• あとで読む

  Bootstrap3ベースのWYSIWYGエディタSummernote | Webエンジニアブログ

  3 users

  dim5.net

  CakePHPでSummernoteを利用する 使い方 ダウンロード Bootstrap3とFont Awesomeによる美しいデザイン 充実したショットカットキー サーバサイドとシンプルな統合 などが特徴のWYSIWYGエディタSummernoteについて書いてみる。 Summernoteのコンパイルされたパッケージは以下のURLから得ることが可能。 http://summernote.org/getting-started/#compiled-css-js [Download Compiled Summernote]というリンクからzipファイルをダウンロードできる。展開したのが画像の状態。 パッケージ内で今回利用したファイルは、 summernote.css summernote.js の2つのファイルになる。 セットアップ CakePHPでSummernoteを利用する例をあげてみ

  • テクノロジー
  • 2014/12/08 18:14
• あとで読む

  angular.js ng-repeatの組み込み変数 | Webエンジニアブログ

  4 users

  dim5.net

  ng-repeatのビルトイン変数を利用してtableの背景色を一行おきに設定 AngularJSのng-repeatディレクティブで利用できる変数 ng-repeatの組み込み(ビルトイン)変数は利用頻度が高いプロパティ。 AngularJSの公式サイトでは以下のURL(英語)で使い方を確認できる。 https://docs.angularjs.org/api/ng/directive/ngRepeat 本記事では、 $index $middle $even $odd を利用してtableタブ内における繰り返し処理で、ng-repeatの組み込み変数を使ったサンプルを紹介する。 サンプルコード headタグ内では、foundation(cssフレームワーク)とangularjs本体を読み込み、サンプルとなるModelデータを定義している。 <html ng-app="webEnginee

  • テクノロジー
  • 2014/11/17 20:49

  • AngularJS
• あとで読む

  XSS対策 for Laravel | Webエンジニアブログ

  4 users

  dim5.net

  Laravelのクロスサイトスクリプティング対策 Controller側で対策する Laravelでは他のPHPフレームワークと同様に悪意あるスクリプトを無害化(サニタイズ)する機能が備わっています。 フォームからJavaScriptのコードが送信されたとします。 <script>alert('XSS!')</script> Laravelの e() を利用してJavaScriptのコードを無害化することが出来ます。 $textarea = e(Input::get('textarea')); $textareaをデータベースにinsertすると無害化された状態でデータが挿入されます。 &lt;script&gt;alert(&#039;XSS!&#039;)&lt;/script&gt; e()で無害化していない場合はjsのままデータが挿入されるため、Viewで出力した際に、javasc

  • テクノロジー
  • 2014/11/12 21:27

  • PHP
• あとで読む

  Laravel where条件の使い方 | Webエンジニアブログ

  7 users

  dim5.net

  Eloquent ORMで様々なwhere条件を設定する方法と複数条件の使い方 LaravelでSQLのWhere句を使う LaravelのEloquentでは柔軟にSQLを生成するコードを記述することが出来ます。 EloquentのQuery Builderを利用していろいろなwhere条件を設定した例です。 シンプルな例 基本的なwhereの使い方が以下のコードです。Query Builderの使用方法と生成されるSQLを載せてみます。 Query Builder $p = Product::where('userID', '1')->get(); SQL select * from `products` where `userID` = '1' and条件 複数の条件をandで設定します。SQLのand条件を生成する場合は、Query Builderでwhereを連結させることで生成

  • テクノロジー
  • 2014/11/10 21:19

  • Laravel
  • php
• あとで読む

  Laravelで実行されたSQLを確認する | Webエンジニアブログ

  4 users

  dim5.net

  App::afterを利用する方法とlaravel-debugbarを使う方法 DB::getQueryLogをクエリ発効後に参照する Laravelで実行したSQLを確認する方法です。 DB::getQueryLog()の結果をSQLを実行するコードの後に追加することで、SQL文を確認することが出来ます。 $p = Product::with('users', 'tags', 'comments')->orderBy('id','desc')->get(); $q = DB::getQueryLog(); echo "<pre>"; var_dump($q); echo "</pre>"; SQL確認用のコードをApp::after()に設定して、Laravelのdebug値に応じてON/OFFしてみます。 app/filters.php の App::after() にSQL確認用のコ

  • テクノロジー
  • 2014/11/08 23:15

  • Laravel
• あとで読む

  Laravel クラスの追加と共通関数の使い方 | Webエンジニアブログ

  5 users

  dim5.net

  Laravelに開発者が定義する共通関数で構成されるクラスを追加する 新しいclassを追加 Laravelで共通関数を定義して利用する方法です。 新しくclassを追加して、そのclassに共通関数をコーディングしていきます。 app/lib/Common.php を作成して、このファイルにオリジナルの関数を追加していきます。 namespace app\lib; class Common { public static function random_slug($num = 6) { $parts = 'abcefghijklmnopqrstuvwxyz1234567890'; return substr(str_shuffle($parts), 0, $num); } } Commonクラスを定義し、その中に共通関数を追加していきます。上のコードでは、 random_slug() と

  • テクノロジー
  • 2014/11/01 23:32

  • Laravel
• あとで読む

  ExpressのSessionデータをRedisで管理する | Webエンジニアブログ

  5 users

  dim5.net

  Sessionストアベースのセッション管理をExpressで行う 使い方 Node.jsとExpress3.10.5の環境でSessionデータをサーバ側で管理する。 Sessionを利用するにあたりインストールしたモジュールは以下のとおり。 express connect-redis express-session 今回は、package.jsonで定義して、 npm install で環境を用意した。 { "name": "WebEngineerBlogSampleApp", "version": "0.0.1", "private": true, "scripts": { "start": "node app" }, "dependencies": { "express": "3.x", "connect-redis": "*", "express-session": "*" } }

  • テクノロジー
  • 2014/10/30 03:11
• あとで読む

  LaravelでRest APIを開発する | Webエンジニアブログ

  12 users

  dim5.net

  PHPフレームワークのLaravelでRestfulインタフェースを作成 簡単な例で入門 Laravelで効率的にRest APIを開発することが出来ます。 作成するファイル 下の3つのファイルを作成しました。 app/routes.php app/models/Todo.php app/controllers/TodoController.php routes.php routes.phpでアプリケーションのルートをコントローラーにマッピングします。 Route::controller('/', 'TodoController'); TodoControllerにAPIをコーディングしていくことになります。 Model APIではデータベースを操作するので、Modelを作成します。 class Todo extends Eloquent { protected $table = 'tod

  • テクノロジー
  • 2014/10/23 10:44

  • laravel
  • api
  • php
• あとで読む

  Laravel 定数の使い方 | Webエンジニアブログ

  4 users

  dim5.net

  Laravelで定数を設定してControllerやViewから値を利用する 定数の設定 Laravel4.2で試した定数の利用方法です。 定数をコーディングするファイルを app/config に作成します。 今回は、 const.php を作成しました。 ファイル名は、const.phpである必要はなく、value.phpでも大丈夫です。 const.phpでは、key/value形式で定数を設定することが可能です。 return array( 'domain' => $_SERVER["SERVER_NAME"], 'base_width' => 60, 'base_height' => 60 ); 上のコードは、3つの定数を設定した例になります。ハッシュ配列の形式で複数の定数を定義することが出来ます。 定数の利用 定数を利用する際には、 echo Config::get('cons

  • テクノロジー
  • 2014/10/23 10:44

  • Laravel
• あとで読む

  LaravelのValidationをModel内にコーディングする | Webエンジニアブログ

  6 users

  dim5.net

  LaravelではCakePHPと異なりValidationルールをControllerに記述する例が多い LaravelでVaidateルールをModelに記述する方法 LaravelのValidationルールをModelにコーディングして、 Controllerからバリデーションチェックする方法です。REST APIを構築した際には、バリデーションルールをControllerに記述したのですが、Modelに記述することも可能です。 Webで検索したところ Trick: Validation within models 上の記事がValidationをModelにコーディングする上で、シンプルに実現できるし参考になった。リンク先のコードをLaravel4.2で利用してみた。 class Todo extends Eloquent { protected $table = 'todos'

  • テクノロジー
  • 2014/10/19 21:53

  • Laravel
  • Model
  • PHP

次のページ