これまで WordPress で技術メモを書いていたのですが、 静的サイトジェネレーターの記事を読んで試してみたいと思いました。 有名どころの jekyll, Hugo, Hexo などを一通り使ってみたのですが、 React.js 製の Gatsby が面白そうだなと思って WordPress 環境から移行してみました。

gatsby https://github.com/gatsbyjs/gatsby

Gatsbyの特徴

  • React.js ならではのリロード無しでのページ遷移
  • サイト構築のためのコンポーネント・モデルが使える
  • ライブで開発できる

続きを読む

最近のフロントエンドはブラウザやライブラリ互換の問題を解決するため、 以前の書いた記事のようにESやSCSSをコンパイルして使うことが増えてきました。 ただ環境を用意するのにいろんなツールがあって気軽にESやSCSSを使う人にはツラい。

という事で自分なりに必要最低限ツールをまとめたパッケージを作成しました。

jaxx2104/gulp-sample https://github.com/jaxx2104/gulp-sample

主な機能

  • ES と SCSS のライブコンパイル
  • Node.js によるWebサーバーとライブリロード
  • ファイル圧縮とソースマップ・ドキュメント生成
  • Slack へのアラート

これらの設定はgulpfile.jsに書いてます。

事前にインストール必要なツール

このツールは Node.js 上で動作します。公式から最新版をダウンロードしてください。

続きを読む

7月-19-2016 00-20-37

暑い季節になってきました。夏の自由研究ということで電子工作とIoTに挑戦したいと思います。

エアコンをリモートコントロール出来たら快適だなぁと思ったので、家をスマートホーム化してみました。

HomeKit と Homebridge

まずどうやってスマートホーム化するか。

iOSのHomekitというものを使えばiPhoneからHomekit対応した家電を操作することができます。

今後iOS10でHomeアプリも出て対応製品も出てくるはず、でも現在日本ではこれを扱った製品はあまり多くありません。

で既存製品でも対応できるようHomebridgeというnode.jsのライブラリが公開されています。

nfarina/homebridge https://github.com/nfarina/homebridge

今回はこの Homebridge を使って開発しようと思います。

続きを読む

babel

ES2015(ES6)について

去年2015年6月にJavaScriptの標準仕様であるES2015が正式にリリースされ、

自分も最近ES2015で書くことが多くなってきました。クラス定義やアロー関数、定数など非常に便利です。

詳細は以下のURLが分かりやすいです。

ECMAScript 2015 Features https://babeljs.io/docs/learn-es2015/

続きを読む

nodejs-image-processing

node.js と npm インストール

$ sudo yum install nodejs npm -enablerepo=epel
$ sudo yum install gcc gcc-c++

続きを読む

1415367437FuelPHP

環境変数の値を変更するとエラー内容を表示できる。

Apache の場合

httpd.conf

# SetEnv FUEL_ENV PRODUCTION
SetEnv FUEL_ENV DEVELOPMENT

続きを読む

iOSの新プログラミング言語Swiftをゲームアプリを作りながら触りたいと思います。

フレームワークはSpriteKitを使います。

swift-logo-hero-1

プロジェクトの作成

まずXcodeをAppStoreからインストールし立ち上げ、[File] -> [New] -> [Project] -> [Game] と選択します。LanguageはSwiftで、GameTechnologyはSpriteKitにします。

続きを読む

アプリを作った際に参考にしたサイトについて初心者目線ですが紹介したいと思います。

yomu-rssreader

Titaniumは以前に少しだけ触ったことがあって、その時は「Resources/app.js」に書くClassicなものでした。

数年さわっていない間にMVCフレームワーク「Alloy」が出ていて面白そうだったのと、個人的にアプリを作りたい衝動にかられて開発環境も不十分なくせに、iOS Developer Programに7,800円払ってしまったこともあり、Titaniumを使って初アプリを作ることにしました。

続きを読む

GoogleAnalyticsで離脱率や平均セッションを見ていて、

ユーザーがページのどこまで目を通しているのか気になりました。

Google-Tag-Manager-1

海外の技術ブログやGithubでも評価のある、

「Scroll Depth」というライブラリを使用します。要件としてjQuery1.7以上です。

続きを読む

Twitter APIを使って画像付きで投稿する場合、

ライブラリのtmhOAuthで簡単に認証とリクエスト行うことが出来ます。

themattharris/tmhOAuth https://github.com/themattharris/tmhOAuth

続きを読む

URLパラメータの書き換えることってそんなに無いけど、 プログラムのアップデートやら改修やらで仕様変更などで旧仕様のパラメータを新仕様へと書き換える必要があったので備忘録としてメモります。

URLパラメータの変更例

以下を例にしてみます。

変更前

/test/index.php?page=1&mode=entry

変更後

/test/index.php?type=entry&page=1

mod_rewriteを使って書き換える

.htaccess を以下のように設定する。

RewriteBase /test/
RewriteCond %{REQUEST_URI} index.php
RewriteCond %{QUERY_STRING} ^page=(\d\d?)\&mode=(entry|comment).*?$
RewriteRule index.php index.php?type=%2&page=%1 [L,R=301]

これでOKです。

ページ番号が2桁まで、モードが記事orコメントとなっている部分、 サンプルなので要件に合わせてよく考えて設定して下さい。

最近よる冷えてきたので辛いもん食べたい。

続きを読む

Twitterなどでは絵文字が使えます。

Twitterの埋め込んだサイトのHTMLソースを利用する際など、 HTMLエンティティを含んだ文字列をこちらでデコードしたい場合。 以下のようにします。

$text = html_entity_decode($text);
$text = mb_decode_numericentity($text, array (0x0, 0xffff, 0, 0xffff), 'UTF-8');

続きを読む

centos

さくらVPSをCentOS7へアップデートしました。

いろいろ変更点あったので備忘録としてメモしました。

CentOS7 アップデート

OSのインストールとネットワーク周りはさくらの管理画面から。

「OS再インストール」->「カスタムOSインストール」

続きを読む

正規表現を使って以下の対象URLをマッチさせる。

対象文字列

http://jaxx2104.tumblr.com/post/76844550315

スラッシュを含まない文字列にマッチ

パターン文字列

[^¥/]*

続きを読む

Windowマシンにemacsを入れた際に、
日本語ディレクトリ内のファイルを開くと中身が空の状態になってしまいます。

原因は文字コードのせい

init.elもしくは.emacsに以下の一文を追加して下さい。

(setq default-file-name-coding-system 'japanese-shift-jis)

これで問題なくファイルが開けるはずです。

続きを読む

PHPからMySQLに接続していて以下のエラーが出た、

原因がつかめなくて詰まったが。解決したのでメモ。

Warning: mysql_query(): MySQL server has gone away
Warning: mysql_query(): Error reading result set's header

続きを読む

仕事終わりと休日を使ってアプリを作り始めました、
個人制作だと細かいところに時間がかけれない場合があります、
そんな時に参考になったサイトをまとめてみました。

  • ペーパープロトタイピング
  • AIベクター
  • UIのサイズ
  • ボタン・アイコン

ペーパープロトタイピング

続きを読む

こんにちは、今日から三連休ということで、ワークスペースを利用してブログ書きます。

ではWordPressでBootstrapのPaginationを実装方法について、

メモしていきたいと思います。

pagenation-01

bootstarap の Pagenation http://getbootstrap.com/components/#pagination

続きを読む

iPad や iPhone でもWebのクリップを手軽にしたいので、

ブックマークレットを用意した、快適なEvernote Lifeを。

使い方

  1. Safariに適当なサイトのブックマークを追加
  2. そのブックマークの名前欄を「Evernoteに追加」とかにする。
  3. さらにURL欄は以下をコピペして保存する。
javascript:%28function%28%29 %7b%0d%0a%09EN_CLIP_HOST %3d %27http%3a%2f%2fwww%2eevernote%2ecom%27%3b%0d%0a%09try %7b%0d%0a%09%09var x %3d document%2ecreateElement%28%27SCRIPT%27%29%3b%0d%0a%09%09x%2etype %3d %27text%2fjavascript%27%3b%0d%0a%09%09x%2esrc %3d EN_CLIP_HOST %2b %27%2fpublic%2fbookmarkClipper%2ejs%3f%27 %2b %28new Date%28%29%2egetTime%28%29 %2f 100000%29%3b%0d%0a%09%09document%2egetElementsByTagName%28%27head%27%29%5b0%5d%2eappendChild%28x%29%3b%0d%0a%09%7d catch%28e%29 %7b%0d%0a%09%09location%2ehref %3d EN_CLIP_HOST %2b %27%2fclip%2eaction%3furl%3d%27 %2b encodeURIComponent%28location%2ehref%29 %2b %27%26title%3d%27 %2b encodeURIComponent%28document%2etitle%29%3b%0d%0a%09%7d%0d%0a%7d%29%28%29%3b

あとはEvernoteで保存したいサイトで登録したブックマークレットを押すと…。

EvernoteCapture

こんな感じで、アプリとかページ遷移せずに保存できる。

続きを読む

ご飯が炊けるまで時間があるので、

ちょっとだけメモします。

指定した要素にスクロールするボタンをjQueryで書きます。

HTML

<span style="line-height: 1.5em;"><div id="page-scroll-button">スクロール!</div></span>

書き方はどうあれ、こんなボタンがあったとしましょう。

jQuery

こんな感じ。

ほんとにチラシの裏にでも書けっていう内容ですみません。

ごはん炊けました。晩御飯ですよ〜(^^)

続きを読む

Zabbix のメールスクリプトを設置

参考 : http://www.zabbix.jp/node/1441

# cd /usr/local/src/
# git clone git://github.com/zabbix-jp/plugins.git
# mv plugins zabbix-jp-plugins
# cp -a /usr/local/src/zabbix-jp-plugins/notification/sendmessage-smtp-php /etc/zabbix/alertscripts/
# chmod 755 /etc/zabbix/alertscripts/sendmessage-smtp-php/sendmessage_smtp_php.sh

続きを読む

AWS での死活監視とアラートメールの送信方法がいくつかあり、

そのメリット、デメリットについて調べものをしたのでメモ。

AWS Clowd Watch (AWS備え付けの監視ツール) を使う

監視からアラートメールまでAWS Consoleの設定で済む

ログが2週間しか残らないため非推奨とのこと。

[CloudWatch]グラフの確認方法と確認できるグラフ一覧(EC2/ELB/RDS) http://dev.classmethod.jp/cloud/aws/cloudwatch-can-be-seen-graph/

Amazon EC2編~EC2インスタンスを監視するには~ http://recipe.kc-cloud.jp/archives/258

続きを読む

事前にインストールしておくべきもの。

sudo yum -y install gcc make ncurses-devel

emacs 24.3 をインストールする。

emacsをダウンロードします。50MBくらいありました。

2014.01.13 時点での最新バージョンは24.3です。

最新バージョンの確認は公式で確認してください。

$ wget http://ftp.jaist.ac.jp/pub/GNU/emacs/emacs-24.3.tar.gz

解凍します。

続きを読む

WebView での User Agent ってどうなるんだろう?

WebViewで構成されたハイブリッドアプリを開発しようと思った。

既存のウェブサイトでも User Agent でアプリかウェブかを判断できれば、

CSSでスタイルの切り分けとかが出来ていいんじゃないかと思った。

iOS

iOS7 Safari の User Agent

Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53

iOS7 WebView の User Agent

Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465

続きを読む

Evernoteがネットでセレクトショップ始めたようなので、おしゃれだったMacBookケースを買ってみました。

IMG_0007

お値段は 商品 ¥4410 + 送料 ¥600 でした。

商品は注文してから2,3日で届きました。

続きを読む

ナビゲーションや背景を暗くした時にstatusbarの文字色を白にしたかったんだけど、書き方が変わっていたのでメモ。

Titanium 3.2

tiapp.xml

<ios>
    <plist>
        <dict>
            <key>UIStatusBarStyle</key>
            <string>UIStatusBarStyleLightContent</string>
        </dict>
    </plist>
</ios>

続きを読む

Androidエミュレータ = 重い

立ち上がりまでが重いですよね。

開発していてログとか取るのも一苦労です。

Titanium + Genymotion

でも最近は、仮想マシンとしてAndroidエミュレータを立ち上げる Genymotion を使うのが主流みたいでして、Titaniumでも使えないかなと思ったら、バージョン3.2から対応したみたいです。

さっそく有効にしてみたいと思う。

続きを読む

LAMP環境構築を数カ月ぶりにやったらいろいろと変更している部分があったので更新。

WordPressのインストールは実際の作業ではやっていないので少し省いてます。

CentOS バージョン確認

サーバーにCentOSをインストールしたらバージョンを確認します。

$ rpm -qa | grep centos-release

yum アップデート

$ yum -y update

開発ツール一式

必要最小限の構成の場合はひとつひとつ入れますが今回は一気にインストールします。CentOS6の場合「開発ツール」の後ろ全角スペースが必要でした注意してください。

続きを読む

ハイゼンバグって何だろう

勉強していて調べたらWikipediaに載っていた。

そして個人的に面白かったのでメモさせて下さい。

特異なバグ - Wikipedia
http://ja.wikipedia.org/wiki/特異なバグ

続きを読む

AWS 登録してみたので早速触ってみました。

登録には携帯番号やクレジットカードが必要でした。

AWSの操作は以下4つの方法がある。

  • AWS Management Console
  • AWS SDK
  • AWS CLI
  • AWS Query API

AWS Management Console

AWSのWeb管理画面上で手動で操作を行う。

続きを読む

Google APIs Console じゃなくなった。

Google APIs Console から Google Cloud Console に変わって、見た目も随分変わってしまいました。

プロジェクト単位の管理画面

Create Project を押すと本人確認を求められます。

自分は電話認証にしました、非通知でかかってきた電話に出て、言われた通りに認証番号を入力します。

続きを読む

今週末 Macbook Air 13インチの梅買いました。

メモリ4GB でも xcodeサクサクです。

IMG_1593-500x5001

経緯

今まで ThinkPad の T420si を使ってたんですが、NVIDIA 搭載していて3D CADなんかもバリバリ動いてたんだけど勉強会で持ち運んだりアプリ作ったりっていう使い方になってきたのでオークションに出品して、それを元に買いました。

続きを読む

ローカル保存できる場所は各プラットフォームごとで違いがあってややこしいけど、下のように書くのが差分も少ないかなと…。

function doSaveFile(data){
    var cachefileName = "test.txt";
    var cacheFilePath = Ti.Filesystem.applicationDataDirectory + 'cache/';
    var directory = Ti.Filesystem.getFile(cacheFilePath);
    //ディレクトリが存在しない場合
    if(!directory.exists()){
        directory.createDirectory();
    }
    var cacheFile = Ti.Filesystem.getFile(cacheFilePath + cachefileName);
    var cacheFileData = OS_IOS ? cacheFile.read() : cacheFile.read().text;
    if (cacheFileData) {
        //append
        cacheFile.write( "add : "+ cacheFileData + data);
    }else{
        //new
        cacheFile.write("new : " + data);
    }
}

applicationDataDirectoryじゃなくexternalStorageDirectoryにすると外部ストレージに保存されるので、他のアプリで使ったりできるようなファイルを生成する場合はおすすめ。

ファイルに追記する場合は cacheFile.append すればいいと思ったけど、Androidはそもそも append が使えないのでこんな感じになってます。

続きを読む

アプリをiOS7のデザインに対応するときに新しいナビゲーション部分に回りこんでしまうため、iOS7のみで分岐が必要になってきます。

titanium_ios7

正直この分岐は納得いかない。

続きを読む

初期状態だとこんな感じ

iMac:~ jaxx2104$

変更

このサイトでどんな表示になるのかを確認しながら変更できる。

Bash $PS1 Generator
<a href="http://www.kirsle.net/wizards/ps1.html" title="Bash $PS1 Generator" target="_blank">http://www.kirsle.net/wizards/ps1.html</a>

出力結果を.bash_profileに書けばいいだけ

emacs .bash_profile

自分はこう書いてます。

export PS1="[\u@\h \W]\\$ "

反映

sourse .bash_profile

するとこんな感じになる。

[jaxx2104@iMac ~] $

おしまい。

続きを読む

IMG_1532

馬喰町になかなかナイスな場所があると知って行ってきた。

辛酸なめ子のギャラリー探訪記 「アガタ竹澤ビル」 http://www.artgene.net/labo/theme/cat243/post_45.php

続きを読む

今日は Titanium のはなし。

Google Play に公開したアプリにおいて、 Google Play の「開く」かアプリのショートカットから起動すると “application restart is required” と表示されるエラーに悩まされた。

環境

起動時にこんなエラーが出る

続きを読む

去年に続き、今年も参加してきました。楽しかったぞ!

jpeg-1

12:30 会場に到着

電車に揺られうとうとしながら着きました。

会場は大田区産業プラザPIOです。

続きを読む

Titaniumもくもく会 初参加しました。

jpeg

続きを読む

開発環境を移行したときemacsの設定ファイルのinit.elが読み込めなくって、ちょっと困ったけどあっさり解決したので備忘録メモ。

emacs_initel

.emacs と .emacs.el が存在する場合は前者が優先的に読み込まれるので.emacsを削除すればよい。

~/.emacs  <- こちらが優先的に読み込まれる
~/.emacs.d/init.el

これで読めました。

また他の方法としては

.emacs には ~/.emacs.d/init.el を読ませるだけで設定は init.el に書くっていうのもある。

(load (expand-file-name (concat (getenv "HOME") "/.emacs.d/init")))

こっちのほうが運用しやすいのかも。

続きを読む

iPhotoを使ってフォトブックが簡単に作れるみたいなので、ためしてみる。

制作

ではさっそく作っていきます!

af7f052ca06f2b0bce7cd562ab0ef139.jpg

フォトブックの種類とサイズ。

そしてテーマを選んで写真を配置していく!

続きを読む

TitaniumでアプリをAndroidにコンパイルするとエラー

projectをcleanしても解消せずつまってしまった。

Failure [INSTALL_FAILED_INSUFFICIENT_STORAGE]

デバイスの容量不足(たぶんシミュレータによくある)なので、

アプリをいくつか削除してあげればよい。

続きを読む

Chromeのデバッグツールを開いてみると、

「jquery-1.10.2.min.map not found」のエラーが大量に出てました。

調べてみるとWordPressのバージョン3.6を使っていて、

プラグインのどれかでjqueryのエラーが出ているとのこと。

WordPress 3.6 and jQuery.BlockUI Version problem
<a href="http://wordpress.org/support/topic/wordpress-36-and-jqueryblockui-version-problem-solution" >http://wordpress.org/support/topic/wordpress-36-and-jqueryblockui-version-problem-solution</a>

自分はプラグイン側が対応するまで一旦停止することにしました。

続きを読む

Linuxでよく使うんですが、Macは初期状態だと使えない。

なので.bahs_profileにエイリアスを設定します。

$ emacs .bash_profile
alias ll='ls -l'

続きを読む

PHP部分で文字化けしていた時は、

この一行を追加する。

header('Content-Type: text/html; charset=UTF-8');

続きを読む

右カラムのつぶやきを1件表示するプラグインを作った時のメモ

このままだと[外観]->[ウィジェット]の欄に「Get Twitter」が追加され、

サイト上に「サンプルです」と表示されるので、この部分を置き換える。

/wp/wp-contents/plugin/test/test.php

続きを読む

昨日、高速バスに乗って奈良につきました。

やっぱり盆地だけあって暑いけど、いい一日目でした。

68bc691e001911e3815722000aaa049c_7

続きを読む

IMG_0897

飛び出し坊や

今日から夏季休暇です。

今年は旅行に行ってきます。

2泊3日で行きはバス、帰り新幹線です。

デジカメとノートパソコン持っていくので、

たくさん写真撮って、

時間あればブログ更新しよっと。

続きを読む

IMG_1003

最近アイスコーヒーばっかり飲んでる。

PHPで改行コードをLF(¥n)に統一するには、

$str = preg_replace("/\r\n|\r/","\n",$str);

としてあげるだけ。

続きを読む

仕事では初めてWebサイトのリリースしたり、

その残作業をつぶすのに追われてたりで忙しい日が続いてました。

IMG_1001

写真は全然関係ない、この前作ったハンバーガー

でも忙しくても時間はわりと作ればあるわけで、

平日深夜と土日使ってブログのテーマを作ってみた。

続きを読む

Googleアドセンスがレスポンシブに対応したとのことで、実際にサイドバーに埋め込んでみる。

<script type="text/javascript">
google_ad_client = "ca-publisher-id";
width = document.documentElement.clientWidth; //ウインドウ幅取得
google_ad_slot = "**********"; //広告のID、3箇所
google_ad_width = 320;
google_ad_height = 50;
if (width > 500) { //ウインドウ幅500以上
google_ad_slot = "**********";
google_ad_width = 468;
google_ad_height = 60;
}
if (width > 800) { //ウインドウ幅800以上
google_ad_slot = "**********";
google_ad_width = 728;
google_ad_height = 90;
}
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

 

PCブラウザの横幅をグイグイ変えて動的に変化させるのは、できなかった。

あと広告サイズを小さくしようとしたけどリサイズっていうよりトリムされる。

 

でも、スマホで見た時に横幅はみ出してスクロールするとグラグラ〜(涙)

なんて事は無くなるのでよかった。

公式はこちら
<a href="https://support.google.com/adsense/answer/1354736?hl=en&#038;topic=1271508&#038;ctx=topic#sourceid=aso&#038;subid=ww-en-et-asblog_2013-05-23&#038;medium=link">Modification of the AdSense ad code</a>

 

続きを読む

自分の好きなデザイナーの話をしようと思う。

tumblr_m8300lKnBF1r67jsuo2_500.gif

The Designers Republic

Ian Andersonを中心とした、UKシェフィールド発のデザイン集団。

近未来的なデザインと大胆なタイポグラフィーを得意とし、90年代にテクノレーベルWarpのジャケデザインを中心とした革新的アートワークでデザイン界に強烈な影響を与えた。

The Designers Republicは反商業主義をデザインモットーの1つとして掲げ、デザイン至上な独自且つアート性の強いデザインを輩出した。

続きを読む

PHPを使ってWEB上にある画像を自らのサーバー上に保存する。

スクレイピングやAPIを使用するときよく使うと思うのでメモ。

名称未設定-1-01

file_get_contents

続きを読む

23歳になりました。すごく祝ってもらちゃって嬉しかったです。

お返ししていかなくてはいけませんな。有難うございました。

phplogo

で、いきなりPHPの初歩的な話になるんですが文字列をイジイジしたいときに使う、関数のおさらいをしていこうと思います。

検索

$array = preg_match_all ( string $pattern, string $subject )

 

分割

文字列を文字列で分割

$array = explode  ( string $delimiter, string $string ))

文字列を正規表現で分割( 非推奨 )

$array = split ( string $pattern, string $string )<)

文字列を正規表現で分割

$array = preg_split('/[\s]+||

<p>
  こうやると複数条件でかつ、こちらだけ後方参照.*?<\/p>/',$String,null,(PREG_SPLIT_DELIM_CAPTURE|PREG_SPLIT_NO_EMPTY));</;
  • PREG_SPLIT_NO_EMPTY 空のものは返さない
  • <li>
      PREG_SPLIT_DELIM_CAPTURE 後方参照も返す
    </li>
    

置換

文字列を文字列で置換

$mixed = str_replace ( mixed $search, mixed $replace,mixed $subject )</p)```

<p>
  文字列を正規表現で置換
</p>


$mixed = preg_replace ( mixed $pattern, mixed $replace, mixed $subject )</pr)```

続きを読む

ブログのタイトルや日付情報が入っているデータベースから

SELECTで欲しいデータだけをズバッともらってくる。

MySQL-01

サンプルで以下の2つのテーブルから

wp_entry

<th>
  entry_title
</th>

<th>
  entry_text
</th>
<td>
  おとといの出来事
</td>

<td>
  本を買った。
</td>
<td>
  昨日の出来事
</td>

<td>
  本が届くのが楽しみ
</td>
<td>
  今日の出来事
</td>

<td>
  本が届いた!
</td>
entry_id
1
2
3

wp_entry_meta

<th>
  entry_meta_type
</th>

<th>
  entry_meta_vchar
</th>

<th>
  entry_meta_vdatetime
</th>
<td>
  entry_create_date
</td>

<td>
  null
</td>

<td>
  2013-05-14 21:35:15
</td>
<td>
  entry_update_date
</td>

<td>
  null
</td>

<td>
  2013-05-14 21:37:34
</td>
<td>
  entry_create_date
</td>

<td>
  null
</td>

<td>
  2013-05-15 12:56:54
</td>
<td>
  entry_update_date
</td>

<td>
  null
</td>

<td>
  2013-05-15 12:56:54
</td>
<td>
  entry_category
</td>

<td>
  blog
</td>

<td>
  null
</td>
<td>
  entry_create_date
</td>

<td>
  null
</td>

<td>
  2013-05-16 23:00:41
</td>
<td>
  entry_update_date
</td>

<td>
  null
</td>

<td>
  2013-05-16 23:43:01
</td>
<td>
  entry_category
</td>

<td>
  blog
</td>

<td>
  null
</td>
entry_meta_entry_id
1
1
2
2
2
3
3
3

条件は記事作成日が5月16日の12時以降で、以下の項目を表示したい

  • 記事ID
  • 記事タイトル
  • 記事本文
  • 作成日

そういうときはこう書く。

SELECT entry_id, entry_title, substring(entry_text,1,10), entry_meta_vdatetime AS entry_time FROM wp_entry, mt_entry_meta WHERE entry_id=entry_meta_entry_id && entry_meta_type='entry_create_date' && entry_meta_vdatetime > '2013-05-16 12:00:00';

結果はこんな感じ

<th>
  entry_title
</th>

<th>
  entry_text
</th>

<th>
  entry_time
</th>
<td>
  昨日の出来事
</td>

<td>
  本が届くのが楽しみ
</td>

<td>
  2013-05-15 12:56:54
</td>
<td>
  今日の出来事
</td>

<td>
  本が届いた!
</td>

<td>
  2013-05-16 23:00:41
</td>
entry_id
2
3

解説は眠たいので、また後日すいません(笑)

今日作業してて勉強になったのはこんな感じでした。

明日は午後からCMSのセミナーに行くので楽しみです。

続きを読む

お久しぶりです。

今さらながら、何回かに分けてGWの写真をあげていきます。

GWは実家に帰りました。が、家にずっといるのももったいなかったので女3人で富士サファリパークに行こう!としたのですが、さすがにそれは遠いよな〜てことで成田ゆめ牧場に行ってきました。………規模(笑)

入場してすぐに、あひるの散歩に出迎えられ

ebf0728aec3d1724bf18c81aa68767a7.jpg

小さい子どもたちがわんさかいる中、22歳の女共がキャーキャーキャーキャー。たのしい。

そりに乗りたいと言い出し、3つのカメラで写真を交互に撮ったのは親気分を味わえました。

そして念願の乗馬!!!!!!!!

7696e7614f6e35458691ef4c12fb0211.jpg

馬かっこいい。競馬あがりの馬だったからか、細くて、なのに筋肉とか筋が綺麗で、"感動"と思っていた以上の"恐怖"で泣きそうでした。

そういえば、やぎとひつじのふれあい場にいた時、角が生えた同じ大きさくらいの2匹のやぎが喧嘩をし始めたんです。テリトリーを奪い合っているのか、順位を争っているのか、まぁどっちにしてもそっとしてあげなきゃかな?と思って離れたら、5歳くらいの男の子が「喧嘩しちゃだめだよ…!」といってやぎの間に入っていくのを見ました。

なんていうか、子供って本当に素直なんだなと。

大人って、なんとなく気にしなくていいことまで気にしちゃって難しくしてることたくさんあるから、なんかいいなぁ、なーんて思っちゃいました。

おしまい。

micafu.

続きを読む

プログラム書くときファイルを分けて書くと開発の効率も上がる。

それで外部ファイルを読み込みのときに使うのはincludeとrequire、あとinclude_onceにrequire_onceがあるけど、なんか先輩のコードを見たら書き分けてる。気になった。

2f1ef28cdb2a163186dcd87d21f60ea8.jpg

調べていたら、以下の記事に出会う。

include と require_once の使いわけ

外部のファイルをそこに差し込みたい場合は include を使い、外部のファイルに定義されたものを使いたい場合は require_once を使えばよい。

非常にわかりやすい!

includeは機械の部品のようなもので、for文で繰り返し呼んだりしてつかうことができるのか。

一回しか読み込めないinclude_onceは使いどころあんまりないのか。

requireはもう一台の機械で、呼んだ時点でプログラムが走るからfor文で繰り返しつかえない、

includeとは逆にrequire_onceを使うと無駄がなく綺麗な呼び方ができるのか。

勉強になった、役割を理解して書こう。

続きを読む

PHPを5.3から5.4にしました。随分と動作が速くなってて満足。

ただPEARのXML-RPC2を動かしたときにE_STRICTエラーが出てくるので調べた。

phplogo

わかったこと

PHP5.4からはエラーレベルE_STRICTがE_ALLに含まれている。

以下その詳細と修正内容

続きを読む

ゴールデンウィークの前半3日は天気もよくて楽しかった。

今回勉強も兼ねて、さくらレンタルサーバーからVPSにサイトを全て移行しました。

初期設定からLAMP環境構築までやり、Wordpressはそのまま移行しました。

vps-01-01

なのでその時のメモ。

続きを読む

TwitterAPIはv1.1になってからOAuth認証が必須となっています。

そのためライブラリで面倒な認証をなんとかしようと思って調べた。

Twitterが公式にライブラリをいくつか紹介してくれている。

TwitterDocument
<a href="https://dev.twitter.com/docs/twitter-libraries">https://dev.twitter.com/docs/twitter-libraries</a>

PHPで動作するライブラリで今回調べたものがこの3つ。

  • tmhOAuth by @themattharris
  • twitteroauth by @abraham
  • 140dev Twitter Framework by @140dev

tmhOAuth by @themattharris

RESTAPI,StreamingAPIともに動作する、非常に気軽にTwitterAPIを楽しめる。

Github tmhOAuth by @themattharris
<a href="https://github.com/themattharris/tmhOAuth">https://github.com/themattharris/tmhOAuth</a>

導入に関してはサンプルファイルまで公開されているので参考にしながら制作できる。

Github tmhOAuth-examples
<a href="https://github.com/themattharris/tmhOAuth-examples">https://github.com/themattharris/tmhOAuth-examples</a>

ただしデメリットはライブラリのファイル数がちょっと多いことくらい。

いまからTwitterAPI触って見ようかなって思っている人はこのライブラリがいいかも。

twitteroauth by @abraham

Github twitteroauth by @abraham
<a href="https://github.com/abraham/twitteroauth">https://github.com/abraham/twitteroauth</a>

たぶんtmhOAuthよりも参考になるエントリーが多い(気がする)、

そしてファイル数が少なく認証も手軽にできるライブラリ。

残念なのが更新が最近ないようなことと、StreamingAPIが動作しないこと。

140dev Twitter Framework by @140dev

140dev Twitter Framework
<a href="http://140dev.com/free-twitter-api-source-code-library/">http://140dev.com/free-twitter-api-source-code-library/</a>

海外のエントリーで多く紹介されているライブラリ、初心者でもTwitterAPIの仕組みをフレームワークによって簡単に理解できるように作られている。

メールアドレス登録しないとファイル貰えないがpdfファイルの説明書やらも付いてくる。Twitterのコピーみたいなサイトを作るときはこれかな。

続きを読む

By: Slipp D. Thompson

SoundCloud楽しいし便利。

Streamでお気に入りのアーティストの曲を聴いたり、Exploreでダダ流して新たな音楽の発見があったり楽しみ方は様々あると思います。

SoundCloud
https://soundcloud.com```


SoundCloudをPodcastsみたいに更新があれば自動でローカルにダウンロードされてiPhoneと同期して持ち歩けたらな、と思ってたら出来たのでメモ。



SoundCloudのアーティストページURLをコピーし以下のサイトでXMLファイルを生成します。

<div class="browser-shot ">
  <a href="http://picklemonkey.net/cloudflipper-home/" > <img src="https://s0.wordpress.com/mshots/v1/http%3A%2F%2Fpicklemonkey.net%2Fcloudflipper-home%2F?w=600&#038;h=450" alt="http://picklemonkey.net/cloudflipper-home/" class="alignnone" /> </a>
</div>

Cloud Flipper http://picklemonkey.net/cloudflipper-home/```

生成したXMLファイルのURLをコピーし、

iTunesの「詳細」メニューで「Podcastを登録」を選択し、コピーしたフィードURLをダイアログボックスにペーストします。これでPodcastsの登録が完了します。あとは快適なSoundCloudとPodcastsライフを楽しんでください。

続きを読む

いまMySQLでの作業をさせて頂いてます。

MySQL-01

MySQLをいままでりんご1みかん2ぶどう3みたいな程度でしか使ってこなかった。

そんなわけでMySQLコマンド一覧

データベースの操作

データベース接続

use データベース名

データベース表示

SHOW DATABASES

テーブルの操作

テーブル表示

SHOW TABLES

テーブル削除

DROP TABLE テーブル名

フィールド表示

DESCRIBE テーブル名

全データ表示

SELECT * FROM テーブル名

テーブル作成

CREATE TABLE テーブル名(
  カラム1 NVARCHAR(10),
  カラム2 NVARCHAR(5),
  カラム3 NVARCHAR(20),
);

テーブル追加

ALTER TABLE jt_life ADD life_id INT(8) PRIMARY KEY FIRST;

テーブル編集

ALTER TABLE jt_shop CHANGE shop_road shop_road NVARCHAR(200);

データの操作

データのインポート

LOAD DATA INFILE "/home/iwa/shop.csv" INTO TABLE jt_shop FIELDS TERMINATED BY ',';

データの全削除

DELETE FROM テーブル名

直近のWARNING表示

SHOW WARNINGS

続きを読む

MacにMAMPを入れた。

MySQLをターミナルからコマンドで作業したときのメモ

ターミナル開いてmysqlと叩いて呼べるようにパスを通す。

cd
emacs .bash_profile

mysqlまでのパスを環境変数に入力する。

export PATH=$PATH:/Applications/MAMP/Library/bin
source ~/.bash_profile

これで完了あら簡単。初回起動はuserとpassはroot

mysql -u root -p

続きを読む

今日は仕事を早めに切り上げて、ひとりでふらふら池袋に買い物しに行ってきました。

購入品は3点。Jeffrey Campbellのパンプスと、UNITED ARROWSのジャケットとパンツ。

今まで「足が小さい・偏平足」っていうコンプレックスがあって、パンプスが履けなかった私に革命を起こしてくれたのがJeffrey Campbellのパンプス。サイズもたくさんあるし、何より本皮だからフィット感がすごい。今回で2足目だけど、両方とも長年愛用していけたらいいな。

今日は満足な買い物ができてるんるんです。

明日からは、3月決算を終えたものたちの5月申告にむけて、資料がだんだん届いてきたので月末にバタバタすしないように早め早めを心がけてがんばろう。

続きを読む

今週初めての仕事の一週間が終わり、週末は大荒れの天気でした。

そんな土曜日にTDC展を見にggg行ってきました。

IMG_0696.JPG

先端的なタイポグラフィ&デザイン作品を見ることができます。

自分はErich Brechbühlのポスターが見たかったので満足。

大きく大胆なタイポがカッコ良かった。

<small>Erich BrechbühlのFbページ</small>
<a href="http://www.facebook.com/erich.mixer">http://www.facebook.com/erich.mixer</a>```


展示の広さはそれほど無いんだけど、作品が多いし濃いので見応え充分でした。
  
この時期、暇だなって思っている人は行ってみたら楽しいかもしれません。

<img src="/images/2013/04/IMG_0703.jpg" alt="IMG_0703.JPG" class="img-rounded img-responsive alignnone wp-image-129" />

続きを読む

By: Chris Dlugosz

サーバーの特定のディレクトリにある画像ファイルを閲覧者に予想されURL直接打ったりなどして覗かれないよう架空のファイルパスを表示する仕組みを作った。

ディレクトリツリー

  • /root
  • /explode.php
  • /rebuild.php
  • /.htaccess
  • /画像ファイル

続きを読む

Windowsでコードを書くとき自分はxyzzyを使っています。

HTMLやPHP書いてて色付けや補完があったほうが便利だし

コード書くのも楽しいから、作業も捗ります。

自分が設定していく中でまとまった情報が無くて手間取ったのでメモ

xyzzyのダウンロード

xyzzy - 窓の杜ライブラリ http://www.forest.impress.co.jp/library/software/xyzzy/

各種site-lispのダウンロード

自分が初めてxyzzyを使ったとき、ここでつまづきました…

それぞれsite-lispをダウンロードしてxyzzy/site-lispへ入れてください。

html±mode

xyzzyにはhtml-modeというのが標準で入ってるでも+がつくだけあって必須

でもソースがどこにも無い!なので置いときますもしよかったら使ってください。

php-mode

php書くんだったら必要かと思います。

Junk Scripts http://www7a.biglobe.ne.jp/~hat/xyzzy/php-mode.html

javascript-mode

jsは書かないの?書くでしょ!!

XyzzyWiki http://xyzzy.s53.xrea.com/wiki/index.php?%B3%C8%C4%A5lisp%2Fjavascript-mode

multi-major-mode

これがすごく便利なもので複数のモードを切り替えて使うことができます。

PHPの中にHTMLやjsが出てきても色付けとかが綺麗に表示されます。

しょぼじょぼすくりぷと http://www2.ocn.ne.jp/~cheerful/script/xyzzy/mode/multiMode.html

バイトコンパイルする

xyzzyを起動して、先ほど入れたsite-lispをバイトコンパイルします。

バイトコンパイルってなんぞやって人は、以下の操作手順

ESC押しながらx、画面下部のコマンド欄にbyte-compile-fileと打ってEnter、ファイル名(html±mode.lとか)を打ってEnter

siteinit.lの書き換え

(load-library "multi-major-mode")

(setq ed::\*multi-mode-running\* t)

(setf \*multi-mode-text-attribute\* nil)

(require "html -mode")

(pushnew '("\\.s?html?$" . html -mode) \*auto-mode-alist\* :test 'equal)

(load-library "javascript-mode")

(push '("\\.js$" . javascript-mode) \*auto-mode-alist\*)

(load-library "php-mode")

(pushnew '("\\.php$" . html -mode) \*auto-mode-alist\*)

;(setq php-indent-level 4)

(setq c-indent-level 4)

(defun multi-html -mode ()

(multi-major-mode-start t "html -mode"

'("<!--?php" "?-->" "php-mode")



'("" "text-mode")

'("<script" "" "javascript-mode"))) (add-hook 'ed::\*html -mode-hook\* 'multi-html -mode) [/plain]

続きを読む

jaxx2104です。

今日、大学を卒業しました。

なんか4年前の自分を思い出すと人が変わってて時間の長さを感じるけど、感覚的には早かったなあと思います。毎日楽しかった。

大学1年生から今まで、授業のこと気になったこと就活のことをEvernoteにメモのごとくなんでも書いていたんだけど、今まで書いた分いらないかなーって思って最後に目を通すかって読んでみたら意外と色んなことメモってた。

"多くの人を説き伏せて、手元に金がありもしないのに" ー【本】「生き延びるためのデザイン」広告デザインについて

"活動内容に思い入れあっていいけど活動をした本人自身へ思い入れはいらないと思う" ー【メモ】いつだかの自分メモ

"「コピーはするけど、ペーストはしない。」" ー【Twitter】クリエイターについて

"口を動かす手が動かない、手を動かす考えない、考える口を動かさない" ー【ブログ】制作における甘え

"「デザインが今後どこにいくか知っていたら、僕は今すぐそれをやりたいな。」" ー【Interview】Ian Anderson

こんな感じで本やらブログやらの切り抜いてメモしてた。

メモってその時の出来事とかどんなことが好きだったのかとか思い出せるから便利、でもそういうことって案外忘れてしまうね。

この一週間はラストバイトでもあるから初心を忘れず頑張ろう。

続きを読む

こんばんは。

今日は仕事が早く終わったのですこし料理しました。このごろ無性に和食が食べたくて、昨日は魚だったので今日はこちら。

f23b565856af25224a7ab4ebcd3f8992.jpg

続きを読む

最近ほんとに暖かくなって、通勤途中などで桜が咲いているのをよく見かけるので、週末はお花見に行ってきました。

お弁当を持って、家から徒歩10分位の木場公園へ。

写真 2013 03 10 12 00 46

続きを読む

jaxx2104です。

新生活が始まるのを機会に新しくブログを書いていこうと思います。

勉強や制作で書いたコードやら休日の出来ごととか写真を載せていけたらと思っています。

いきなりなんですがWordPressをインストールして、

まず一番最初にカスタマイズしたのがフォントの設定

font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3″, "Hiragino Kaku Gothic Pro","Osaka", Verdana,
"MS Pゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;

なんだか最近はiOSとAndoroidを含めたfont-familiyの設定もあるらしい

ややこしや、ややこしや。

今度、調べてみなきゃいけないな。

続きを読む