2017/01/20 (金) 0 941

前回はブレークポイントについてお話をしました。今回はガター調整と横揃えと縦揃えについてです。 Bootstrapのグリッドシステムにはガター(溝余白)が設定されています。 このガターがあって助かる場合と、困る場合がありま...続きを読む

2016/11/22 (火) 0 703

前回はBootstrapにはカラムという概念があり、合計して12になるように設計する、という話をしました。 今回はレイアウトグリッドのブレークポイントとサイズについてです。 カラムにはブレークポイントというものが設定され...続きを読む

2016/10/25 (火) 0 677

今回はレイアウトグリッドです。 Bootstrapの最大の特徴はなんといってもグリッドシステムです。 グリッドシステムはグリッドというように、レイアウトをマス目のように管理する仕組みです。 グリッドは閲覧する端末サイズに...続きを読む

2016/09/26 (月) 0 864

今回はBootstrapを使うための準備です。 WordPressのテーマとして開発するので、当然ですがWordPressがインストールされた環境が必須です。 まずは空のテーマを用意します。最低限、必要なファイルは3つで...続きを読む

2016/09/26 (月) 0 636

というわけで、久しぶりにWordPressオリジナルテーマを開発します。 前回の開発より3年ほど経過して、いろんな問題点が山積したことと、新たなトレンドを取り入れたいなど要望が増えたことが原因です。シリーズでお送りします...続きを読む

2016/03/01 (火) 0 344

今回でウェブスクラップブックは最後です。 ウェブスクラップブックの保存はローカルストレージに適当に保存していたので、このデータを構造化して後で加工できるようにします。 今回手を加えるのは「script.js」以外の「js...続きを読む

2016/01/21 (木) 0 331

今回はウェブスクラップブックを使いやすくします。シングルクリックで取得する範囲を不透明で表示して、ダブルクリックで実際に取り込みます。「script.js」だけの変更となります。 $( function() { var ...続きを読む

2016/01/11 (月) 0 414

前回は一通りオプションページへの保存と読込をやったので、今回はウェブスクラップブックをオプションページに保存する機能を実装します。全体的にマイナーチェンジします。 まずは「script.js」を見ていきましょう。 $( ...続きを読む

2015/12/24 (木) 0 305

前回はオプションページの作り方と保存方法を学びました。 今回は保存したデータを読み込む方法です。 まず、「options.html」に読み込むボタンを追加します。 <html> <head> &l...続きを読む

2015/12/24 (木) 0 273

前回はバックグラウンドでの通信を学びましたが、取得したデータはブラウザを閉じるとなくなってしまいます。 そこで、取得したデータを保存するにはどうすればいいか? ということになるのですが、Chrome Extentionで...続きを読む

2015/12/02 (水) 0 310

前回は今見ているページのクリックした要素のテキストを取得しアラートに表示する、というものでしたがアラートだと見辛いのでポップアップページに表示してみましょう。 ポップアップページに表示するにはコンテンツスクリプト → ポ...続きを読む

2015/12/01 (火) 0 319

前回は今見ているページにレイヤーを追加しましたが、今回はバックグラウンドと通信を行います。 実はChrome Extentionにはスクリプトの制約があり、主に4つのパートに分かれています。 ・コンテンツスクリプト ・バ...続きを読む

2015/11/09 (月) 0 233

前回はスタイルシートを指定して見ているページの画面中央にレイヤーを追加してみました。しかし、毎回スタイルシートに記述すると面倒ですよね。今回は外部スタイルシートを用いて同じことをしてみます。 まず「manifest.js...続きを読む

2015/11/09 (月) 0 277

前回は見ているページのリンクを全て取得してコンソールログに保存しましたが、今回は見ているページに勝手に要素を追加してそこにリンクを表示させてみます。こうすればコンソールログを開かなくてもいいので見やすいですね。 まずは見...続きを読む

2015/10/29 (木) 0 273

Google Chrome Extention講座 第三回「見ているページのリンクを全て取得する」 前回は単にダイアログが開いて同じメッセージを表示するだけのつまらない拡張機能でしたが、今回はもうちょっと役に立ちそうなも...続きを読む

2015/10/28 (水) 0 191

引き続きGoogle Chrome Extention講座です。 二回目はとりあえず最小限の構成でサンプルを作ってみましょう。とても簡単です。 必要なファイルは4つです。中身についてはまたあとで説明します。 [note]...続きを読む

2015/10/24 (土) 0 259

Google Chrome Extention講座をスタートします。 プログラム系の講座です。久しぶりの講座ですが、見る人がいなければ途中で終わるかも? です。応援よろしくお願いします。 で、Google Chrome ...続きを読む

2014/07/07 (月) 0 294

前回は「JQuery UI」の使い方をひと通り説明したので、今回は管理画面にデザインを適用してみます。 とりあえず、オリジナルプラグイン作りはここで一区切りつきます。 とはいっても、プラグインがシンプルであまりデザインす...続きを読む

2014/07/04 (金) 0 326

前回は「JQuery」と「JQuery UI」を使ってテーマを使う準備をしました。今回はJQuery UIのテーマを使う方法です。 JQuery UIのテーマを使うにはある決まりがあります。その決まりの通りに設定すればテ...続きを読む

2014/07/02 (水) 0 380

前回はiPhoneとアンドロイドアプリ開発が行えるmonaca(モナカ)の説明とJQuery mobileを少し説明しました。 今回からは簡単なクリック(タップ)ゲームを発展させてゲームっぽくしていきます。 前回作ったゲ...続きを読む