タグ

2018年5月18日のブックマーク (5件)

  • どんどん簡単になっていく!最近見かけるアニメーションを伴ったさまざまなUIが実装できるスクリプト -LayerJS

    アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンやモーダルなど。 最近のWebページやスマホアプリでよく見かけるアニメーションを伴ったさまざまなUIが簡単に実装できる超軽量スクリプトを紹介します。 他のスクリプトやスタイルシートに依存はなく、ReactVueJS、Angular、jQueryなどと一緒に利用することもできます。 ユニバーサル スライダー、ポップアップ、アコーディオン、メニュー、パララックス、ジャスチャーなど、さまざまなUIパターンを簡単に実装できます。 ピュアHTML HTMLのdata属性を使用して、インターフェイスをレイアウトし、インタラクションを定義します。 互換性 ReactVueJS、Angu

    どんどん簡単になっていく!最近見かけるアニメーションを伴ったさまざまなUIが実装できるスクリプト -LayerJS
  • サーバレス時代におけるヘテロジニアス時系列データベースアーキテクチャ - ゆううきブログ

    この記事は、第2回ウェブシステムアーキテクチャ研究会の予稿です。 ウェブシステムをモニタリングするために、高可用性、高書き込みスケーラビリティ、メトリックの長期保存が可能な時系列データベースが求められている。 これらを実現するために、性能特性の異なる汎用Key-Value Store(以下KVS)を組み合わせ、透過的に問い合わせ可能な、ヘテロジニアス時系列データベースであるDiamondを開発した。 この記事では、Diamondを分散システムの観点で捉え、アーキテクチャ、データ構造、実装を紹介し、考察によりFuture Workを議論する。 1. はじめに 2. アーキテクチャ アーキテクチャ概要 動作フロー データ構造 KVSの機能要件 3. 実装 実装概要 KVS間のデータ移動 データ位置の解決 費用特性 4. 考察と今後の課題 Diamondの欠点 将来機能 5. まとめ スライド

    サーバレス時代におけるヘテロジニアス時系列データベースアーキテクチャ - ゆううきブログ
  • 優秀なインド人が日本を微妙に避ける事情

    コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能(広告ブロック機能を持つ拡張機能等)を無効にしてページを再読み込みしてください。 ✕

    優秀なインド人が日本を微妙に避ける事情
  • イニエスタ、神戸入団合意!20日バルサ最終戦後に来日、会見へ - スポーツ報知

    今季限りでスペイン1部バルセロナを退団する同国代表MFアンドレス・イニエスタ(34)がJ1神戸に入団することで合意したことが17日、分かった。イニエスタがバルセロナでの最終戦となる20日(日時間21日)のRソシエダード戦後に発表され、その後、来日して会見が行われる見込み。いよいよJリーグに世界屈指のプレーヤーがやってくる。 正真正銘、世界最高峰のMFを日で見られる日がやってくる。神戸関係者によると、イニエスタ人とロシアW杯後の加入で合意。週明けにも発表し、イニエスタ人が来日して交渉に携わった楽天・三木谷会長とともに会見する予定という。獲得報道のあった中国、オーストラリアのクラブとの競争を制した形だ。 三木谷会長は16日、ルヴァン杯・鳥栖戦(ノエスタ)を観戦したが、報道陣との接触は避けて超大物獲得について一切語らず。しかし、交渉は水面下で着実に進展していた。イニエスタは近日中に発表さ

    イニエスタ、神戸入団合意!20日バルサ最終戦後に来日、会見へ - スポーツ報知
  • 若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA

    ウェブの黎明期である2000年頃と比べてはるかにHTMLはコーディングしやすくなりました。10〜20年前のHTMLコーディングはどのようなものだったのでしょうか。 この記事では、NetscapeとIEのブラウザ戦争に決着がついた後の、IE6が全盛期となった2000年代のウェブサイト制作を振り返ります。懐かさに浸たり、現代のウェブの成り立ちに通じる温故知新な情報として参照ください。 テーブルレイアウト / spacer.gif XHTMLCSSが普及するまではテーブルレイアウトが一般的でした。テーブルレイアウトとはtableタグを使い、格子状にレイアウトしていく手法です。テーブルレイアウトは、デザインファイル(Image ReadyやFireworks)から画像を切り出す「スライス機能」と相性のいい方法でした。 <table border="0" cellspacing="0" cellp

    若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA