タグ

ブックマーク / www.moongift.jp (4)

  • Relax - React × MongoDBのCMS MOONGIFT

    CMS(コンテンツ・マネジメント・システム)はWebサイトの基とも言える存在です。それだけに様々なプログラミング言語、新しいフレームワーク、技術の組み合わせで数多く作られています。 今回はそんな技術の新しいトレンドとしてReact/node.jsとMongoDBを組み合わせたCMS、Relaxを紹介します。 Relaxの使い方 Relaxの管理画面から紹介します。こんな感じでページを作成し、パーツを組み合わせていきます。 画像を追加しました。 さらに地図も。細かい設定はプロパティを編集します。 スマートフォンやタブレットでの表示を確認することもできます。 保存すればWebページのできあがりです。 Relaxはサーバサイド、クライアントサイド両方でReactを使っているようです。そのため管理画面もスムーズな操作でページ作成ができるようになっています。使い方は若干難しいところがありますが、新

    Relax - React × MongoDBのCMS MOONGIFT
    tageo
    tageo 2016/09/12
  • あなたのデザインの自由度を邪魔しない、軽量なグリッドデザインフレームワーク·PocketGrid MOONGIFT

    PocketGridは0.5KBの小さなCSSフレームワークです。レスポンシブWebデザインのベースにどうぞ。 Bootstrapをはじめ多様なデザインフレームワークが出回っていますが、デザインの可能範囲が狭まってしまうのを嫌がる声もあります。そこでほんの基礎部分だけを提供してくれるグリッドデザインテンプレート、PocketGridを使ってみましょう。 サンプルです。左が30%、右が70%のコンテンツです。 幅を狭めても比率を維持しています。 よくある三層のWeb構造です。 このように組み変わります。 比率を維持させることもできます。 より複雑な表示です。 レスポンシブに並びが変わっています。 維持させることもできます。 元がこれで… 隙間をなくす設定も可能です。 PocketGridはピュアなCSSだけで作られています。レスポンシブだけでなくセマンティックにも対応しています。メディアクエ

    あなたのデザインの自由度を邪魔しない、軽量なグリッドデザインフレームワーク·PocketGrid MOONGIFT
    tageo
    tageo 2013/04/08
    あなたのデザインの自由度を邪魔しない、軽量なグリッドデザインフレームワーク「PocketGrid」
  • 管理画面もあるPHP製の認証システム·AuthManager MOONGIFT

    AuthManagerは認証およびユーザ管理を提供するシステムです。 Webサイトを作っていて認証はよく必要になります。しかしその度に作っていては面倒に感じることでしょう。そこでAuthManagerを組み入れてみましょう。認証とユーザ管理を一手に引き受けてくれる便利なソフトウェアです。 登録画面です。 ログイン画面です。 ログインしました!アイコンも表示されています。 こちらは管理向け。ユーザ管理画面です。 設定です。 reCAPTCHAの設定です。 AuthManagerの主な機能は指定されたコードを埋め込むことでコンテンツへのアクセスを制限できるようにする、管理画面を使ったユーザ管理、reCAPTCHA対応、Facebookコネクト、メールテンプレート、アクセスログ、Google Analyticsサポートとなっています。 AuthManagerはPHP製のソフトウェア(ソースコード

    管理画面もあるPHP製の認証システム·AuthManager MOONGIFT
    tageo
    tageo 2012/10/01
    管理画面もあるPHP製の認証システム「AuthManager」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
  • 未来の技術が目の前に。ついにオープンソース化·SixthSense MOONGIFT

    SixthSenseは現実世界にデジタルデータを照射し、操作を行うARデバイスです。 SixthSenseという未来的デバイスが発表されたのは2009年のことでした。ARとは異なり、現実世界にプロジェクターを通してデジタルデータを配信し、そこに対するアクションを感知するシステムです。元々オープンソースにする予定でしたが、ついにその実態が出てきました。 現実とデジタルが見事に融合しています(公式サイトより)。 空中で構えるのが特徴的です(公式サイトより)。 カメラとプロジェクターそしてカラーマーカーが基構成になっています(公式サイトより)。 紹介動画 TEDでの発表 SixthSenseはハードウェアとソフトウェアの二つが合わさって提供されるテクノロジーです。近い将来、設計図を元に汎用化されるかも知れませんね。 SixthSenseはGPL v3のオープンソース・ソフトウェアです。 MOO

    未来の技術が目の前に。ついにオープンソース化·SixthSense MOONGIFT
    tageo
    tageo 2012/01/14
    未来の技術が目の前に。ついにオープンソース化「SixthSense」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
  • 1