タグ

2014年12月24日のブックマーク (13件)

  • シンプルなVPC設計を考える - Around the World

    この記事はAWS Advent Calendar 2014の24日目の記事です。メリークリスマス! 今日は、最近イチから構成を考える機会があったVPCの設計について、その一部を晒してみたいと思います。 前提 以前からAWSは運用していましたが、今後複数アカウントが乱立したり、利用する人がより増えることが想定されたため、以下のような要件を前提に見直しました。 Web/Appサーバとデータベースで構成されるWebサービスがメイン 複数アカウントで汎用的に利用できること なるべくNWレベルの意識をしなくても良いこと 運用の発生する部分を減らすこと シンプルでわかりやすいこと 基構成 Functional Firewallパターンをベースにしました。Functional Firewallパターンは、各レイヤーのセキュリティルールをグループ化して適用することで煩雑になりにくく、シンプルに管理するこ

    シンプルなVPC設計を考える - Around the World
  • ECサイトのメディア化に成功した事例12選 | LISKUL

    戦国時代に突入したECサイト。 近年、ECサイトはサイト内のコンテンツを充実させた「ECサイトのメディア化」が大きく注目され、ただモノを売るためだけのサイトではなくなっています。 この「メディア化」では、サイト内のコンテンツを充実させることで商品やサイト自体に興味を持ってもらい、自分からまた来たいと思ってもらえるECサイト作りが重要になっています。 しかし、話を聞いたことはあっても、具体的にどのようなことが行われているのか分からないという方も多いのではないでしょうか? 今回は、ECサイトにおける独自コンテンツの実践事例を紹介するとともに、メディア化のメリットについて説明いたします。 1. ライフスタイルが見えるコンテンツの事例商品の魅力を最大限伝えるには、ライフスタイルを見せることが重要です。その生活のファンになってもらうことができれば、そこで紹介されている商品も自然と買いたくなります。

    ECサイトのメディア化に成功した事例12選 | LISKUL
  • デザインが機械化されても心配しない理由

    それって当にオリジナル? レスポンシブ?フラット?ビデオをつかった背景?CSSアニメーション?ゴーストボタン?いろいろな『トレンド』を見て勉強している間に、すべて導入されている 14ドルのテンプレートをすぐに手に入れることができます。 CMS を活用して情報が更新しやすいレストランサイトを構築したい?専用の WordPress テーマを使えばすぐに完成します。英語だからダメと思うかもしれませんが、UI のローカライズが簡単できるように工夫されているので、使うことを諦めることはありません。 制作者の視点で語られる『オリジナルのデザイン』には、ひとつの矛盾があると思います。最新のデザイン動向を追いかけ、それを実践することが良いデザインに繋がると考えることがありますが、トレンドになる表現はすぐにコモディティ化されていきます。オリジナルを求めているつもりが、誰でも使えるものをゼロから手作りにして

    デザインが機械化されても心配しない理由
  • Googleタグマネージャとは? そのメリットと特徴を知る(全20回の1) | 実践 Googleタグマネージャ入門

    タグにまつわるさまざまな問題いまやインターネットは広く普及し、通信速度も安定・向上しています。通信環境が安定した結果、「WebサイトのHTMLにタグを記述して、インターネットを通じて処理を行うツール」はどんどんその数を増やしています。 例えば、アクセス解析の「Googleアナリティクス」や広告配信の「Google AdWords」「Yahoo!プロモーション広告」などが代表的です。いずれも有名で普及率の高いツールなので、名前を聞いたことがあったり、実際に利用していたりする人も多いのではないでしょうか? 少なくともビジネス用途のWebサイト運用では、今ではこれらのツールなしでは成り立たないといっても過言ではありません。ただ、その種類が増えてきた結果、いくつか問題も出てきました。ひと言でいうと「管理が大変」ということです。 ●代表的な問題埋め込まれているタグの状況を把握しきれないWebページに

    Googleタグマネージャとは? そのメリットと特徴を知る(全20回の1) | 実践 Googleタグマネージャ入門
  • 「Webサーバーを構築しよう(1)」~初心者でもよくわかる!VPSによるWebサーバー構築講座(3) | さくらのナレッジ

    各ツールの使い方や接続手順については割愛しますが、うまくログインできれば /home/vpsuser の場所に接続できると思います。 接続できたら、これからindex.htmlを作ってファイルをアップロードするわけですが、サーバーのどこにファイルをアップロードすれば良いでしょう? 先ほどは、 http://xxx.xxx.xxx.xxx にブラウザでアクセスした時に「Apache 2 Test Page」が表示されましたが、自作のindex.htmlが代わりに表示されるようにしてみます。 http://xxx.xxx.xxx.xxx にアクセスされたときに対応するディレクトリは、サーバーのドキュメントのトップの位置に相当するので、ドキュメントルートと言います。 これは、デフォルトでは /var/www/html です。 SFTPツールでログインした最初の位置は/home/vpsuserです

    「Webサーバーを構築しよう(1)」~初心者でもよくわかる!VPSによるWebサーバー構築講座(3) | さくらのナレッジ
  • Wintersmith

    Flexible, minimalistic, multi-platform static site generator built on top of node.js. Did I say flexible? Wintersmith tries not to put any limitations on how you work with your content. You can transform it using plugins and structure it as you please. No special directories or odd metadatafiles, just a directory structure. This means that you can simply throw in your old hand-crafted static site

    Wintersmith
  • グリーを支える通知システム | GREE Engineering

    はじめに このエントリは GREE Advent Calendar 2014 24日目の記事です。 こんにちは、インフラストラクチャ部の高野(@takano32)です。 いつも社内では GitHub:Enterprise の運用、 デプロイの改善、 大規模なインフラを操作するためのツール作成、 レガシーなサーバのセキュリティ対策、 コミュニケーションツール向けシステムの構築・運用、 などの仕事をしています。節操がありませんね。はい。 そのうち、今回は「コミュニケーションツール向けシステムの構築・運用」のうち「グリーを支える通知システム」という題目について書きたいと思います。 グリーとリアルタイムコミュニケーションツール まず、通知システムについてお話する前に、グリーでどのようなリアルタイムコミュニケーションツールが利用されてきたかを簡単に説明したいと思います。 リアルタイムコミュニケーシ

    グリーを支える通知システム | GREE Engineering
  • kuromoji.js - Webブラウザ上で分かち書き! MOONGIFT

    テキストから意味を読み取るというのは非常に難しく、そのための専用ソフトウェアが存在するほどです。そしてテキスト解析手法の一つとして知られているのが分かち書きです。日語であればChasenがよく知られています。 kuromoji.jsはそんな分かち書き処理をJavaScriptで行ってしまおうというソフトウェアになります。KuromojiというApache財団のオープンソース分かち書きエンジンをJavaScriptにポーティングしています。 kuromoji.jsの使い方 こちらはデモです。Webブラウザベースで動作しています。nodeでも使えます。 適当な文章をリアルタイムに分かち書きできます。 kuromoji.jsは辞書ファイルをAjaxで取得しています。そのためサイズは大きくなりますが、分かち書きの精度はとても高くなります。サーバサイドで辞書を用意したり分かち書きエンジンを用意する

    kuromoji.js - Webブラウザ上で分かち書き! MOONGIFT
  • SnackbarJS by FezVrasta

    Create snackbars and toasts with ease. SnackbarJS is a lightweight and jQuery powered plugin made to work in Bootstrap style, just like the Bootstrap tooltips work. Using it is as easy as writing: <span data-toggle=snackbar data-content="This is my awesome snackbar!">Click me</span> Options There are some options to customize SnackbarJS look and beahvior: var options = { content: "Some text", // t

  • タスク自動化ツール「gulp」 を使って制作時間を短縮しよう

    2014年12月24日 Webサイト制作, 便利ツール みなさん、タスクランナーを使っていますか?タスクランナーとはファイルの圧縮やSassのコンパイルなんかを、ファイルを保存したと同時に自動で行なってくれる素敵ツールです。制作のスピードアップも間違いなし!今回はそんなタスク自動化ツールのひとつ、gulpを紹介します。 ↑私が10年以上利用している会計ソフト! gulpとは gulpとは、Node.jsを使ったタスク自動化ツールです。CSSJavaScriptファイルの圧縮や結合、Sassのコンパイルなんかも自動化できるので、「フロントエンドしかいじらないよ!」というWebデザイナーさんでも、使えるようになると作業がかなりはかどりますよ。一度gulpプロジェクトファイルを作成しておくと、自動化の手順を他の人と共有できるので、チームで開発する時にも力を発揮してくれます! Gruntとの違

    タスク自動化ツール「gulp」 を使って制作時間を短縮しよう
  • Phalcon\Mvc\Micro のイベント処理順序とお手軽CSRF対策 - Qiita

    Phalconは去年に一度少しだけ触ってみた程度の初心者で、業務ではSilex(というかPimpleとSymfonyコンポーネント)をよく使っています。 そういうわけで、Silexに機能的に似ている Phalcon\Mvc\Micro でのイベントの処理順序と、それを踏まえた上で手軽なCSRF対策について考えてみました。 動作確認した環境は以下の通りです。 Windows 8 PHP 5.6.3 Phalcon 1.3.4 イベントの種類と処理順序について microアプリケーション特有のイベントとして、以下が定義されています。 beforeHandleRoute beforeExecuteRoute beforeNotFound afterExecuteRoute afterHandleRoute ミドルウェアイベントとして、以下が定義されています。 before after finis

    Phalcon\Mvc\Micro のイベント処理順序とお手軽CSRF対策 - Qiita
  • Natron

    Logiciel Natron Vous souhaitez créer des effets visuels, effectuer du compositing en post-production, créer des intros ou des graphiques ou encore lier des idées visuelles de manière transparente ? Peut-être que vous avez déjà testé des logiciels propriétaires comme Nuke ou Adobe After Effects ? Pourquoi ne pas utiliser Natron ? Natron est un logiciel destiné au compositing vidéo. Il s’agit d’une

    Natron
    wate_wate
    wate_wate 2014/12/24
  • 購買行動分析 サービス一覧 | 消費者行動図鑑

    「コンタクトポイントエクスペリエンスレポート」では、商品の広告・プロモーションで用いたコンタクトポイントごとの消費者体験を把握し、コンタクトポイント間の導線設計の評価や、各コンタクトポイントで適切な体験を提供できていたかを評価する事ができます。また、このレポートでは代表的な消費者の体験ストーリーを掲載するので、クロスメディアにおける消費者体験を読み解き、広告施策の評価や、コミュニケーションプランニングのヒントとすることができます。

    購買行動分析 サービス一覧 | 消費者行動図鑑