「Kawaiiは差別用語」に原宿系クリエーターが世界へ反論「誰でも使っていい」｜よろず〜ニュース
インターネット上の一部で「Kawaii is a slur（Kawaiiは差別用語だ）」との主張が生まれたことに対し、原宿系クリエーター・紅林大空（３０）が、Kawaiiは差別用語ではないと説明する動画をインスタグラムなどで公開した。紅林はよろず～ニュースの取材に対し、Kawaiiカルチャーは国籍や人種に関係なく「リスペクトさえあれば誰でも楽しむ権利がある」と語った。 黒人女性が日本のアニメキャラクターのコスプレをした自身の姿を「Kawaii」の文字を添えて動画サイト・TikTokへ投稿したことが論争のきっかけとなった。女性の元には「日本の文化を外国人が使うなんて許せない」「黒人がKawaiiを使ってわが物顔をするな」などと攻撃的なコメントが寄せられたと紅林は説明。これにより、日本人以外が日本発祥の「Kawaii」という言葉やそのカルチャーを実践することは”文化の盗用”になるとして「Kaw
TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog
最近webアプリ(RailsのviewでVue.jsを使ってる感じの部分)をフロントエンドだけ切り離してリライトする業務をやった。 他の業務と並行で進め、実装からリリースまでの期間は大体営業日換算で2週間ちょいくらい。 バックエンドのAPIなどはすでに開発済みのものを使えたので純粋にフロントエンドのみ。 途中、既存の動いてるアプリへ機能追加などされていたので都度追従していく作業もやった。 そもそもリライトすることを決めたのは元のアプリが歴史的な経緯などあり、トランスパイルできる環境に無く、加えてAndroid4.2以降のwebブラウザに対応する必要があったため。素手でES5を書き続けるのは規模が大きくなっていくとだいぶ辛いしここらでちゃんと整えましょうということで重い腰をあげたという感じ。 フロントエンドライブラリとしてはVue.jsに元々は慣れてたこともあり、Vue.jsを利用。この夏に
WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA
ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse（Google ChromeのデベロッパーツールのAuditsタブ）というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ
Adobe XDをもっと使いこなすヒント！ 第19回 自動アニメーションの基本技
Adobe XDをもっと使いこなすヒント！ 第19回 自動アニメーションの基本技 連載 Adobe XDをもっと使いこなすヒント！ この連載では、Adobe XDを便利に使うための様々なテクニックを、Adobe XDチームのツイートからピックアップしてご紹介します。今回は、自動アニメーション機能を使った表現の実現手段に関連する9つのツイートを取り上げます。 Tip 1. 自動アニメーションを設定する #adobexd #protip Duplicate your artboard, change the properties of an object, and wire the two artboards together using auto-animate for an incredibly easy morph. @adobexd pic.twitter.com/aCWghhUhuZ
IPFSを使って無料で静的サイトをホスティング（公開）してみる - Qiita
IPFSとは A peer-to-peer hypermedia protocol to make the web faster, safer, and more open. (参照元(GitHubはこちら)) IPFSは、オブジェクト（画像、記事、映像）を参照する時にどのサーバに保管されているかを調べるのではなく、全ての参照においてファイルのハッシュを使います。考え方としては、ブラウザで特定のページにアクセスしたい場合、IPFSはネットワーク全体に対して「このハッシュに対応するこのファイルを持っているか？」と問い合わせを行い、該当するIPFSのノードがファイルを返すことで、ページにアクセス可能になるという仕組みです。 （参照元） さて、これだけでは意味がわからないが、DEMOを見てみると、画像や動画ファイルを管理するための分散型システムということがなんとなくわかる. 本稿では、IPFSで
歌声合成技術に革命！ディープラーニングで人間さながらに歌うAI歌声合成システムを名工大とテクノスピーチが開発 | | 藤本健の "DTMステーション"
日進月歩の技術の世界ですが、もはや人間とコンピュータによる歌声の違いを識別できないレベルのところまで技術は進化してきたようです。本日、国立大学法人名古屋工業大学の国際音声言語技術研究所と名古屋の大学発ベンチャー企業である株式会社テクノスピーチが共同で「超高音質な歌声を再現するAI歌声合成システム」を発表しました。 これまでVOCALOIDを中心とした歌声合成のシステムがDTMの世界に広がり、ひとつの音楽ジャンルというかひとつの文化を作り上げてきたといっても過言ではありません。しかし、それとは明らかに次元の異なる歌声合成のシステムが登場してきました。ある種コンピュータっぽさ、無機質さが売りでもあったVOCALOIDに対し、今回発表されたのは人間の声質やクセ、歌い方を再現する、まさに人の歌声と区別のつかないレベルの歌声合成。現時点では技術発表であって、まだ製品化はされていませんが、歌声合成技術
新卒デザイナーのデザインブラッシュアップ方法 | remark
デザイン事務所にてアートディレクターとして企業ブランディングを中心に広告、商品企画、プロダクト開発、Webプロモーションなどに従事。自分たちの働き方もデザインの一部と捉え、自らのほしい未来をつくるために2015年9月ツクルバに参画。Web、グラフィックなどツクルバに関わるデザイン業務を担当。[柴田のインタビュー記事](https://studios.tsukuruba.com/remark/1524649191951) まずは自由に作ってもらう 円香：バナーできたので見ていただいてもよいですか〜。 柴田：これ、CLASKA（イベントの会場）ってのがビジュアルから伝わってこないのだけど、素材これしかないの？ 円香：これしかないんす…公式のビジュアルがこれで 柴田：ならしょうがないな…全然わからん。CLASKA側からこれ使ってくれって？ 円香：絶対これってわけでないとは思いますが、送られてきた
Kayashima: The Japanese Train Station Built Around a 700-Year-Old Tree | Colossal
In the Northeast suburbs of central Osaka stands a curious train station unlike any other. Kayashima Station features a rectangular hole cut into the roof of the elevated platform and, from inside, a giant tree pokes its head out like a stalk of broccoli. It’s almost like a railway version of Laputa. The large camphor tree is older than most records but officials believe it to be around 700 years
Adobe XD: putting auto-animate to the test – UX Collective
Adobe recently announced their updated version of Adobe XD at Adobe Max in October and introduced a new feature called ‘Auto-Animate’. As Adobe describes it — Adobe XD has evolved from a basic click-through application to providing you divergent prototyping options such as Time, Tap, Drag, and Voice. Designers can use auto-animate combined with drag gestures to create micro-interactions across art
Our Gitlab CI pipeline for Laravel applications
We've been fairly public about the amount of testing we have for Oh Dear!. Freek has been showing bits and pieces on his Twitter to show the extent of that effort. Having a huge test suite is nice, but integrating it into your development workflow is even better. That's why we're releasing our Gitlab CI pipeline that is optimized for Laravel applications. It contains all the elements you'd expect:
FirefoxやEdgeでのYouTube読み込みはChromeの5倍時間がかかる | スラド IT
現行デザインのYouTubeは初めに動画部分が表示され、そのほかのテキストやボタン、サムネイルなどは先にプレースホルダーが表示されてから順次表示されていく。MozillaのChris Peterson氏によると、これをFirefoxやMicrosoft Edgeで読み込む場合はGoogle Chromeの5倍時間がかかるそうだ(Peterson氏のツイート、 The Vergeの記事、 Neowinの記事、 9to5Googleの記事)。 YouTubeの現行デザインで使われているPolymerライブラリーは、Chromeだけに実装された非推奨のShadow DOM v0 APIに依存しているという。そのため、FirefoxとEdgeでは互換用に用意されたPolyfillを使うことになり、大幅に速度が低下する。Internet Explorerでは旧デザインで表示されるため、影響を受けない
空divがあると効かなくなるハードウェアアクセラレーションとは // Shadow DOM v0のせいでChrome以外だと遅いという記事は見つけた https://it.srad.jp/story/18/07/27/2119221/ - Falkyのコメント / はてなブックマーク
<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/374954999/comment/Falky" data-user-id="Falky" data-entry-url="https://b.hatena.ne.jp/entry/s/twitter.com/jingbay/status/1074638721427763200" data-original-href="https://twitter.com/jingbay/status/1074638721427763200" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ft
Elm 2日ほどやった感想 - mizchi's blog
12月はなんとなく新しいことをやりたくなる。ということで、elm をやってみた。 大昔に触った気がするけど、文法が Haskell っぽいこと以外、何も覚えてなかった。というか当時触った signal とかがなくなってたので別物になってた。 作ったもの 勉強がてら作った、球拾いゲームみたいな何か コードはここ https://github.com/mizchi-sandbox/elm-playground elm-platform, svg の扱い, キー入力、乱数の副作用の分離などが学べた。乱数は面倒くさくなったので外部(JS)からSeed与える方式にして、気持ち純粋になった。 (自分の)環境構築 Parcel を使った brew install elm # OSに応じて mkdir elm-playground cd elm-playground yarn init -y yarn a
vuex + typescriptをvuex-module-decoratorsで無敵になる - Qiita
vuex + typescript をvuex-module-decoratorsで無敵になる はじめに vue.js, vuex, typescriptを用いた開発環境で、コンポーネント内からvuexのgetters, state, actions, mutationを用いようとしたとき、インテリセンスが効かない、型安全が保たれないといった問題に直面する。 これらを解決する策としてサードパーティー製のパッケージvuex-module-decoratorsを用いたのでここに記す。 Vuex + typescriptは発展途上 vuex + typescriptで開発を行うとgetters, mutationでせっかく型指定をしても型安全を保てない。 各mutationやgettersはコンポーネントで呼び出す際、文字列による指定を取るためインテリセンスが効かない ↑インテリセンスが効いてな
Firebase Authentication + Vue.js を SSR/SPA 両方に対応する方法 - Qiita
Firebase Authentication は手軽に認証の仕組みが使えてとても良いです。今回は Vue.js を使って SSR (ServerSideRendering) と SPA (SinglePageApplication) 両方に対応した使い方をまとめておきます。 というのも普通の SPA であれば特になんの問題もなく使えるのが SSR にも対応した形にしようとすると、とても苦労したというのがあり自分でまとめておかないと忘れてしまいそうになるからです。 使うもの Vue.js Vue Router Vuex Firebase SPA で普通に認証をしてみる Vue.js + Vue Router を使って認証が必要なページを用意し、Firebase Authentication で認証が通っている場合は閲覧できるようにしてみます。ここではサンプルとして Google ログインを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
Canvas Morphing
ECSの辛いところ - Speaker Deck
XSSing Google Code-in thanks to improperly escaped JSON data - Web Security Blog
GitHub - davidroyer/nuxt-ssr-firebase-auth: Nuxt.js using SSR and Firebase with Authentication
