js

<script>;(function() { document.addEventListener('DOMContentLoaded', function() {console.log(f1());});var a = 'glo ...

Uncategorized

C:\xampp2\apache\conf\extra\httpd-vhosts.conf//コメントアウト削除##NameVirtualHost *:80↓NameVirtualHost *:80//追加<VirtualHost * ...

js

#box1 {width: 100px; height: 100px; background-color: red;}#box2 {width: 100px; height: 100px; background-color: cyan;}# ...

js

File APIでは、ブラウザ上でユーザーがフォームから選択したファイルやユーザーがドラッグ&ドロップしたファイルを扱うことができる。
ファイルが選択されたときに取得する事ができるFileListオブジェクトには、ユーザーが選 ...

js

Indexed Database APIは、値とオブジェクトをローカルマシンに保存し、オブジェクトに対する高速なインデックス処理と検索を可能にするローカルデータベース。
Web Storageとは異なり、データベースとして扱う ...

computer

情報科学(※1)情報の表現
情報圧縮・冗長性
プログラムの実行
記憶装置
入出力とインタフェース
基本ソフトウェア
ネットワーク技術
セキュリティ技術
プログラミングとアルゴリズム
人間 ...

js

Web storageはCookieでは扱えない大容量のデータをブラウザ側に保存するAPI。

Web storage5MB(仕様上)Cookie4KB

蓄積できるデータは、キーと値のセット。

Web storag ...

ajax

DeviceOrientation Event

スマホに搭載された加速度センサーやコンパス情報をリアルタイムに取得できるAPI。

DeviceOrientationEvent加速度センサーがデバイスの方向の変化を検出すると発生。D ...

js

Geolocation APIユーザーの位置情報補を扱うためのAPI

無線LAN、WiFi、携帯電話基地局、GPS、IPアドレス等から位置情報を取得。
よって、ユーザーの接続環境次第で取得できる位置情報の精度、取得にかかる時間が ...

js

canvas{border:1px solid #ccc;}

画像生成

<style>canvas{border:1px solid #ccc;}</style><vid

js


メディアデータダウンロード状況:再生時間:(秒)再生位置:(秒)<video id="video" width="400" style="d

js

requestAnimationFrame()FrameRequestCallbackオブジェクトを引数に取り、スクリプトベースのアニメーションフレームのスケジューリングを行う。cancelAnimationFrame()指定したIDのアニ ...

html

w3schools.com

svg{width:300px;height:300px;border:1px solid #ccc;}<style>svg{width:300px;height:300px;border ...

js

canvas{border:1px solid #ccc;}円<canvas id="canvasArea1" width="300" height="300">< ...

js

firstElementChild
lastElementChild
childNodes
parentNode
nextSibling
nextElementSibling
previ ...

js

コンストラクタ関数の定義/* 変数 Person に無名関数を代入。慣習的に頭文字(P)は大文字 */var Person = function(name) {this.name = name;this.sayHello = functio ...

javascript

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 St ...

js

・特定のid値、class属性などで要素を検索できる場合
 → getXxxxxメソッド

・より複雑な検索条件で検索したい場合
 → queryXxxxメソッド

特に、getElementByI ...

js

<form method="post" action="hoge"><p><input id="item1" type="radio&quo ...

js

var countdown = function(due) {var now = new Date();var rest = due.getTime() - now.getTime();sec = Math.floor(rest/1000 ...

js

var weeks = ['日', '月', '火', '水', '木', '金', '土'];function dateFormat(date){var dateStr = new Date(date);var year = dateSt ...

js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><script ...

ajax, php, RSS

<?phpif(isset($_GET["url"]) && preg_match("/^https?:/",$_GET["url"])){ $ch = cu ...

CakePHP3

//ドキュメントルートecho $this->Url->build("/");//URLecho $this->Url->build("/",true);

Jquery

デモ

ウィンドウ: 480px以下でドロワー表示

<main><div>テキスト テキスト テキスト</div><!-- 以下ドロワー --><div id=&q ...

CakePHP3

<div id="search"></div><?php//×echo $this->Form->create(null,['type'=>'get'],['control ...

Uncategorized

インストール

ダウンロード先(win):https://git-scm.com/download/win

コンソール起動

C:\Program Files\Git\git-bash.exe

バージョン確認

$ ...

VPS

php のバージョン確認php -vPHP 5.6.30phpのアンインストールyum remove php

または

yum --enablerepo=remi-php70 remove php\*

削除されたか確認

p ...

VPS

お名前.com のDNSレコード設定

A レコードを登録。

ConoHa のDNSレコード設定

wordpress

プラグインインストール先フォルダ「plugins」の所有者とグループを apache に変更。
または、wordpress のインストール先ディレクトリ以下すべてを変更。

chown apache:a

CakePHP3

HtmlHelper はビューブロックと結び付いており、その script() 、 css() 、そして meta() メソッドは block = true のオプションで使われると 同名のブロックをそれぞれ更新します。

< ...

materialize

<!DOCTYPE html><html><head> <meta charset="utf-8"/><meta name="viewport" ...

RSS

<?php$url = "feedのURL";$xml = file_get_contents($url);header("Content-type: application/xml; charset=U ...

google

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Google maps</title ...

CakePHP3

$this->set('title', 'ページタイトル');<head><?= $title ?></head>

CakePHP3

$this->Html->script('carousel', ['block' => true]);$this->Html->css('carousel', ['block' => true]);< ...

wordpress

例)

・HTMLソース<a href="http://hoge.com/%e3%81%82%e3%81%84%e3%81%86%e3%81%88%e3%81%8a">あいおうえ</a> ...

wordpress

/*================================================管理画面一覧にカスタムタクソノミー、タームを表示、ソート機能追加====================================== ...

wordpress

<?php$page_type = get_post_type();//echo $page_type;?><h2>FAQ</h2><?php$args = array( 'posts_per_pa ...

wordpress

<?php$args = array( 'posts_per_page' => '-1', 'order' => 'DESC', 'post_type' => 'post_type',//任意のポストタイプ 'ech ...

wordpress

function remove_dns_prefetch($hints, $relation_type) { if ('dns-prefetch' === $relation_type) { return array_diff(wp_dep ...

Visual Studio Code

http://qiita.com/84zume/items/476a29264fdc98d98201
http://qiita.com/satokaz/items/cb45d82f6f8f1e24c0d6

CentOS7, VPS

DNS設定

MXレコード、メールサーバのAレコード設定
メールサーバーのサブドメイン「mail」は任意

ホスト名 TYPE TTL VALUE 優先mail.lists111.com A 3600 133.130.68.3 ...

Tera Term

マクロファイル作成

xxx.ttl

;;;;; 編集箇所 ;;;;;; IPアドレスHOSTADDR = 'xxx.xxx.xxx.xxx'; ユーザ名USERNAME = '適宜'; 秘密鍵のファイルパス指定(適宜)※日本語不可 ...

Jquery

$(function(){ $('a[href*="#"]:not([href="#"])').click(function(){ if (location.pathname.replace(/^\/ ...

CakePHP2.x

エラー
Warning: _cake_core_ cache was unable to write ‘cake_dev_ja’ to File cache in/var/www/html/・・・/li ...

htaccess, VPS

参考サイト:https://everyday-growth.com/?p=1946

有効か確認# cat/etc/httpd/conf.modules.d/00-base.conf...//下記ががあれば有効済みLoadModu ...

Lets Encrypt, VPS

証明書のインストール# cd/home/ユーザー名# service httpd stop# yum update# yum -y install git# git --versiongit version 1.7.1# git clone ...

CakePHP3

intlモジュールをインストール//remiリポジトリの公開鍵を取り込む# rpm --import https://rpms.remirepo.net/RPM-GPG-KEY-remi//yum-config-manager コマンドのイ ...

VPS, お名前.com

rootグループに作業ユーザーを追加

作業ユーザーでアクセス出来るようにする

//追加# gpasswd -a ユーザー名 root//確認# id ユーザー名# root:x:0:ユーザー名htmlフォルダのパーミッション変更

VPS, お名前.com

設定ファイル(vhost.conf)新規作成

(/etc/httpd/conf.d/vhost.conf の IncludeOptional conf.d/*.conf で vhost.conf が読み込まれる)

# vi/etc ...

CentOS7, VPS, お名前.com

標準OSインストール

・お名前管理画面
———–
OS:[カスタムOS] CentOS 7.1-1503」
rootパスワード:任意
ディスク構成:カスタム ...

CakePHP3, 未分類

//.ctp不要$this->viewBuilder()->layout('テンプレート名');

gulp, 未分類

初期設定
http://tokuho.chu.jp/webtips/2015/10/04/post-64/

gulp-imageminインストール

npm install --save-dev gulp-im ...

Jquery, 未分類

#hoge { margin-top: -50px; padding-top: 50px;}

instagram, 未分類

・アクセストークン取得
http://nxpg.net/blog/?p=7190

・エラー
{“code”: 403, “error_type”: ̶ ...

CakePHP3, 未分類

controller

use Cake\ORM\TableRegistry;public function index(){ $this->Model = TableRegistry::get('Model'); $add ...

未分類

<?php/*================================================管理画面 非表示コンテンツ================================================* ...

wordpress, さくら, 未分類

SMTP Host:hoge.sakura.ne.jpSMTP Port:587Encryption:暗号化なし。Authentication:はい: SMTP認証を使用します。

さくら, 未分類

RewriteEngine onRewriteCond %{HTTP_HOST} hoge\.sakura\.ne\.jpRewriteRule ^(.*)$ http://fuga.com/$1 [R=301,L]

CakePHP3, 未分類

・URL

http://localhost/search?type=hoge

・view

<?= $this->request->query('type') ?>

・output

ho ...

CakePHP3

public $paginate = ['limit' => 500,'maxLimit' => 500,'order' => ['Model名(大文字・・・s).id' => 'asc']];

CakePHP3

■AppController.phpを使う場合
・AppController.php

namespace App\Controller;use Cake\Controller\Controller;use Cake\Ev ...

CakePHP3, 未分類

・controller

//フィールドcityの値を取得$cities = $this->Models(複数形)->find('list',['valueField' => 'city'])->toArr ...

CakePHP3, 未分類

・headタグ内

<?= $this->Html->meta(['http-equiv' => 'X-UA-Compatible', 'content' => 'IE=edge'])."\ ...

CakePHP3, 未分類

・view

<?phpuse Cake\Routing\Router;echo Router::url('/', true);?>

CakePHP3, 未分類

・view

<?phpuse Cake\Routing\Router;echo Router::url(null,true);?>

CakePHP3, 未分類

・view(head)

<head><?= $this->fetch('css')."\n"; ?><?= $this->fetch('script')." ...

google, 未分類

Google Maps API ウェブ向け

https://developers.google.com/maps/web/
「キーを取得」

Google Maps ウェブ API をアクティベートする

「続ける」

google, 未分類

Google Maps APIキー取得

※Point:async defer<!DOCTYPE html><html lang="ja"><head><meta ch ...

wordpress, 未分類

FB設定

1.FBにログイン
https://developers.facebook.com/

2.アプリ作成
ヘッダーナビゲーションで[Apps]を選択し、[Add a New App]を選択
(文 ...

wordpress, 未分類

要求されたアクションを実行するには、WordPress が Web サーバーにアクセスする必要があります。

# chown -R apache:apache ディレクトリ名

VPS, 未分類

※ # service httpd restart ←これ忘れないでね!

# service httpd stop# cd letsencrypt# ./letsencrypt-auto certonly -a standalo ...

wordpress, 未分類

Breadcrumb NavXT
-view

<div id="breadcrumbs"><?php if(function_exists('bcn_display')){bcn_d ...

wordpress, 未分類

-functions.php

add_filter('widget_title', 'no_widget_title');function no_widget_title($title ) {return null;}

wordpress, 未分類

・functions.php

register_sidebar(array('name' => 'sidebar','id' => 'sidebar','description' => '','before_w ...

tool, 未分類

https://serposcope.serphacker.com/en/

・使い方(キーワード一括登録)
1.Google設定からデフォルト検索オプションを変更
2.「Bulk import」からキーワー ...

pear, php, 未分類

・pearの確認、インストール

# pear list Pager# pear install Pager

・view

<?php//ページャー関数function pager_search ($sql) {// ...

php, VPS, 未分類

・phpパス確認

# which php/usr/bin/php

・crontabの編集

# crontab -e

・VI

//毎時15分に一回実行15 * * * */usr/bin/php/var/・・・ ...

wordpress, 未分類

<?php$args = array('taxonomy' => 'ターム');$taxs = get_categories($args);//var_dump($taxs);foreach($taxs as $tax): ?& ...

wordpress, 未分類

tax_タクソノミー名ターム名

https://goo.gl/pjTlR3

google, 未分類

<div id="map" style="width:100%; height:400px"></div><?php$gallery->name = '店名';$g ...

Jquery, wordpress, 未分類

大抵のwordpressテーマでは、jQuery本体自体はすでに読み込まれているものの、jQueryと他のjavascriptライブラリがコンフリクトしないように、jQueryが使用する「$」という関数名の別名定義を未定義状態にしてい ...

CakePHP3

FriendsOfCake/search

■composerを使ってプラグインをインストール
※composer.pharが必要
————— ...

CakePHP3

C:\xampp\htdocs\プロジェクトフォルダ\bin>php cake.php i18n---------------------------------------------------------------I18n S ...

google, htaccess, 未分類

# キャッシュの期間を設定<IfModule mod_expires.c>ExpiresActive OnExpiresDefault "access plus 30 minutes"ExpiresByTyp ...

Jquery, 未分類

$(window).load(function() {//DOMが読み込まれたら処理を実行する処理});

bootstrap, 未分類

参考:https://gist.github.com/donnierayjones/6fd9802d992b2d8d6cfd

/* ==================================print========= ...

wordpress, 未分類

<?php$sticky = get_option( 'sticky_posts' );$args = array('posts_per_page' => 1,'post__in' => $sticky,'post_typ ...

Jquery, 未分類

・Official
http://bqworks.com/slider-pro/

・view

<?php if(is_home()): ?><div id="mainvisual& ...

未分類

88

未分類

77

Jquery, 未分類

var windowWidth = $(window).width();$(window).resize(function(){ var ww = $(window).width(); if(windowWidth != ww) {//リサ ...

google, 未分類

・view

<ul style="display:table;table-layout:fixed;width:100%;"><li style="color:#fff;paddi ...

wordpress, 未分類

function change_default_title( $title ) {$screen = get_current_screen();if ( 'POST_TYPE' == $screen->post_type ) {$ti ...

wordpress, 未分類

tour-lists

tour-lists

■参考
https://gist.github.com/ericjuden/5136638
https://github.com/souparn ...

wordpress, 未分類

function day_of_week($date) {$get_date = get_field($date);$datetime = date_create($get_date);$week = array("日" ...

PAGE TOP