9/3 Bookmark development
テーマ ブックマーク機能をブログで実装する。 本日の課題 カテゴリーページでブックマークを変更すると、ブックマークリスト内の変更ができない。 ブックマークリスト内で外したページをドラッグすると再びストレージに保存されてしまう。 Drag・DropにInsertBeforeを使っていたため、一番下にドラッグできない。 本日...
Yoshioka
3ページ目
-
-
post_include の使い方
- a-blog cms 機能
post_include を使ったので、その備忘録 1. 出力用のテンプレートを用意(Sample.html) {Sample} 2. 出力元 のテンプレートを編集
田島嘉人 -
a-blog cms でのデータベースあれこれ
- a-blog cms 機能
a-blog cms でデータベースを扱うための備忘録。 1. テーブルの作成 テーブルを作成する SQL クラスのメソッドはないので、SQL を書いて作成。 $DB = DB::singleton(dsn()); $q = 'CREATE TABLE acms_test(id INT(11) AUTO_INCREMENT NOT NULL, test_name VARCHAR(100), PRIMARY KEY (id));'; $res = $DB->query($q, 'ex...
田島嘉人 -
render メソッドでの notFound ブロック
- a-blog cms 機能
a-blog cms で独自モジュールを render メソッドを使用して作成した場合、notFound ブロックを追加するにはどうすれば良いのかについて備忘録。 1. テンプレートに notFound ブロックを追加 404 not found 2. 独自モジュールの get メソッドを編集 notFound ブロックを追加したいときに $obj に `notFound` を追加。 $...
田島嘉人 -
独自モジュールの設定画面を作成する
- a-blog cms 開発
独自モジュールに設定画面を作成したときの備忘録(拡張アプリ版)。 1. 独自モジュールの名前に対応したファイルを作成する 例えば、モジュール名が Test であれば、Test_body.html を作成。 内容は、カスタムフィールドを作成する感じで。ただし、field[] を config[] にする。 2. モジュールID作成ページに独自モジュー...
田島嘉人 -
a-blog cms 独自モジュールの作成方法
- a-blog cms 開発
a-blog cms に独自モジュールを作成する備忘録 1. モジュール名を決める モジュール名を決めます。例えば、a-blog cms 組み込みモジュールの Entry_Calendar 。 2. モジュール名の名前に対応するファイルを GET フォルダに作成する 先ほど決めたモジュール名.php ファイルを以下のフォルダに作成します。 拡張アプリであ...
田島嘉人 -
selenium を用いた半自動E2Eテスト
- a-blog cms 拡張アプリ
acmes-google-calendar を開発するにあたり、ブラウザで実際に値を入力し、それがカレンダーに追加されるかどうかを確かめる必要がありました。設定を変えてもしっかりと追加されるかどうかも確認する必要がありました。その際、いちいち手動で入力するのは、時間がかかり、面倒でもあるので、selenium を用いて自動で入...
田島嘉人 -
phpUnit を使用したメソッドの自動テスト
acms-google-calendar の開発に phpUnit を使用してみました。各メソッドが期待通りの動作を行うかどうか、期待する入力と出力を定義するだけで判定できるので、とても便利でした。定義した入出力のペアに対しては、バグがないことを保証でき、ソフトウェアの信頼性を高められたのではないかと思います。また、リファク...
田島嘉人 -
acms-google-calendar
- a-blog cms 拡張アプリ
7/8日から約1ヶ月間かけて、acms-google-calendar という a-blog cms の拡張アプリを開発しました。ここでは、acms-google-calendar についてどういったアプリケーションなのか、どのような開発をしたのか説明したいと思います。 acms-google-calendar acms-google-calendar は、お問い合わせフォームなどで送信された内...
田島嘉人 -
Docker を使った ablog cms 開発環境の作成
ablog cms の拡張アプリ acm-google-calendar を制作するにあたり、いちいち本ブログをテスト環境にするのは面倒ですし、安全ではないので、ローカルに開発環境を作成しました。 ローカルに開発環境を作成する方法はいくつかありますが、今回は Docker を使いたいと思います。以下で環境構築の説明をしますが、既にDocke...
田島嘉人 -
lang-select.js
概要 lang-selectはあるホームページを訪れた場合、そのホームページに訪れた人の第一言語版があった場合、第一言語版へのページ遷移を提案するプログラムです。サンプルサイト ソースコード 使い方 ユーザが<div class="lang-select" id="foge"></div>を作成し、JavaScriptでid名、このサイトが対象とする...
田島嘉人 -
ScrollScale修正について
risizeの処理修正 前回できていなかったcontantのpadding、contantのアニメーション基準点がリサイズ時にずれてしまう問題を修正しました。これにより、リサイズ時にもほとんどの場合レイアウトが崩れず表示されるようになりました(ほとんどの場合というのは、連続で大きさを変えると、まれに値の取得ができないタイミン...
田島嘉人
