2017/12/19 Tech Night @ Shiodome # 6 https://techsio.connpass.com/event/72585/

コスメレビューは「語彙力がない」ほうが良い。コスメアプリで「評論より感動」を重視する20代女子の話と、可愛くないアイコンは「まとめる」の隠された意味。 メイクアプリ「LIPS」をよく使っている、スマホユーザー（22歳 女性 ※前回のTikTokと同じ人）に聞いた話をまとめました。 目次 １、LIPSで「コスメの評判」を調べる理由 ２、コスメのレビューは「語彙力がないほうが良い」 ３、評論よりも「これ良かった！」で肯定されたい ４、可愛くないアイコンを「フォルダにまとめる」理由 ５、LIPSから「通販とフリマ」につなげてほしい ６、アットコスメを"昭和のアプリ"と評した理由 ７、フリマを使ってると「定価でコスメが買えなくなる」 ８、中古コスメは「誰から買うか？」で抵抗感を薄める ９、美容アプリは「綺麗すぎない人」が宣伝すべき 10、コスメは「持っていてかわいいか？」も重要 11、LIPSの投

Test your Vue , template , style , script online with VueFiddle code editor.

「みんなのごはん」をご覧の皆様はじめまして、ライターのニシキドアヤト（@art_0214）と申します。 突然ですが、みなさんは焼き魚をキレイに食べられますか？ 本当に突然すみません。 「お前はいつも突然なんだよ」と、よく言われます。 でも、焼き魚ってめちゃくちゃ食べづらくないですか？ ほぐした身にはもれなく小骨がくっついてきて食べづらいし、好き嫌いが分かれますが、キモは個人的には苦手でして……。それらをよけながら食べていると、どうしても汚くなってしまうんですよね。 ▲僕が食べたサンマ。掲載NGが出たためモザイク処理 実家で焼き魚を食べていると、家族からは、 「本当に汚い」 「育ちが悪い」 「親の顔が見てみたい」 と、ののしられます。「うちの子じゃない」と言いたいらしい。 でも、そもそも僕が子どもの頃に親がちゃんと教えてくれなかったから、26歳のいい大人になってもこの有様なのでは……？ 「責

HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であること かつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること ルート要素＆文書メタデータ html 親 子 head 親 子 title 親 子 base 親 子 link 親 子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親 子※he

本記事では、 チームによる持続的に変更可能なWebアプリケーションの開発を目標に、フレームワーク導入時に考慮すべき22の観点を紹介する。 フレームワークによって特徴は異なるが、本番導入にあたって、考慮すべきポイントはあまり変わらないので、極力フレームワーク1に依存しすぎないよう配慮する。また、話をシンプルにするため、REST APIを提供するアプリケーションを題材とする。 前提 ソフトウェアのエントロピー ソフトウェアがエントロピー増大の法則を避けられないことを、体感している開発者は多いだろう2。普通にアプリケーション開発を続けると、開発スピードは鈍化し、品質は低下してバグが増え、開発者からは技術的負債への怨嗟の声が聞かれるようになる。エントロピー増大というフォースは極めて強力で、意思を持って立ち向かわなければ、容易にダークサイドに堕ちてしまう。 関心事の分離 大規模Webアプリケーション

Bootstrap Night! vol.2 でお話させていただきました https://selfree.connpass.com/event/71944/

「さくらインターネット Advent Calendar 2017」の11日目の記事です。 SIerからフロントエンドエンジニアにジョブチェンジして早2年。 主な仕事内容は、さくらのクラウドのネタ機能開発と自社サービスのエゴサをすること。 前職とはうってかわって、楽しみながら仕事をしている！ ということで、当記事ではいままでにリリースしてきたネタ機能の紹介と、リリースまでこぎつけた「遊び心を実現する技術」について書こうと思う。 ※若干ポエミーですが許してください。 リリースしたネタ機能 さくらインターネットに入社して、今までにいろいろなネタ機能をリリースしてきた。 その一部を紹介する。 桜葉愛が声でお知らせする「音声通知機能」 2016年4月1日にリリースしたのが、サーバをつくったり、起動が終わったときに桜葉愛の声でイベントの完了をお知らせする「音声通知機能 Ωバージョン」 サーバ作成や起動

このサイトについて #作業してくる とは 「開いておくと作業が捗る」というコンセプトのオリジナルBGM配信サービスです。 また、時間を意識できるようサイトづくりを目指しています。 配信楽曲も定期的に増やしていく予定です！ 配信楽曲は、作曲者の方から本サービス内での配信許可を直接頂いて配信しています。 また、本サービスでは楽曲のダウンロード等は提供していません。 もし気に入った楽曲があれば作曲者の方をチェックしてみてください！ 本サービスは個人の範囲でのみ利用可能です。 店舗やイベントでの利用はお断りしています。 推奨ブラウザ PC: Firefox, Google Chrome iOS: Google Chrome, Safari Android: Google Chrome Internet Explorerでは動作しません。 また、通信速度や処理能力が一定以下の環境では、再生までに時間

忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか？ 私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの？」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは？とご指摘頂きました

入門者向け alt属性の書き方アドバイス Web Accessibility Advent Calendar 2017

ゲームなどのコンテンツにおいて、「当たり判定」から逃れることはできません。オブジェクトとオブジェクトが衝突したかどうかという判定は、インタラクティブコンテンツにおいて最も重要な部分になるからです。 当たり判定の実装自体は難しくありません。ですが、素朴な実装ですと、対象となるオブジェクトが大量である場合に、十分なパフォーマンスが出ません。これはオブジェクトの多い、現代的なゲームでしたり、弾幕シューティングなどを作るときに大きな障害となります。 この記事では、大量のオブジェクトの当たり判定を処理する、効率的な方法について紹介します。 まずは素朴に実装してみる 当たり判定の処理を語るには、ある程度ゲームの骨組みのようなものが必要になってきます。もちろんクラスなどを使わないベタ書きでもよいのですが、大変読みにくくなってしまいます。ですので、今回は、まず簡易的なゲームエンジンのようなものを作って、そ

import puppeteer from 'puppeteer'; (async () => { // Launch the browser and open a new blank page const browser = await puppeteer.launch(); const page = await browser.newPage(); // Navigate the page to a URL await page.goto('https://developer.chrome.com/'); // Set screen size await page.setViewport({width: 1080, height: 1024}); // Type into search box await page.type('.devsite-search-field', 'auto

夏、満喫してますか？　夜は何してる？　フェス、ナイトプール、おうちでまったり、友達とビアガーデン……。ViViモデルが夏の夜にやりたいこと×メイクをまとめました。

First and last name First and last name John Smith The first selector is relatively new and doesn’t have complete browser support yet. However, this seems like something that could easily work as a progressive enhancement. The selector allows us to detect whether a placeholder is currently visible to the user. This could come in handy if we want to dynamically hide and show the input’s associated

いろいろな環境で動くプログラムでは互換性のためにその場しのぎのことをしないといけないことがよくあるけど、歴史が積み重なってくると、アドホックな技の上にアドホックな技が積み上がる喜劇的な状態になることがある。こういう問題は認識するのは簡単だが直すことは誰にもできない。まさに僕がそのような体験をしたのでちょっと説明したい。 僕は仕事としてオープンソースのlldというリンカを書いている。リンカというのはコンパイラが生成したバイナリファイルをつなぎ合わせて最終的な実行ファイルやDLLを作成するプログラムで、知らない人も多いと思うけど、何をコンパイルしても最後にはリンカが動いている。lldは既存プログラムより何倍も速くてビルドが早くなるというので最近は結構人気が高まっていて、FreeBSDなどのいくつかのOSが全面的にスイッチしようとしたり、あるいは大規模プロジェクト（Chromeや、どうもFire

The Next DEV Challenge is Here 🚀 Join us for the Wix Studio Challenge with Special Guest Judge Ania Kubów: $3,000 in Prizes!Running through July 07, the Wix Studio Challenge provides an opportunity to develop with one of the most popular and in-demand website building solutions the internet has to offer. There is one prompt for this challenge, and one way to win the entire $3,000 prize pool. 🙀 C

アプリケーションの分割のアプローチ ●４つのアプローチ - ビジネスファンクション - 動詞／ユースケース - 名詞／リソース - 境界づけられたコンテキスト ● トランザクションの分割 - パイプライン化 (VETRO) - コーディネート (Saga) - 状態更新の非同期化 ( Event History - State Materialize - Domain Specific Query )

いつまでも学生ノリが抜けずに目的もなくダラダラとインターネットで遊び、人生という何物にも代えられない貴重な時間をドブに捨て文句だけはいっちょまえに言って他人の足を引っ張ることに夢中なみなさんを矯正し圧倒的な成長を実現することができる無料のChrome拡張が『社会人ブラウザ』です。 社会人ブラウザ – Chrome ウェブストア https://chrome.google.com/webstore/detail/%E7%A4%BE%E4%BC%9A%E4%BA%BA%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6/ldaamcmpjjabpmmopdjknbobifnkbhhd この革命的な「社会人ブラウザ」をインストールするには「Chromeに追加」をクリック。 「追加」をクリック。これでインストールは完了です。 すると新しいタブを開くごとに胸に刻むべき至極のメッセ