","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

I’ve come across people who do not think that CSS is related to internationalisation at all, but if you think about it, internationalisation is more than translating the content on your site into multiple languages and calling it a day. There are various nuances to the presentation of that content which affect the experience of a native speaker using your site. There is no single canonical definit

This blog was written by Michael Dawson and Bethany Griggs, with additional contributions from the Node.js Community Committee and the Node.js Technical Steering Committee. We’re excited to announce that Node.js 14 was released today! The highlights in this release include improved diagnostics, an upgrade of V8, an experimental Async Local Storage API, hardening of the streams APIs, removal of the

「印刷の現場」と聞いてまず想像するのは、巨大な印刷機にゴンゴンと紙が流れていくところとか、お客さんからのデータをPCでチェックしてるオペレーターさんとか、そういうところだろう。 いやそうじゃなくて。印刷物は刷って終わりじゃないでしょ。刷り上がったものを製本したり、DMを封筒に入るサイズに折ったりとか、そういうのも含めて印刷屋さんなのだ（製本・折りはそれぞれ専門のところも多いけど） そういう、印刷のあまり目立たない仕上げ行程を見せてもらう記事の後編、今回は“折り”部門である。 編集部より：前回の綴じ部門「印刷製本は職人の優しさでできている」も合わせてどうぞ…！ 1973年京都生まれ。色物文具愛好家、文具ライター。小学生の頃、勉強も運動も見た目も普通の人間がクラスでちやほやされるにはどうすれば良いかを考え抜いた結果「面白い文具を自慢する」という結論に辿り着き、そのまま今に至る。（動画インタビュ

ターゲット 巨大なSPAを作ってしまった人へ 巨大なSPAを作らないように気をつけたい人へ 今回はJSだけにフォーカスするが、もっというと、 超速本 を読んでください。 注意：本資料は、webpack チャンクの挙動を概念的に説明することを重視しているので、 webpack の詳細な設定や、出力ファイル名などは実際の処理と一致しない。適宜自分の手元にある設定とすり合わせるように。 昨今のJSビルド問題と、その解決のためのゴール設定 巨大なJS(+最近は in JS された各種SVGやCSS)はダウンロードだけではなく、UIスレッドのCPUをブロックする。 これはとくにCPUが貧弱な端末で体験が悪化する。そしてビルド時間で開発者体験を阻害する。 できれば webpack 推奨の 144kb 以内にしたい…が現実的に難しいので、 せめて 350kb ぐらいに抑えたい。 SPAなら (ローディン

Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Getting started

#DontIgnoreMe: A jacket that allows you to be seen or to hide instantly. Designed for humanitarian causes, now available to you.

TL;DRUntil today, you couldn’t unpublish packages, or package versions, older than 72 hours without contacting support (background available here and here). Because this is our most popular support request, we’ve extended the ability for you to unpublish packages beyond 72 hours if your package meets certain criteria. What are we doing?npm has grown a lot over the past 10 years, and rapid growth m

家具量販店のIKEAが、アメリカの家具スタートアップ・Ori Livingと共同で開発したロボット家具システム「Rognan」を発売すると発表しました。Rognanはベッドとソファ、クローゼットが一体化したスマート家具となっていて、2020年内に世界に先駆けて日本と香港で発売される予定とのことです。 ROGNAN robotic furniture for small space living - IKEA Today https://ikea.today/rognan-robotic-furniture-for-small-space-living/ Ikea is introducing robotic furniture for people who live in small spaces - The Verge https://www.theverge.com/2019/6/4/

TypeScriptって魔法ではなく「手法」さえ覚えれば自作するのも夢じゃない。 気合の入った成果物： @lollipop-onl/vuex-typesafe-helper （微妙に実装不備アリ） Demo TypeScript Playgroundで動作を確認できます。 Demo 開発環境 IDE (VS Code) デバッグ方法 IDEでの型推論 declare var dispatch: Dispatch; dispatch('login', { id: 'simochee', password: 'abcd1234' }); // store/chat.ts const actions = { login({ commit }, payload: { id: string, password: string }): Promise<boolean> {}, joinRoom({ c

Clean Architecture　達人に学ぶソフトウェアの構造と設計を読んだので、まとめてみます。コメントやツッコミなどのフィードバックがあればうれしいです。 続編としてクリーンアーキテクチャ本を読むためのポイントという記事を書きました。併せてご覧ください。 なぜ良著？著者のロバート・Ｃ・マーチン（著書読んだことあるかも？）は、50年前から現代に至るまで、様々なアーキテクチャを見て、第一線級として開発し続けてきた経験を元に、どのアーキテクチャでもクリーンにしようとするなら、基本部分は変わらないと言ってて、それらが美味くまとまった本だからです。 いってみればコンピュータ工学について抑えるべきポイントを解説した本であり、The Clean Architectureそのものについてはほとんど割かれていません。それくらい、基本として知るべき事が書かれた本なのです。 最近のアーキテクチャを追いか

TypeScriptはJavaScriptに静的型を追加した言語で、コンパイルエラーを検出することでJavaScript開発をさらに快適・効率的にしてくれるものです。 型システムを備えている言語は、多かれ少なかれ何らかの形で型推論を備えています。大ざっぱに言えば、これは型を明示的に書かなくてもコンパイラがいい感じに型を推測して理解してくれる機能です。型推論は静的型付き言語における花型機能のひとつと言ってもよく、色々な言語がそれぞれの特色を持っています。 この記事ではTypeScriptにおける型推論について詳説します。この記事に書いてあることは、TypeScriptを普段から書いている方ならなんとなく理解している内容が多いと思います。しかし、これらの内容がちゃんと言語化されている記事がいまいち見当たらなかったので今回記事を書くことにしました。 ※ この記事の内容は執筆時点の最新版のType

はじめに じぶんが分析美学の研究をはじめるにあたって、芸術の哲学、分析美学の研究者の森功次さんの記事「分析美学にはどのようなトピックがあるのか」*1におおいに助けられました（森 2015）。そこで、本稿では、音楽の哲学、音楽美学をはじめようと考えている方のヒントになればと思い、どのような問いが問われているのかをまとめました。 項目は、英語圏の分析美学の教科書のひとつであるThe Routledge Companion to Philosophy of Music*2の第一部を参照しています。 解説は、何が問われているのか、それを問うと何がうれしいのかを中心に、可能であれば、関連する文献を紹介しています。 それでは、ここからさらに、音楽の哲学を加速させましょう。ちなみに、二万字弱あります。個々のトピックと説明は独立しているので、一気に読まず、お好きなときにつまみ読みしてくだされば。 はじめに

みなさんこんにちは！ VRoid Hubでフロントエンドエンジニアをしている花倉ミツカ (a.k.a. ラグ)です 🙌 今回のpixiv insideはちょっとだけお仕事から離れて(ガチ)アイスブレイクです。私が1年ほど開発しているFluxフレームワーク、Fleur (フルール, @fleur/fleur)について、その設計や使い方についてご紹介させていただきます！ 目次 どういうフレームワーク？ 実際の使い方 質問 まとめ どういうフレームワーク？ pixiv Sketchで採用されている Fluxible というFluxフレームワークを参考に、「書きやすさ」と「現代的な機能の採用」の二点を重視してTypeScriptでフルスクラッチしました。（Fluxibleは私が知ってる中で一番"整っている"フレームワークだと思っています♨） Fleurの大規模なプロダクションでの採用実績はまだあ

Nuxt.jsでプロジェクトをはじめるときにいつもやることが整理してみた。 モジュールが多いので、いろいろ設定が必要だけど、ヌケモレあったりするので。。 Nuxt.jsのバージョンは、2.5.1です。 いつもやることの概要 作成したいプロジェクトは以下な感じ TypeScript/Sassを使う、UIはBuefy/Bulma Firebase Hosting / Cloud Functionsを使ってSSR 英語版/日本語版と国際化したいので、nuxt-i18nも入れる SEOも気にするので、各種設定&各ページで個別にタイトルとかを設定 Google Analyticsやsitemapなどももちろん Firebaseへのデプロイは、CircleCIで自動化したい 最終的な例は、GitHubにおいています。 Nuxt.js Template using TypeScript, Sass an

ネットの世界にはない「現地」の情報を求め、「.bl」「.ai」など変わったccTLD(国別コードトップレベルドメイン)を持つ国を、時には片道40時間かけ、時には人食の危険を冒しつつ、体を張って現地レポートしているのがインターリンクの弾丸旅企画「ドメイン島巡り」。第12弾は観光客がほとんど訪れず、日本人はわずか3人しかおらず、旅行記もほぼ皆無という謎に包まれた国「アメリカ領サモア」です。 ドメイン島巡り - 世界のドメイン1,000種類以上を取り扱うインターリンクが、「.cc」「.tv」「.sx」等、南太平洋やカリブ海などの「島のドメイン」約50種類に焦点をあて、実際にその島々に行き、島の魅力をレポートします。 https://islanddomains.earth/ バカンスの目的地として有名で観光客も多いサモア独立国とは別の「アメリカ領」であるサモア国にピンとこない人は多いかもしれません

VueConf USでのさまざまな発表 今年の3月に VueConf US が開催されました。最近になってビデオが公開されて初めて知ったこともあるので本記事ではその紹介をします。 いろいろ面白いトピックがあるのですが、特にVueコアチームのGuillaume Chauさんによるパフォーマンス改善テクニックはまじかーという感じだったのでここにまとめたいと思います。 "9 Performance Secrets Revealed with Guillaume Chau" プレゼン動画: http://www.youtube.com/watch?v=5B66qer8cZo スライド: https://slides.com/akryum/vueconfus-2019#/ デモサイト: https://vue-9-perf-secrets.netlify.com ソース: https://githu

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. Dismiss alert