Ver. 2.11より新しく追加された機能についてドキュメントを書きました
アップルップルのフロントエンドエンジニア 堀です。 先日、a-blog cms Ver.2.11をリリースしました。みなさんはもうご利用いただけましたか？ 現在、新しく追加した機能について急ピッチでドキュメント化を進めているところです。取り急ぎ、エントリーの一括変更機能や、ログイン機能、またリッチエディターユニットに...
カスタマイズ
TinyPNG API を使って、画像を最適化してみよう
この記事は Advent Calendar 2019 の25日目の記事となります。さまざまな a-blog cms に関する記事が公開されていますので是非ごらんください。 画像を最適化してファイルサイズを小さくすることでパフォーマンスをよくすることができます。 これを実現するために「ロスレス圧縮」機能が a-blog cms にはありますが、サ...
Backpax.jsを使ってパララックスユニットを作ってみよう
みなさんは背景画像にパララックス効果をつけたい場合にどのライブラリを選定して実装していますか？意外と背景画像にパララックスエフェクトをつけるのは難しいと思います。なぜなら、背景画像の大きさに応じてパララックスのスピードを調整しないといけないし、スマートフォンサイズの時は別画像にしてパララックスさ...
クエリストリングの値をグローバル変数として取得する
a-blog cms ではクエリストリングを取得するために「%{QUERY} 」や「%{QOL}」などのグローバル変数 が用意されています。これらのグローバル変数はURLエンコードされているため使用場面によってはURLデコードする必要があるかもしれません。また、クエリストリングの変数名まで取得するようになっているためそのままでは...
Ver. 2.10より新しく追加された機能についてドキュメントを書きました
アップルップルのフロントエンドエンジニア 堀です。 先日、a-blog cms Ver.2.10をリリースしました。みなさんはもうご利用いただけましたか？ 現在、新しく追加した機能について急ピッチでドキュメント化を進めているところです。取り急ぎ、メディア機能と、管理画面のカスタマイズについて記事を書きました。 まだまだ...
chart.js を活用した円グラフのカスタムユニットを作る方法
一般的にグラフをサイトに貼り付けるのであれば、上記のようにエクセルで描いたグラフをキャプチャした画像を用意して画像ユニットにアップするかと思いますが、エクセルなどを使う事なくユニットに数値などを設定するだけでグラフが描けるようなユニットの作成を目指してみようと思います。 グラフを描くことができる ...
Ver. 2.9より新しく追加された機能についてドキュメントを書きました
アップルップルのフロントエンドエンジニア 堀です。 先日、a-blog cms Ver.2.9をリリースしました。みなさんはもうご利用いただけましたか？ 現在、新しく追加した機能について急ピッチでドキュメント化を進めているところです。取り急ぎ、プレビュー機能と、OpenStreetMapのユニットとカスタムフィールドの使い方につ...
サブディレクトリにインストールしたa-blog cmsをルートURLで表示する方法
通常、a-blog cmsはサブディレクトリにインストールしてもファイル全部を上階層にもってくれば、そのままルートURLで表示させることができます。 https://example.com/acms/ ↓ https://example.com/ ただ他システムの共存などでドキュメントルートを整理したい場合がありますので、ここでは、サブディレクトリにファイ...
拡張アプリ ChatWork を公開しました
今年、2018年3月26日に公開された a-blog cms Ver.2.8ではより外部サービスと連携しやすい仕組みを用意しています。そこで今後いくつかの連携機能をa-blog cmsの本体とは別に拡張アプリという形で配布することにしました。 その第4弾として今回は 拡張アプリ「ChatWork」を用意しました。拡張アプリ「ChatWork」を使うと...
拡張アプリ Google Sheets を公開しました
今年、2018年3月26日に公開された a-blog cms Ver.2.8ではより外部サービスと連携しやすい仕組みを用意しています。そこで今後いくつかの連携機能をa-blog cmsの本体とは別に拡張アプリという形で配布することにしました。その第3弾として今回は、拡張アプリ「Google Sheets」を用意しました。 a-blog cmsの拡張アプリ「...