TypeScript ではオブジェクトの型を定義する必要がある。 global.d.ts ファイルを用意し以下を記述する。 declare var ACMS: { Config: { scriptRoot: string }, Dispatch: { Postinclude: { _postinclude: (form: HTMLFormElement, method: string, effect: string, effectSpeed: string) => void } } Ready: (fn: () =...
田島嘉人
ablog cms の post モジュールの使い方の備忘録 1. POST モジュールを作成する acms/extension/acms/post に POST モジュールを作成する(Test.php という名前で)。 2. テンプレートから呼び出す
田島嘉人
post_include を使ったので、その備忘録 1. 出力用のテンプレートを用意(Sample.html) {Sample} 2. 出力元 のテンプレートを編集
田島嘉人
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...
田島嘉人
a-blog cms で独自モジュールを render メソッドを使用して作成した場合、notFound ブロックを追加するにはどうすれば良いのかについて備忘録。 1. テンプレートに notFound ブロックを追加 404 not found 2. 独自モジュールの get メソッドを編集 notFound ブロックを追加したいときに $obj に `notFound` を追加。 $...
田島嘉人
独自モジュールに設定画面を作成したときの備忘録(拡張アプリ版)。 1. 独自モジュールの名前に対応したファイルを作成する 例えば、モジュール名が Test であれば、Test_body.html を作成。 内容は、カスタムフィールドを作成する感じで。ただし、field[] を config[] にする。 2. モジュールID作成ページに独自モジュー...
田島嘉人
a-blog cms に独自モジュールを作成する備忘録 1. モジュール名を決める モジュール名を決めます。例えば、a-blog cms 組み込みモジュールの Entry_Calendar 。 2. モジュール名の名前に対応するファイルを GET フォルダに作成する 先ほど決めたモジュール名.php ファイルを以下のフォルダに作成します。 拡張アプリであ...
田島嘉人
acmes-google-calendar を開発するにあたり、ブラウザで実際に値を入力し、それがカレンダーに追加されるかどうかを確かめる必要がありました。設定を変えてもしっかりと追加されるかどうかも確認する必要がありました。その際、いちいち手動で入力するのは、時間がかかり、面倒でもあるので、selenium を用いて自動で入...
田島嘉人
acms-google-calendar の開発に phpUnit を使用してみました。各メソッドが期待通りの動作を行うかどうか、期待する入力と出力を定義するだけで判定できるので、とても便利でした。定義した入出力のペアに対しては、バグがないことを保証でき、ソフトウェアの信頼性を高められたのではないかと思います。また、リファク...
田島嘉人
7/8日から約1ヶ月間かけて、acms-google-calendar という a-blog cms の拡張アプリを開発しました。ここでは、acms-google-calendar についてどういったアプリケーションなのか、どのような開発をしたのか説明したいと思います。 acms-google-calendar acms-google-calendar は、お問い合わせフォームなどで送信された内...
田島嘉人
ablog cms の拡張アプリ acm-google-calendar を制作するにあたり、いちいち本ブログをテスト環境にするのは面倒ですし、安全ではないので、ローカルに開発環境を作成しました。 ローカルに開発環境を作成する方法はいくつかありますが、今回は Docker を使いたいと思います。以下で環境構築の説明をしますが、既にDocke...
田島嘉人
概要 lang-selectはあるホームページを訪れた場合、そのホームページに訪れた人の第一言語版があった場合、第一言語版へのページ遷移を提案するプログラムです。サンプルサイト ソースコード 使い方 ユーザが<div class="lang-select" id="foge"></div>を作成し、JavaScriptでid名、このサイトが対象とする...
田島嘉人
| 月 | 火 | 水 | 木 | 金 | 土 | 日 |
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
