2016-02-01から1ヶ月間の記事一覧

【PHP】【MySQL】PDO・SQLインジェクション対策

◼︎PDOとは PHP標準のデータベース接続クラスのこと。 PHPでは標準でMySQLとかSQLiteなどの色々なデータベースに接続するための命令が用意されているので、分岐させてメソッド呼べば複数のデータベースに対応することができる。しかし、PDOだと同じ命令で複数…

【PHP】【Yii】なんなんYiiって

◼︎Yiiとは PHPのフレームワーク。呼び名は「イー」。MVCフレームワーク。日本では流行っていないらしい。Yes It Is!. 参考 初のPHPフレームワークYiiで行こう!1日目(最初のテスト用アプリ) | ねこみけ ◼︎最初に呼ばれるメソッド ◼︎Viewを描画するにはCCont…

cookie(クッキー)とsession(セッション)の違い・使い分け

Web

セッションとクッキーの違い大きな違いは クライアント側(ブラウザ)かサーバー側か。使いわけは cookieは気軽に使えるがブラウザ側にデータを保存すると改竄される可能性が当たり中身が見られたりする可能性がある。 sessionは大きなデータを保存できる、改…

【PHP】::の意味とか諸々

PHP

PHPをちゃんと触り始めて初日でわからないことなど...基本的に公式リファレンスから引用してます。 PHP: Hypertext Preprocessor◼︎基本 ""と''の違いは特殊文字を展開できるかどうか。"\n"は展開されるが'\n'はそのまま出る。変数は{}でくくると明示的に変数…

【Wordpress】テーマ名の変更

style.cssの先頭に /* Theme Name: ここに名前 Description: ここに説明 */ を書けば名前が変わる。

【AngularJS】エスケープしないで出力させたい時

参考 AngularJS:文字列をエスケープさせずに出力する方法 - Qiita www.buildinsider.net 基本は普通にbindするとエスケープされるみたい。 エスケープさせないにはng-bind-htmlでやるかtrustAsHtmlでするかangular-sanitizeモジュールを使うかぐらいかな。tr…

【wordpress】【CSS】 【JavaScript】固定ヘッダー

参考 スクロールしたらヘッダーの一部だけ固定する - Qiita WordPress - 独自のCSSやJSを読み込むwordpressで独自のjavascriptのファイルを読み込みしたい時はhtmlのheadに書く方法では色々と不都合があるので、function.phpに記述するみたい。

【AngularJS】フィルタをかけようとorderByしたけど効かなかった

Resource {0: Object, 1: Object} 0: Object content: "こっちが古いよ" id: 1 target_date: "2016-02-09 00:00:00" title: "ひとつめ" 1: Object content: "こっちが新しいよ" id: 2 target_date: "2016-02-11 00:00:00" title: "ふたつめ"みたいなコールバ…

【JavaScript】XMLHttpRequest

Ajaxって何の略なんだろうと調べたら Asynchronous JavaScript + XML「非同期通信」と「ダイナミックHTML」で Ajax らしい。 ページを再読み込みすることなく、動的にhtmlの内容を変更できるのが良いんだね。それで、非同期通信を行うためのAPIが XMLHttpReq…

【JavaScript】時間の差の求め方

何時間以内なら「new」みたいにラベルを貼りたい時に現在時刻との時間の差が必要になる。 そんな時は以下のようにして求められる。 var now = new Date('2016/02/16'); var targetDate = new Date('2016/02/15'); var diff = (now.getTime() - targetDate.ge…

【AngularJS】factory使ってapiたたく

http://localhost:6960/api/v1/notices/index?access-token=[アクセストークン]&lang=jp みたいなURLの作り方 'use strict'; angular.module('spmartClientApp') .factory('Infomation', function ($resource, $http, $rootScope, DataService, $cookies) { …

【wordpress】 記事の一覧ページのカスタマイズ

◼︎記事のタイトルと概要をリストアップする functions.phpに //概要(抜粋)の省略記号 function my_excerpt_more($more) { return '…'; } add_filter('excerpt_more', 'my_excerpt_more');省略記号が変更される。category.php に変更。 これで、content-exc…

【wordpress】個別ページのカスタマイズ

◼︎フリーで利用できる画像を表示する Flickrに著作者のクレジット表示という条件で利用できる画像がたくさんあるなんて知らなかった。。 「Photo Dropper」というプラグインで行けるらしい。著作者のクレジットも自動で追加される模様。興味はないので次へ!…

【wordpress】プラグインを利用するための準備

プラグインを入れる前にしておいた方が良い?設定とか◼︎ヘッダーやフッターに設定を挿入出来るようにするheader.php ~~ </head>を追加。 プラグインを利用しない場合でも、Wordpressのバージョン情報などを出力する(後述するが非表示の方が良い)。ちなみに、プラグ…

【AngularJS】 ng-modelとng-initとrouteProvider

◼︎ng-init

【wordpress】サイドバーの表示

サイドバーの内容はウィジェットの機能を利用して管理画面で選択できるようになる。home.php、sidebar.php、function.php◼︎home.php サイドバーを表示する。 ◼︎sidebar.php <div id="sidebar"> <ul> </ul> </div> dynamic_sidevar()はulで囲む必要あり。◼︎function.php ウィジェット regist…

【wordpress】記事の表示

トップページに最新の記事を表示させる。 1ページに4件の記事を表示して、古い記事はページを変えて閲覧できるようにする。 home.php、content.php、pagenation.php。 ◼︎home.php 記事のタイトルを表示する ループの中には記事の出力…

ナビゲーションバーとヘッダー画像の追加

◼︎function.php カスタムメニューの設定 register_nav_menus(array( 'navigation' => 'ナビゲーションバー' )); ヘッダー画像を表示する //カスタムヘッダー add_custom_image_header('','admin_header_style'); function admin_header_style() {} define('N…

【wordprss】自分でtheme作成~header~

◼︎home.php get_header(), get_fotter()◼︎header.php htmlのテンプレ書く エンコードの種類指定 <meta charset="<?php bloginfo ('charset'); ?>" /> タイトルを指定 <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> サイト名とサイトの説明を表示 <h1><a href="<?php echo home_url(); ?>"></a></h1> <p id="desc"></p></meta>

【wordpress】トップページ以外のページの作成

基本的なページ構造は共通しているので、トップページを生成するhome.phpのソースを元に作成する。category.php、date.php、single.php、page.php ◼︎category.php(カテゴリーページ) <div id="content"> <p class="title"></p> </div>

【AngularJS】DIとか配列アノテーションとか依存性注入とか$injectプロパティとか

参考 AngularJSの依存性注入を利用するには? - Build Insider .controller('MainCtrl', ['$scope', 'JsonData', function ($scope, JsonData) { … .controller('MainCtrl', function ($scope,$cookies,$location,$rootScope,$sce) { ... とコントロール名の…

【Javascript】時間の計測

参考 Date.prototype.getTime() - JavaScript | MDN ◼︎1秒間待つ var time = new Date().getTime(); while (new Date().getTime() < time + 1000); ◼︎実行時間の計測に用いる var end, start; start = new Date(); for (var i = 0; i < 1000; i++) { Math.sq…

【Swift】NSURLConnectionとNSURLSessitonを使ってYoutubeのAPI使ってデータを取得する。

まずはNSURLSessionバージョン。 orderは「data」にすれば公開日順、resultsCountはデータの取得数。 keyはGoogle Developer Console Google Cloud Platformで取得してね。 class VideoItem: NSObject, NSURLSessionDelegate, NSURLSessionDataDelegate { fu…

【AngularJS】ToDo List

今回も参考はドットインストール様 #01 ToDoを表示させよう | AngularJSで作るToDoアプリ - プログラミングならドットインストール まずは、 checkboxつけて終わったタスクにはチェックつけてグレーの線を引く//index.html <h1>Todo List</h1> <div ng-controller="mainCtrl"> <ul> <li ng-repeat="task in tasks"> <input type="checkbox" ng-model="task.done"> <span class="done-{{task.done}}">{{task.…</span></li></ul></div>

【AngularJS】ng-bind

参考 ngBind | AngularJS 1.2 日本語リファレンス | js STUDIO 例えば入力フォームで入力されたテキストを 動的に表示する場合 <input type="text" ng-model="name"> <p>こんにちは{{name}}</p> が一般的。そんで、ng-bindは何かと言うと ngBind属性は、Angularに指定したHTML要素のテキスト内容を与え…

【AngularJS】 入門

全部ドットインストールの内容。 AngularJS入門 (全12回) - プログラミングならドットインストール AngularJSの特徴 <html lang="ja" ng-app> と書く。ngはAngularのng。そして、例えば <input type = "text" ng-model="name"> <p>こんにちは{{name}}<p> と書くと、動的にこんにちはのあとにnameが表示される。 つまり、HTMLの要</p></p></html>…

Vagrant導入手順

くっそめんどくさかった。 めっちゃ苦戦したけど簡単にまとめ。Vagrantは仮想マシンを作るためのツール。 まず公式サイト Oracle VM VirtualBox からVirtualBoxをダウンロード・インストール。 準備として仮想マシンを作るソフトウェア自体が別途いるみたい…

【Swift】 YouTubeのAPI使って動画情報取得

5/27更新 qiitaに書いてみた。 qiita.com ◼︎youtubeApiを使って動画を取得YouTubeの動画情報をData API v3を使って取得する - Qiita を参考に。 「YouTUbe Data API v3」を有効にしてAPIキーを入れるだけでは上手くいかず、 OAuth 2.0 クライアント ID(ブラ…

【Swift】Instagrame API keyの取得

API

◼︎instagramのapiたたくやつ accesstokenだとうまくいくけどclient_idだとnilになった。 しかもapi consoleで得たaccessTokenじゃないと取得できなかった。調査中!

【Swift】Optional型

参考 どこよりも分かりやすいSwiftの"?"と"!" - Qiita 軽くまとめると、?か!(暗黙的アンラップ型)が付いている変数はオプショナル型。 何も付いていない変数は非オプショナル型。オプショナル型と非オプショナル型は計算できない。 計算するためにはアンラッ…