おはうぃーす！　しょごです。 先日ノートPCを購入しました、これでスタジオでドラム録音とか動画作成とか気兼ねなくできます。 久しぶりに演奏動画でもアップしよう、、ゲーム実況もいいな。。。ふふふ。。 さて、今回はInstagramAPIを使ってWebサイトと連携したときの話です。 Instagramとは iPhoneやAndroid端末で写真を撮影し、共有するスマートフォンアプリのことです。Webからも閲覧でき、固有アカウントを設けて投稿管理ができる写真特化型のSNSです（もちろん無料）。 Twitterのようにフォローした人の写真がタイムラインに流れてきて、アップロードした写真には「いいね！」やコメントを付けることができます。アプリ内のカメラで撮影した写真や、カメラロールの写真を選択して手軽にアップロードができます。 プライベートモードで非公開設定も可能。Twitterとの最も大きな違いは

WordPressをカスタマイズする時、もっともコードを追加したり、編集したりするのはfunctions.phpになるのではないでしょうか ネット上の情報でも便利な機能を追加、拡張するために「functions.phpにこのコードを書きます。」という説明によく出会うと思います。 もちろん、それで実現したいことができるので間違いではありません。 しかし、そのままコードを追加していくと管理が難しくなります。 functions.phpに関数を増やすと管理が難しくなる？ WordPressの機能を拡張する方法には大きく分けて2つあります。 プラグインを入れる functions.phpにコードを書く プラグイン 2つを比べると分かると思いますが、1つ目のプラグインを使う方法はとても管理がしやすいです。管理しやすさには以下の点があげられます。 フォルダで管理されプラグインが何を行なう物か明白に分か

【Adobe XD】ホバーアニメーションの応用編～パララックス風の動きを再現してみよう～ 前回の記事では、Adobe XDの「ホバーステート機能」を使った画像のホバーアニメーションの作り方をご紹介しました。今回の記事では、･･･ View More

// SVG指定も出力するように(IE9用) $experimental-support-for-svg: true; // 色を登録しておくよ $bottomColor: #3b5998; $topColor: lighten($bottomColor, 10%); // グラデーションを指定するよ .button { background: $bottomColor; @include background-image(linear-gradient(top, $topColor, $bottomColor)); @include filter-gradient($topColor, $bottomColor, vertical); } .button { background: #3b5998; background-image: url('data:image/svg+xml;ba

なお, ファイルを残したまま追跡から逃れたいときは git rm --cached path/to/file でインデックスのみ削除し, .gitignore などで指定する. また, 誤って git rm してしまったときは git reset @~ path/to/file, git checkout path/to/file で回復する. ローカルでのみ追跡してほしくない場合 二つ方法がある. これらの違いは既に git 管理しているファイルをあえて無視したい - Qiitaに詳しい. 用途に依るが, assume-unchanged の変更は git reset --hard で死ぬので, 基本的には skip-worktree を使う. assume-unchanged 除外するとき

プロジェクトを作成する続いて、プロジェクトを作成します。 プロジェクトとは？プロジェクトとは、Googleが提供する様々なAPIを使った様々なアプリケーションの1つのまとまりです。ウェブサイトのことをイメージすると分かりやすいかもしれません。例えば、私の場合は「Syncer」というプロジェクトを作って、そのプロジェクトの中で、Google Analytics APIやGoogle Maps APIを利用するわけです。…ピンと来ない場合も、作業だと思って進みましょう。 作成の流れ「プロジェクト」をクリックするそれでは、早速、プロジェクトを作成してみましょう。左上部分にある「プロジェクトを作成」というボタンをクリックして下さい。 プロジェクト名を入力するプロジェクトの作成はとても簡単で、ただ、半角英数字と一部記号で名前を決めるだけです。「プロジェクト名」の項目に好きな名前を入力して下さい。通常

<?php /** * @function get_archives_array * @param post_type(string) / period(string) / year(Y) / limit(int) * @return array */ if(!function_exists('get_archives_array')){ function get_archives_array($args = ''){ global $wpdb, $wp_locale; $defaults = array( 'post_type' => '', 'period' => 'monthly', 'year' => '', 'limit' => '' ); $args = wp_parse_args($args, $defaults); extract($args, EXTR_SKIP); if

header.phpに書く wp_deregister_script('jquery'); wp_enqueue_script('jquery', 'http://code.jquery.com/jquery-1.11.1.min.js', array(), '1.11.1'); 既に登録されている'jquery'を削除して、追加する。 ネットでよく見るやり方。しかし、なぜheader.phpに書くのか…… function.phpに書く wp_deregister_script('jquery'); wp_enqueue_script('jquery', 'http://code.jquery.com/jquery-1.11.1.min.js', array(), '1.11.1'); 同じ記述はfunction.phpに書いても動く。 こっちの方がまだしっくりくる。 ヘッダーで一番最初

さて、久々のVPSサーバーアプリ記事です。 今度はVPSにWebDAV拡張アプリOwnCloudをインストールしてみた。 下記VPSサーバーにインストールして実験済み（CentOS6 64bit）。 ServersMan@VPS｜仮想専用サーバー｜クラウドサービス：ユビキタスプロバイダ　DTI VPS（仮想専用サーバ）のさくらインターネット OwnCloudとは Xcodeで作っているiOS用アプリのソースをVPSのWebDAVに保存してたんだけど、それだとネット環境がないとソースをダウンロード出来ない。 一つ一つのデータの容量が大きい場合、ローカル保存しつつサーバーと同期を取るタイプが便利なんだけど、Dropboxは2Gしか使えないから容量が少なすぎる。 その両方を改善するのがOwnCloud。 Dropboxと同じような使い勝手で非常に便利。 昔インストールしたSparkleShare

概要 Docker上でgitBucketコンテナを動かして，gitBucketのデータ置き場をDropboxにする話． 環境は，CentOS6.5なさくらVPS. プライベートgithub的なやつをつくろう！ 経緯 さくらVPSを借りているんだけど，最近はいろいろと便利なサービスがあって，正直全然使う機会がなくなってる． 一方で，githubのプライベートリポジトリが使いたくて月額課金しているんだけど，これが地味に痛い．bitBucketとか，gitlabとか微妙に使いづらいからしょうがないかと思ってたんだけど，最近gitBucketというgithubクローンが結構いい感じなことを知った． そんで，gitBucketのDockerイメージがDockerHubにあったので，さくらVPSにDocker導入しようと思った． 環境移行するときのラクさも考えて，データはDropboxに置くことにした

WEBサイト制作 2015.06.05 2016年1月にサポート期限が切れるブラウザIE8。IE8ユーザーは現在何％なのか！ 2016年1月、マイクロソフトによるIE8のサポート終了まで約半年となった。今でもまれにIE8への対応を求められることがあるので、実際にIE8ユーザーがどれほどの割合で存在するのか調査してみました。 まずはI.M.Dのサイトでの調査 訪問者の1.5％がIE8ユーザーでした。B2Bサイトとしては低い数字だと思います。 アフィニティカテゴリで「technophile」が多いことから、同じIT業界の訪問者の割合が多いのでこのような結果になるのでしょう。 B2B系サイトでの調査 やはりB2B系サイトでのIE8ユーザーは今でも1割以上。 社内業務PCでIE8を使用している企業もまだまだある。 セキュリティ面が心配されますので早めにバージョンアップを。 B2B建設業系サイトでの

WEBサイト制作 2014.11.28 企業サイトをWordPressで運営する上での脆弱性の発生への対応策 – 緊急編（予定を変更してお送りします） 前回は企業サイトをWordPressで運営する上での危険性と回避策 – part1（企業サイトじゃなくても大事ですよ） ということで、WordPress全般のセキュリティとWEB改ざんに対策できる方法をご案内いたしました。 今回は、WordPressの要であるデータベースを守るという観点から対策をご紹介できればと思っていましたが、緊急WordPress脆弱性情報が先週入りました。 予定を変更して、2014年11月21日に発表されたWordPress脆弱性に関してご案内できればと思います。 今回この記事を読んでいただきたい対象の方は前回と同じく ■企業WEB担当者 ■WordPressブロガー ■WordPress制作者 ■WEBサーバ管理者

WEBサイト制作 2014.11.02 WordPressでCMSの導入を考えている企業が注意すべきポイントとは。 需要とともにますます便利になっていくWordPressの機能や様々なプラグイン。大手企業でもWordPressをCMSとして採用している事例も多く、もっぱらCMSの導入を考える場合、まず始めの選択肢となるであろうWordPress。 すでに多くの企業がCMSを導入をしているが、不満を感じる企業も多いという。WordPressとはいったいどのようなCMSなのかここでおさらいをしてみたいと思います。 WordPressの特徴とは、オープンソースで扱いやすい。 WordPressはオープンソースです。ライセンス使用料などがなく、誰もが自由に利用できるのが特徴です。 そして、プログラム言語はPHPと呼ばれるもので、平易な文法のため初心者でも馴染みやすく、この言語を扱えるエンジニア数も

Facebook の認証 まず最初に、Facebook の認証を行います。 「アプリをどうのこうの…」という煩雑な作業はなく、個人アカウントでFacebook にログインしていれば認証はすぐに完了します。 Wordbooker の基本設定 Wordbooker プラグインの設定画面に来てみると、項目が多すぎてよくワカリマセン > <; 今回は細かい設定は抜きにして、以下のコトができれば良いかな〜くらいの、基本的な設定のみを紹介させていただきます。 まずは「投稿全般設定」ですが「基本は一般ウォールに投稿します。」「基本は一般ページに投稿します。」の欄にそれぞれチェックを入れます。 「変更しない限り、次のユーザーとしてFacebook に公開されます。」で、WordPress のアカウントを選択できます。 「以下の文言を投稿します。」で、Facebook への連携時にウォールに表示させる文言を

WordPressでカスタム投稿をRSSに表示する方法です。 WordPressのRSSは通常ではPOST(通常の投稿)しか表示されませんが、こちらにカスタム投稿を追加する方法です。 通常の投稿にカスタム投稿を追加する 通常の投稿+カスタム投稿でRSSを配信する方法です。 方法は非常に簡単でfunctions.phpに追記します。 今回は仮でカスタム投稿『post_type1』『post_type2』があるとします。 function custom_post_rss_set( $query ) { if ( is_feed() ) { $post_type = $query->get( 'post_type' ); if ( empty( $post_type ) ) { $query->set( 'post_type', array( 'post', 'post_type1', 'pos