Webフロントエンド パフォーマンス改善ハンドブック このパフォーマンス改善ハンドブックでは、ウェブアプリケーションにおけるフロントエンドのパフォーマンス改善について扱っています。 ダウンロード版 埋め込み動画を再生できないなど一部制限がありますが、ダウンロード版を配布しています。 PDF版 EPUB版 MOBI版 目的 このハンドブックでは過去に行った改善の事例を中心に紹介しています。 そのため、現在の最適な解決方法を提案するものではありません。 また、アプリケーションによっても最適な解決方法は異なります。 今回の事例ではViewライブラリにReactを使い映像再生プレイヤーなどある程度複雑な機能を持ったウェブアプリケーションのフロントを扱います。 具体的にはニコニコ生放送(以下「生放送」)で行った事例を中心に書かれています。 開発と平行して行われていたため、React 15から16の間
「電子書籍より紙の本を買ってもらえるとうれしい」と主張する、編集者による漫画がTwitterで議論を呼んでいます。作者は『終末のワルキューレ』や『北斗の拳 拳王軍ザコたちの挽歌』を担当している山中(@ComicYamanaka)さん。個人的見解として、出版社の事情を伝えています。 「紙の本が売れないと、次巻を多く刷るのが難しくなる」という切実な問題が主な理由。ただ、「電子書籍版の売り上げは評価対象にならないのか?」といった疑問も ほとんどの漫画が紙と電子の両方で出版される昨今、山中さんはたまに読者から「紙と電子、どちらを買うほうが作家さんへの応援になりますか?」と聞かれることがあるそうです。山中さんの答えは「紙」で、理由は「紙が売れないと次巻の部数が減るから」というシンプルなものでした。 その背景には、「単行本の刷り部数の決め方」がありました。当然ながら紙の本は売れないと赤字になるので、部
広告経由でインストールしたiOSアプリによって、高額課金が自動継続する契約をされ、多額のお金が請求される被害が急増しています。 ただ、メディアではほとんど取り上げられていません。 iOSアプリの自動継続課金のこれまで 以前よりAppStoreには継続的な課金の仕組みは有りましたが、一部のアプリ(雑誌など)にしか認められていませんでした。 2016年6月にその条件が緩和され一般のアプリでもある程度の条件をみたせば自動継続課金が可能になりました。(#1) 2017年半ばから海外ではこれを悪用して高額な課金を行うアプリが発生し、問題となりました。(#2) 日本でも2017年末頃から高額課金アプリの問題が発生しましたが国内では話題にならず、280blocker.netのblogで記事にしました。(#3,#4) 2018年途中からはAppStoreでの継続課金に無料トライアル期間が設定できるようにな
妊婦が医療機関の外来を受診した際に負担が増える「妊婦加算」が今年4月から、導入されている。しかし、周知が徹底していなかったため、病院で初めて知った人が続出。Twitterで広まると、「事実上の妊婦増税では」「少子化を加速させる」などと批判が集中し、炎上した。「妊婦加算」とは本来、何のためのもので、なぜ批判を集めてしまったのだろうか? ●自己負担3割の場合は、初診で「225円」、再診で「114円」負担増 きっかけは、Twitterだった。妊娠中の女性だというアカウントが9月上旬、皮膚科を診察した際、「妊娠中ですか?ならお会計変わります」と高くなったことを投稿。女性は「妊婦加算」を知らなかったといい、他に持病がある人など全員を配慮して診察するのは当たり前なのに、どうして妊婦に負担させるのかわからないと疑問を投げかけた。 この妊婦加算に対し、ネットで妊婦加算自体を知らないという人が続出、「少子化
まずは宣伝 本題 やりたいこと かかった時間 ツイートする内容の用意 コード コードの解説 指定した分類の内容をツイートする スプレッドシートのツイート内容を抽出し、ランダムにひとつ返す Twitter用ライブラリを利用したツイートする関数 定期的に動作させるトリガーを設定する 完成! まずは宣伝 今月発売予定の『+Designing』にて、自動化に関するリレーコラム「ラクラボ」の第二回を執筆しています。前回のラクラボは鰯屋の村上さんによるキーボードマエストロに関する内容でした。今回の僕の記事は、スクリプトに関する記事です。 といっても、普段ここに書いている内容と違い、スクリプトのインストール方法とか、そういう基本的な部分を書かせてもらっています。 僕がこのDTPという仕事を始めて(小さな制作会社にDTP未経験で2010年に入社)2年くらい、スクリプトというものを知りませんでした。知らない
はじめに Webサーバをセキュアに保つ為、個人的に行っている設定をざっくりまとめてみました。 設定内容はApache 2.4での運用を想定していますので、他のHTTPdをお使いの方は適宜読み替えてください。 各設定項目は以下のオンラインテストサイトでA+相当を取ることを目指しています。 設定ファイル生成 Mozilla SSL Configuration Generator オンラインテスト Mozilla Observatory Qualys SSL Server Test 前提条件 以下で設定する項目は特にHTTPS接続や攻撃防止に関するものになります。 HTTPdそのものに関する基本設定については別記事をご参照ください。 SSLProtocol 危殆化した古いプロトコルを有効にしている場合、古いプロトコルを標的としたダウングレード攻撃等を受ける可能性がある為、新しいプロトコルのみを有
ホーム ニュース 任天堂の新キャラ「キノピーチ」は何者なのか?キノコ族から人間へと変異し生まれた謎のキャラにコミュニティは混乱 任天堂は9月14日、「Nintendo Direct 2018.9.14」を通じて『New スーパーマリオブラザーズ U デラックス』を発表した。同作は、Wii Uで発売された横スクロールアクションゲーム『New スーパーマリオブラザーズ U』に、新要素を導入しNintendo Switchへと移植するタイトルだ。使用可能キャラクターとしては、これまで使用できたマリオ、ルイージ、キノピオに加えて、新たにトッテンとキノピコが追加される。こうしたキャラクターに加え、ルイージが主人公の『New スーパールイージ U』も丸ごと収録される、大ボリュームになったパワーアップ版になるというわけだ。3Dマリオ作品も人気であるが、横スクロールの「マリオ」も絶大な人気を誇る。コミュニ
ロンドンオリンピック銀メダリストのドッチィー・バウシュ氏(米国サイクリングチーム)と、平昌オリンピック金メダリストら計9名のオリンピック選手が、東京2020オリンピック・パラリンピック競技大会(以下東京大会)で使用される卵や肉など畜産物のアニマルウェルフェア基準が低レベルすぎると抗議し、声明を発表した。 9名のオリンピック選手たちは、鶏をケージに閉じ込めない平飼い卵か放牧卵=ケージフリー卵にし、豚肉は妊娠ストールという母豚を拘束飼育しない農場の豚肉=妊娠ストールフリーの豚肉を使うことを求めている。 この2つの要望は、畜産動物の扱いを測る上で象徴的なものである。そのため、今回オリンピック選手たちは、最低基準として改善を求めているのだ。 オリンピック・パラリンピック「食べ物のルール」 オリンピック・パラリンピック(以下オリンピック)には、選手村や会場で出される肉、卵、魚や野菜などの食材の「調達
2022/12/22 新連載『真の安らぎはこの世になく -シン・仮面ライダー SHOCKER SIDE-』YJ4・5合併特大号より連載開始!
昔のラノベを語るにしろ今のラノベを語るにしろ、2、3作品ほど挙げるだけで「ラノベの大半を例示し終えました」という感じを出す人、新刊が月に数冊しか出ないジャンル小説みたいなイメージでラノベを認識しているのではないかという懸念がある。— mizunotori (@mizunotori) 2018年9月16日 ということでアンケートを取りました。 ラノベが毎月何冊発売されているか知らない人向けのアンケートです。 ラノベは毎月何冊発売されていると思いますか? 実際の数はリプライにぶら下げておくので回答してから見てください。— mizunotori (@mizunotori) 2018年9月16日 所詮はTwitterアンケートなのですが、やはりライトノベルの規模を小さく見積もっている人はそこそこいるのでは?と思ったので、そのあたりについての解説をさせていただきます。 まず最初に断っておきますが、こ
サイクルオリンピック代表取締役社長・古屋直隆氏。フリーパワーへの出資を決め、実用化へ向けて奔走。社長自ら、乗車テストでママチャリ耐久レースに参加したことも 宮崎県在住の発明家が、自転車が抱え続けてきた動力の問題を解決した。人力だけなのに従来の自転車より加速力アップ、坂道もスイスイと上ってしまう! そんな革命的機構の名は「FREE POWER」。いったいどんなものなのか? ■坂が多い街から問い合わせ殺到! 今や、国内での全オートバイの年間販売台数をしのぐ電動自転車。子供を乗せ、坂道をグイグイ上っていく姿は、まさに免許なしで乗れるオートバイだ。だが、自転車が生まれて200年たった今年、そこに待ったをかける自転車革命が起こった! なんと、電池のいらないアシストギアが誕生したのだ。そのギアシステムの名前は「FREE POWER(フリーパワー)」。 動力源は人力のみにもかかわらず、こぎだしは軽く、加
GitHubリポジトリで8000スター獲得、人気OSS「Boostnote」オープンソース化の軌跡 GitHubリポジトリで8000スターを獲得しているプログラマ向けノートアプリのBoostnote。グローバルな開発コミュニティを築き上げた経緯についてインタビューしました。 Boostnoteというアプリをご存知でしょうか? こちらはElectronで作成されたデベロッパー向けのノートアプリ。実は海外ではとあることでとても有名なアプリなのです。 なんと企業が事業として開発しているアプリにもかかわらず、コードをすべてオープンソースとしてGitHub上に公開しているのです。海外を中心に注目度は高く、世界中のコントリビューターがBoostnoteに携わっています。現在、GitHubのスター数が8000を超える人気のOSSとなっています。 Boostnoteはどのようにグローバル展開とし、どのよう
Linus、今までの行いを謝罪し一時的にカーネルメンテナーの立場を退いて人の気持ちを勉強してくると発言 完全に背景事情を調べ上げたわけではないのだが、どうもLinusが毎年参加しているLinuxカーネルの会議に、Linusがスケジュールを間違えて参加できなくなるという事態が発生した。当のLinus本人はもう20年も続いている会議だし自分がいなくてもやっていけるだろうと楽観視していたが、会議自体がLinusの都合にあわせてリスケジュールされた。 LinuxにおいてLinus Torvaldsといえば第一人者であり極めて重要な存在で、そのLinusが毎年参加している重要な会議にLinusが参加できないとあれば、その他のあらゆるコストを度外視して根回し調整を行い、Linusが参加できるようにイベント全体のリスケジュールを行うのは人間の感情から考えて当然である。しかし当のLinus本人は他人の感情
物理エンジンのMatter.jsを使って、背景をスクロールに応じてアニメーションさせるサンプルです。物理エンジンに沿った動きをするのでランダム性があります。なんとなく目にも優しい印象ですね。Matter.jsの存在を知らなかったので備忘録として。 Floaty Bubbles
こんにちは、フロントエンドエンジニアのはっちゃんです。 マスクと言えばclip-pathが有名ですが、IEが全滅なんですよね。まだまだ案件で使うには敷居が高いプロパティな気がしています……。 さて今回はSVGとclip-pathなしで画像にマスクをかけて、さらに簡単なアニメーションを作ってみようと思います。 SVGとclip-pathを使ったマスクは以前まろさんが書いてますので、こちらをご覧ください。 考え方 レイヤーを2枚用意し、上のレイヤーをtransformで変形、overflowでマスクをかけます。 下のレイヤーは、上のレイヤーのtransfromに影響されるので、同じ角度だけ戻してあげます。 もうこれだけです! HTMLとCSSは下記になります。 HTML <div class="object"> <img src="https://82mou.github.io/image/h
※本記事はアフィリエイトプログラムによる収益を得ています GAINAXの諸作品を手掛けた鶴巻和哉、「少女革命ウテナ」の榎戸洋司らが20世紀の終わりに放った唯一無二のOVAシリーズ「フリクリ」。難解なストーリー、魅力的なキャラクター、実験的かつビビッドなアニメーション、the pillowsの楽曲をふんだんに使用した劇伴。どこを切り取っても斬新の一言である同作は今もなお国内のみならず、海外でもカルト的な人気作である。 その17年ぶりの続編「フリクリ オルタナ」(以下、「オルタナ」)。原作権がProduction I.Gに譲渡された上、スーパーバイザーである鶴巻とキャラクター原案の貞本義行を除き、オリジナルメンバーとは全く異なる制作陣によって作られることになったその出来に懐疑的だったファンは少なくない。だがあらかじめ下げておいたハードルの全てをここまで下回ると、誰が予想できただろうか。 9月2
Vue School の無料コース「Vuex for Everyone」を受講した.Vue.js 初心者でも受講できるレベルになっているし,今まで Vue.js を書いたことはあるけど,Vuex はまだ使ったことがないという人にもオススメできる.進め方にもよるけど,写経するとしても2,3時間あれば終わる. Vuex for Everyone 今回受講した「Vuex for Everyone」の題材は「shopping-cart」で,ステップバイステップに実装を進めていく.動作確認をしながら,機能を追加したり,リファクタリングをしたりする. vueschool.io 動画を見るとわかるけど,とにかく実装スピードが早いので,写経する場合は何度も戻して見直す必要がある.ただ困ったときは Vue School の GitHub にセッションごとにコミットされているので,それを活用すればオッケー.
さすらい @Sasurai_Deka PLC(電力線通信)の注意点 ・規格が3つある(HD-PLC、HomePlug AV、UPA)→規格が異なると速度低下 ・ノイズフィルター付きテーブルタップにつなぐ→速度低下 ・ドライヤー、照明、冷蔵庫、掃除機、電子レンジ、携帯電話の充電器と同じコンセントにつなぐ→速度低下 twitter.com/kazui_kmmf/sta… 2018-09-14 22:50:34 さすらい @Sasurai_Deka あ、間違った情報が・・、すいません。 ×規格が3つある(HD-PLC、HomePlug AV、UPA)→規格が異なると速度低下 ○・規格が3つある(HD-PLC、HomePlug AV、UPA)→規格が異なると使えない 2018-09-15 15:11:03
バーチャルYouTuber、“マシーナリーとも子”による不定期コラム第2回。今回もお題は何にしようかと相談していたところ、「2~30年前くらいに出たゼットンのプラモがめちゃくちゃエモいので紹介したい」と提案されたので、今回は1988年から1992年にかけ放送された、アニメ版「美味しんぼ」の魅力について語ってもらうことにしました(ゼットンのプラモの話については読者の反応を見て検討します)。 原作だと名言なのに……(アニヲタiWiki) ライター:マシーナリーとも子 徳で動くバーチャルYouTuber(サイボーグ)。「アイドルマスター シンデレラガールズ」の池袋晶葉ちゃんのファンやプロデューサーを増やして投票してもらうために2018年4月に活動開始。前世はプラモ雑誌の編集をしていたとも言われているが定かではない。現在はBOOTHでグッズを売ったりLINEスタンプ(1・2)を売ったりして糊口をし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く