はてなブックマーク

いつもお世話になっております。 今回は2019年リリース予定のa-blog cms Ver. 2.10 に搭載予定の「目次作成機能」を一足先にライブラリ化したものを紹介するものになります。 公式ページ GitHub 概要 見出し生成機能を ブログコンテンツ や マニュアル系コンテンツ などで使用したいと、多くの方にご要望をいただいており、 a-blog cms Ver. 2.10 で搭載するために開発することになりました。 ただせっかくなので、a-blog cmsユーザーでない方にも利用していただけるように、オープンソースライブラリとして公開するようにしました。 JavaScriptのライブラリですので、特にCMSなどのシステムに依存はなく、どなたでも簡単に導入していただけれるようになっています。 仕様 文章のアウトラインを ul/ol でマークアップしたものを出力 アウトラインアルゴリズ

gulp-iconfontでweb-font作成を自動化 前の記事（WebFont作成をGrunt.jsで自動化）でGruntによるweb-font自動化をやったのですが、今日マークアップ勉強会がベースキャンプ名古屋で開催されていなたのでgulpでもやってみました。 参考 以下２つを参考に動かしてみました。[Tsutomu Kawamura]さんのコードを少しいじって動かした感じです。 https://www.npmjs.org/package/gulp-iconfont https://github.com/cognitom/symbols-for-sketch インストール 以下が今回インストールしたパッケージになります。 gulp gulp-consolidate テンプレートエンジンで使用 gulp-iconfont シンボルフォント作成の本体 gulp-rename gulp-w

iBeaconとは iBeacon は iOS の 位置情報サービス を拡張する新しいテクノロジーです。iBeacon の設置場所に近づいたり離れたりすると、iOS デバイスから App に通知させることができます。位置のモニタリングのほか、App によって iBeacon (たとえば、Apple Store 直営店のディスプレイやレジカウンター) との距離を測定することもできます。iBeacon では、位置情報を明らかにするために緯度と経度ではなく、BLE (Bluetooth Low Energy) 信号を利用します。この信号を iOS デバイスが検出します。Bluetooth テクノロジーについて詳しくは、Bluetooth の公式 Web サイト を参照してください。 引用 : support.apple.com iBeaconはiOS7より新たに追加されたBlutoothを使った

WebFont作成をGrunt.jsで自動化 WebFontを作成するサービスなどには、いろいろあり便利ですが、ちょっとした修正を入れる度にWebFont化するのは面倒くさいです。そこで、grunt-webfontという便利なプラグインがあったので自動化してみました。 ここでは、macにインストールしていきます。 下準備 homebrew node grunt ここらへんをインストールしておいて下さい。 インストール grunt-webfontのreadmeに沿ってインストールしていきます。 まずはhomebrewでfontforgeとttfautohintをインストールするのですが、 readmeにnodeエンジンを使用するならfontfogeは必須でないとあるので、 ここではttfautohintのみをインストールします。 $brew install ttfautohint cairo

昨日のエントリー【a-blog cms Training Camp 2014 Spring に参加しました】で触れる事が出来なかったカスタムユニットを紹介したいと思います。 概要 a-blog cmsでは記事を書くには、固定なフィールドのユニットを使うか自由に入力できるカスタムフィールドを使う方法がありました。 カスタムフィールドを使えば案件にそった、お客さんが使いやすい管理画面を用意する事が出来たのですが、 ユニットの途中にカスタムフィールドが挿入する事が出来ない、ユニットでは、表現の限界があるなど いくつかの問題がありました。 そこで今回その問題を克服する為カスタムユニットが出来ました。 カスタムユニットを使うとカスタムフィールドを作るように自由にユニットをカスタマイズして、入力のしやすい編集画面が作れるようになると思います。 カスタムユニットはver2.1より使用できるようになります

この記事はa-blog cms Advent Calendar 2013に参加した記事になります。最終日の担当です。 リバースプロキシとは リバースプロキシ（英: Reverse proxy）または逆プロキシは、特定のサーバへの要求を必ず経由するように設置されたプロキシサーバ。一般的なプロキシとは異なり不特定多数のサーバを対象としない。リバースプロキシは、不特定多数のクライアントから寄せられる要求に対して、応答を肩代わりすることにより特定のサーバの負担を軽減したり、アクセスを制限することにより特定のサーバのセキュリティを高めたりする目的に用いられる。 引用元 wikipedia wikipedia リバースプロキシの役割はいろいろあるのですが、公開の目的はWEBサーバ（Apache）の前にリバースプロキシを置きリバースプロキシにキャッシュさせa-blog cmsを高速に動かそう！という目的