You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
LIPSのリニューアルについてまずは、コスメのコミュニティサービスであるLIPSのリニューアルについてです。このお話は、昨年末くらいからプロジェクトが動き出したとのことで、詳しい概要はこちらの記事に掲載されています。 今回はリニューアルの中心として活動された、取締役の松井さん、iOS・Android両方のUIアップデートを担当された池田さん、ブランド・アイデンティティのリニューアルを担当されたタカヤ・オオタさんがスピーカーとして登壇くださいました。 デパコス層を取り込むために必要だったリニューアル LIPSはコスメのコミュニティサービスで、ソーシャルに化粧品を探すことのできるアプリ。リリースから1年ほどで100万DL以上を突破しています。 創業してから1年ほどは、サービスをリリースしては失敗し、を繰り返したというAppBrew社。その中で、元々コスメの口コミサイト@cosmeのユーザーだっ
Cacoo 開発チームの山岸です。ウェブにおけるアニメーション・インタラクションが好きなので今回は Web Animations API を紹介します。 Web Animations API (以下 WAAPI)とは これまでの CSS Transitions / Animations や SVG Animation を JavaScript で実現するための API です。WAAPI によりアニメーションにおける統一的なインターフェースを提供することを目的として仕様策定が進められています。 何を解決するか CSS によるアニメーションの場合、実行時の制御ができないことや複雑な CSS Animations の修正の大変さがありました。 また、CSS と JavaScript の両方を用いることも多いですが、アニメーション表現と実行のコントロールが別になることでの管理のしづらさ、reque
HTML5でWebブラウザ内にデータを残す方法としてlocalStorageが有名ですが、他にIndexedDBがあります。しかしIndexedDBは検索できるKVSであったり、localStorageと違って非同期で使う、スキーマが必要など何かと面倒なイメージがあります。 そこで使ってみたいのがJsStoreです。IndexedDBをまるでデータベースのように使えるようにするソフトウェアです。 JsStoreの使い方 IndexedDBを開く処理です。スキーマの定義も行います。 var dbName ='JsStore_Demo'; function getDbSchema() { var tblProduct = { name: 'Product', columns: [ { name: 'Id', primaryKey: true, autoIncrement: true }, {
Go言語のマルチクラウド開発のためのライブラリとツールである「Go Cloud」のAWS対応を試してみました。 はじめに AWS事業本部プロダクト開発グループのshoito(しょいと)です。 Go言語のマルチクラウド開発のためのライブラリとツールである「Go Cloud」のAWS対応を試してみました。 なお、2018年9月10日時点では、プロジェクトのステータスはまだアルファであり、APIには破壊的変更がありえるので、プロダクションには適していません。 https://github.com/google/go-cloud#project-status 検証環境 macOS High Sierra 10.13.2 Docker Community Edition 18.06.1-ce-mac73 (26764) Terraform v0.11.8 Go 1.11 darwin/amd64 A
さまざまなデータを最小限の記述でビジュアル化し、アニメーションで表示する高性能なJavaScriptライブラリを紹介します。 メーターやファンやコントローラーなど、デザインがレトロなのも面白いですね。 Zeu.js -GitHub 上記は静止画ですが、もちろんアニメーションで動きます。 デモのカラーは派手ですが、オプションで簡単に変更できます。 My Command Center Zeu.jsはCanavasベースで、外部ファイルと空のcanvas要素を用意し、あとはタイプとデータを定義するだけで実装できます。 <!-- 外部ファイル --> <script src="zeu.min.js"></script> <!-- 空のcanvas要素 --> <canvas id="text-meter" width="200" height="100"></canvas> <script> //
Flutterで有名なBLoCとは 今回はBLoCについて書いていきます。 BLoCとは😦 Dart Conf 2018で発表されたアーキテクチャになります。 www.youtube.com 詳しくは上のYouTube動画でこの解説がなされています。 BLoCは Business Logic Component の略です。 要は ビジネスロジックと画面のViewを明確に分けましょう というアーキテクチャです。 実装上の指針 具体的な指針は下記になります。 BLoCの入力・出力インターフェースはすべてStream/Sinkである BLoCの依存は必ず注入可能で、環境に依存しない BLoC内に環境ごとの条件分岐は持たない 以上のルールに従う限り実装は自由である ポイントはこの4つです。YouTube動画の中でもこのようなことをいわれています。 具体的な概要は下記のGoogle I/O 201
はじめに 最近よく聞くフロントエンド周りで真のユニバーサルプラットフォームを目指すぜ!っていう文脈でreact-native-web, reactxpなどが出てきています。 今回は、その中でもreact-primitivesについてこのライブラリがなにをやっているのか、どうやって動いているのか要点を解説したいと思います。 react-primitivesの概要 そもそもreact-primitivesとはなんなのか。 react-primitivesは簡単に言うと、ReactNativeで書いたコードを、web, native, vr, sketch, windowsのプラットフォームを抽象化する層を挟むことで各プラットフォームで動作可能にし、reactのアプリケーションを開発する上で必要最低限のコンポーネントを集めたライブラリです。 primitivesという名前はこの共通の必要最低限の
9月15日(土) DNSについて追記しました。バックエンド?今はクラウドがきっと上手くやってくれるので深く考える必要は無いんですよ(知らないので書けません😔) 問題のツイート 面接の質問で「ブラウザを立ち上げてページが表示されるまでの仕組みを全て知ってる限り説明してください」ってのをやると結構Web系の知識どれだけあるか分かると思ってる — 🍛🍺 (@tan_go238) September 10, 2018 解釈 今回は「ChromeのURL欄に入力してからページが表示されるまで」をやります。ブラウザの起動云々はWeb系の話じゃないと信じてます。 1. HTTPリクエストが飛ぶ HTTP2のヘッダ圧縮技術に全て書いてありました。 (追記)下のリクエストヘッダはテキストで書かれていますが、実際にはこれをバイナリにしたものが飛んでいるとのことです。segfoさんありがとうございます!
TL;DR https://github.com/3846masa/memi JSer のためのタスクランナー MEMI ES module で 1タスク 1Function で書ける 依存関係を自動でインストールしてくれる なんで作ったのか きっかけは mimorisuzuko/memi. 要約すると, JavaScript で書けるタスクランナーが欲しい Makefile やシェルスクリプトは,凝った処理を書くのが怠い どのディレクトリでも手間なく使いたい Node.js に関係ないディレクトリで node_modules や package.json を置きたくない タスクで使うモジュールのグローバルインストールは避けたい npm root -g の場所とは別のところに置きたい 既存のタスクランナーと問題点 Makefile シェルスクリプトで書かないといけないので,ちょっと複雑なこ
2018年9月5日、第70回となる「HTML5とか勉強会」が開催されました。今回のテーマは「開発環境」。 Webフロントエンドの開発環境をテーマに、エディタプラクティスやServiceWorkerを開発ツールとして使うアプローチ、長期運用されたサービスのリニューアル方針など、登壇者たちがその知見を語ります。プレゼンテーション「ServiceWorker Side XXX」に登場したのは、mizchi氏。ServiceWorkerを駆使したある取り組みについて紹介します。講演資料はこちら 開発環境のためにServiceWorkerを使う mizchi氏(以下、mizchi):では「ServiceWorker Side XXX」ということで発表させていただきます。mizchiです。よろしくお願いします。 (会場拍手) ちょっと自己紹介とかはする気ないんですけど、最近本を書いたので、その紹介だけ
Web ナチュラリスト フィードを眺めていたら Alex Russell 氏の新作が投稿されていた。 The "Developer Experience" Bait-and-Switch | Infrequently Noted 本来の趣旨については原文を読んでもらえばいいし、下記はこれを読んだ上で普段の考えを踏まえて脳裏をよぎったポエムである。 我々は複雑性で仕事をしている 仕事をしている、もしくはそれでお金を稼いでいる。誰もが。 私は 2012 年頃から Web の、特に Web フロントエンドの複雑性に加担している自覚がある。 Web の専門性が高まることはその技術領域に深淵な価値があることを示唆し、それに携わることの価値を相対的に向上させることができる。 私の活動そのものは些細なものだが、かくして 2018 年現在の Web はかくも複雑になることに成功し、エンジニアリングの名の下
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く