次世代仕様のWebGPUとは？ 次期macOSでのOpenGL非推奨化はWebGLに影響をもたらすのか - ICS MEDIA
次世代仕様のWebGPUとは？ 次期macOSでのOpenGL非推奨化は WebGLに影響をもたらすのか ウェブの3Dグラフィックスを扱う新しい仕様として、WebGPUが提案されています。広く普及したWebGLがある中で、WebGPUとはどういった目的で生まれようとしているのでしょうか？ 本記事ではWebGLとWebGPUの違いと、近況を紹介します。 業界を震撼させたAppleのOpenGL非推奨化 今月6月上旬に開催されたWWDC 18で発表されたmacOS 10.14 MojaveとiOS 12のウェブページでは、OpenGL/OpenCLおよびOpenGL ESを非推奨化する旨が記載されています。macOS 10.14とiOS 12でOpenGL等は引き続き動作するものの、Metalへの置き換えを呼びかけています。 ▲What’s New in macOSにはOpenGLとOpenC
Apache vs Nginx Performance: Optimization Techniques — SitePoint
Some years ago, the Apache Foundation’s web server, known simply as “Apache”, was so ubiquitous that it became synonymous with the term “web server”. Its daemon process on Linux systems has the name httpd (meaning simply http process) — and comes preinstalled in major Linux distributions. It was initially released in 1995, and, to quote Wikipedia, “it played a key role in the initial growth of the
Pixi.jsでCanvasをカンタンに触ってみよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ、はやちですよ٩( ᐛ )و 今回は、Canvasの操作を高速に描画できるPixi.jsを触ってみました。 導入から実装まで、ご紹介したいと思います( ˇωˇ)☝ 導入方法 npmはこちらからインストールしてお使いください！ npm install pixi.js 実装方法 image画像を操作する 画像を使用してCanvasに描画とアニメーションさせる方法をご紹介します( ˘ω˘)☝ はじめに表示するCanvasを用意します。 Canvasはサイズと背景色も設定できます( ˇωˇ)☝ let app = new PIXI.Application(800, 600, {backgroundColor : 0xDAE8F4}); document.body.appendChild(app.view); いつも使っている画像を用意します( ˇωˇ)☝ let hayachi = P
さいきんのMySQLのJSONまわり | GREE Engineers' Blog
こんにちわ。せじまです。 さいきん、しばしば庭園や日帰り登山に行って風景写真を撮っているのですが、カメラで写真を撮るという行為は（中略）実行計画を考えながらSQLを書く行為に近しいことだと思いますので、エンジニアの方にはけっこうオススメです。 今日は軽めの話をさっくりさせていただこうかと思います。 はじめに 皆さんは最近のMySQLがJSON型をサポートしているのをご存知でしょうか。「なぜ正規化されていないJSONをRDBMSに格納するのですか！正規化しましょう正規化」という至極ごもっともなご意見もあるでしょうが、 MySQLは5.7からJSON型のサポートをはじめ、8.0でかなり開発が加速している印象を受けます。JSON型がネイティブでサポートされるようになったのは、MySQL5.7のRelease Candidate以降です。5.7 RCがリリースされた2015年あたりから、MySQL
任天堂『スプラトゥーン』UIデザインの舞台裏｜娯楽のUI 公式レポート #2 | キャリアハック（CAREER HACK）
世界中の人の心を掴んだ「スプラトゥーン」、文字や細かなパーツをみただけで「スプラトゥーン」とわかる作り込まれた世界観。そのUIデザインプロセスとは？ 「わかりやすさ」と「新鮮さ」の両立を目指して ※ 2018年4月に開催された「UI Crunch #13 娯楽のUI - by Nintendo -」のレポート記事としてお届けします。 「スーパーマリオ」「ゼルダの伝説」「どうぶつの森」など、これまでに数々の大ヒットシリーズを世に送り出してきた任天堂。 そんな任天堂が、新規タイトルとして企画し、開発したのが「スプラトゥーン」だ。 スプラトゥーンはインクを撃ち合うアクションシューティングゲーム。2015年5月にWii U専用のゲームソフトとして発売された。 いわずもがなの大ヒットタイトルとなったが、その大きな特徴は作り込まれた世界観。UIデザインを担当した、橘 磨理子さんは「わかりやすさ」と「新
水の波紋っぽいエフェクト | かちびと.net
Result 水上で起こる波紋のようなエフェクトです css html, body {/*bodyの背景を波紋の色に合わせる*/ margin: 0; background: #45c2c5; } .ripple, .ripple:before, .ripple:after {/*疑似要素も作り、3つの波紋を作る*/ display: block; border-radius: 2px; width: 2px; height: 2px; animation: rip 6s infinite ease-out; } .ripple { position: absolute; z-index: -1; top: 40px; left: 15px; } .ripple:before, .ripple:after { content: ""; position: absolute; } .ripp
【新機能】AWS Firewall Managerを使ってみた | DevelopersIO
こんにちは、臼田です。 今回は新しく提供が開始されたAWS Firewall Managerを触ってみたので、概要と用途・実際の操作方法をまとめてみたいと思います。 Firewall Managerとは AWS Firewall Manager は多数のアカウントとアプリケーションにわたって中央で AWS WAF ルールを設定、管理することを容易にするセキュリティ管理サービスです。Firewall Manager をお使いいただくことで、AWS Organizations の多数のアカウントに横断的に、Application Load Balancers と Amazon CloudFront のディストリビューションに対する AWS WAF ルールを簡単にロールアウトできます。 AWS Firewall Manager | 一元的な WAF 管理 | アマゾン ウェブ サービス (AWS
[CSS]これは便利！検証が面倒なフォールバックのスタイルを簡単に検証できるChrome, Firefoxの機能拡張
CSSでレイアウトをする際、最近の主流はFlexbox、そしてCSS Gridも増えてきました。 そんな中、サポートされていないブラウザ用に必要になるのがフォールバックです。 検証するのが面倒なフォールバックのスタイルを簡単に検証できるChrome, Firefox対応の機能拡張を紹介します。 Feature Queries Manager -GitHub Feature Queries Managerの機能 Feature Queries Managerのダウンロード Feature Queries Managerの使い方 Feature Queries Managerの機能 Feature Queries Managerはその名の通り、@supports機能クエリに記述されたCSSのスタイルを管理して、切り替えることができます。 例えば、レイアウトをFlexboxで実装する場合、Fle
![[CSS]これは便利！検証が面倒なフォールバックのスタイルを簡単に検証できるChrome, Firefoxの機能拡張](https://cdn-ak-scissors.b.st-hatena.com/image/square/971099afcdbec5ce4d85c8447e3cda9402d0849b/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201802%2F2018052507.png)
なぜ機械学習にPythonが使われるのか？機械学習でPythonが使われる4つの理由
既に社会で活躍してるエンジニアの方であれば、「人工知能」を作ってみたいと考えたことがある方も多いかと思います。人工知能やIoTなどの先端技術に携わっているエンジニアを総じて「先端IT人材」などと呼ばれますが、現在日本を含めて世界中で深刻な人材不足の状況です。 人材不足が深刻な状況を表しているデータとして、アメリカでは機械学習エンジニアの平均年収は現在で「1350万円（$120,931）」と非常に高額になっています。（参考：機械学習を学ぶために読むべき厳選書籍3冊） 日本の機械学習エンジニアの平均給料のデータは未だ無いようですが、避けては通れない人材不足の課題があることを加味すると、今後、人工知能に携われるエンジニアのニーズは急激に高まることから給料も高騰することが予測されます。 さて、先ほどから「人工知能」と「機械学習」というキーワードを頻繁に使っていますが、そもそも「人工知能」はどのよう
今日からGDPR施行だけど実は何もしてなかったぜというWEB担当者のために書いた - フジイユウジ::ドットネット
こんにちはこんにちは。5月25日ですね。 今日からGDPR施行じゃないですか。 ヤバくない? 何もしてなくない? やっべえな、というWEBサイト担当者/アプリ開発者のためにブログをしたためます。 内容的には「GDPR、何をしたらいいかも何もわからん」という人向けです。これでバッチリ適法、というレベルになるわけではないことは理解して読んでね。 できる限り適切に書いているけれど、この通りにしたら酷い目に遭ったぞなどのクレームは受け付けません(免責)。 あと、プライバシー保護ガチ勢の人はユルい内容に怒らないで欲しい。間違いへのツッコミかあれば歓迎ですが優しくお願います。 長いからこれだけ読んでおくと大丈夫 ① 欧州圏からアクセスできるとかユーザー1人いるとGDPR対象事業者になる、わけじゃない ② プライバシーポリシー更新してるだけで対応済みとしている企業も多い セキュリティコンサル的な会社が専
JSサイトのための第4のレンダリング構成としてダイナミックレンダリングをGoogleが発表 #io18 #io18jp
[レベル: 上級] JavaScript で構築されたサイトのために Dynamic Rendering（ダイナミック レンダリング）と呼ぶ仕組みを Google はサポートするようになります。 米マウンテンビューで開催された Google I/O 2018 のセッションで Google の John Mueller（ジョン・ミューラー）氏が発表しました。 Google が現在サポートする JS サイトのための3つのレンダリング構成 JavaScript でレンダリングされたコンテンツを適切にインデックスするために、次の3つのレンダリング構成を Google は現在サポートしています。 Client Side Rendering（クライアント サイド レンダリング）――クライアント側、つまりブラウザまたは Googlebot がすべてをレンダリングする。Googlebot がレンダリングで
Vue.jsで構築したSPAをNuxt.jsで書き直して静的に出力するときにコケたところ - Qiita
ふだん受託でWebサイトを作っている人には、動的がWordPressで、静的がMovable Typeというのがしっくりくると思いますが、それぞれ一長一短あります。 やり方によっては、WordPressで静的にファイルを生成したり、Movable Typeを動的に使ったりもできますがそこには触れない方向で。 パフォーマンスだけをみれば、シンプルにHTMLを返す静的に軍配が上がりますが、コンテンツを更新する度にファイルを再生成する必要があるので手間がかかります。また、アクセスされる度に内容が変わるサイトなどは、そもそも静的に向かないので、どんなサイトにも対応できるわけではありません。 さらにnuxt generateで生成、CDNでホストされたEコマースのウェブアプリケーションを考えてみましょう。このアプリケーションは商品が在庫切れもしくは再入荷されるたびに再生成されます。ユーザーがアプリケ
Rubyの父・まつもとゆきひろが語る、若手エンジニアのキャリア論 | プログラミングスクールならテックキャンプ
そもそも、Rubyとは？ Rubyは、まつもとさんが1995年に公開したプログラミング言語です。 便利さ・容易さと高い生産性を持ち合わせた、オープンソースのオブジェクト指向スクリプト言語であることが特徴です。 C言語をはじめとするコンパイラ言語は、プログラムの実行にコンパイルという作業が必要です。 スクリプト言語にはコンパイルが不要なため、より手軽でスピーディーな開発が可能です。 Rubyはエレガントな文法を持ち合わせており、プログラミングの楽しさと便利さ・実用性を体感するのに最も適した言語の一つといえます。 2012年には日本発のプログラミング言語として初めて国際規格「ISO/IEC 30170」に承認され、グローバルな言語として積極的に利用されています。 全ての人に共通する“生存戦略”は存在しない まつもとさん：「下手すると、皆さんのご両親・親御さん世代のプログラマーの“大先輩”に当た
欧米で人気のLP作成ツール「Unbounce」のUXとCVRを高めるフォーム配置4つの工夫（後編） | Moz - SEOとインバウンドマーケティングの実践情報
解決策3 固定型フォームを使う（常時表示）すべての要素を同じページに常時表示させておくのが、固定型フォームだ。CSSのスタイルを使用して、「ページ内の位置を指定」ではなく「画面上の位置を指定して固定」できる。訪問者が下にスクロールするとフォームまたはCTAも一緒に移動するため、いつでもすぐに利用できる。 この簡単なCSSコードを使うと、画面の幅が800ピクセル以上の場合、ページの右側にフォームを固定しておける（800ピクセルというのはUnbounceがデスクトップ用デザインからモバイル用デザインに切り替わるサイズであり、つまり配置を変える必要があるということだ）。 以下の各ID属性は、一緒に移動したいボックスにそれぞれ対応している。ユーザーのスクロールダウンに伴ってページの下部へ移動させたい要素とIDを一致させるには、以下の「lp-pom-box-xxx」の部分を変更する必要がある（前編の
docker-composeを爆速にする - Qiita
※ 色々修正しました Rails開発等でdocker-composeを使うと非常に遅い場合があります（特にDocker For Mac）。 docker-compose時に余計なファイルをマウントしてしまってるのが原因らしいので、.git, log, tmp, vendor などのホストからマウントする必要のないディレクトリを別のvolumeでマウントを上書きしてしまえば解消されます。 具体的な docker-compose.yml は以下のようになります（Railsの例） version: '3' services: app: build: context: . dockerfile: Dockerfile.dev environment: RAILS_POSTGRES_HOST: db ports: - "3000:3000" volumes: - .:/app:cached - bu
Angular 6が正式リリース。コンポーネントのDOMエレメント化、PWA対応など新機能。ng-conf 2018
Angular 6が正式リリース。コンポーネントのDOMエレメント化、PWA対応など新機能。ng-conf 2018 JavaScriptフレームワーク「Angular」の最新版「Angular 6」が5月4日付けで正式にリリースされました。 Angularは2017年4月に登場したAngular 4から半年ごとにメジャーバージョンアップが行われるリリースサイクルを採用しており、Angular 6はこのリリースサイクルに従って、2017年11月に登場したAngular 5に続くメジャーバージョンとなります。 Angular 5.0リリース。インクリメンタルコンパイルサポートで、ビルド時間が最大95％削減と高速化 Angular 6でフォーカスされたのは、将来の進化に備えたツールチェーンなどの改善です。「Version 6 of Angular Now Available – Angular
Firefox 60の性能は1年前とは別物 Chromeを視界に捉える - Mozilla Flux
当ブログでは、Firefoxの延長サポート版（ESR）のメジャーアップデート時期を開発の区切りとみて、Web上で実行可能なベンチマークの測定結果を公開している。今回は、Firefox 60のパフォーマンスをFirefox 52およびChrome 66と比較する。 検証を行った具体的なバージョンを挙げると、32bit版Firefox 52.7.4（ビルドID：20180427222832）、64bit版Firefox 60.0 RC2（ビルドID：20180503143129）、それに64bit版Chrome 66（バージョン：66.0.3359.139）である。Firefox Quantumのリリースに伴ってマルチプロセス機能（e10s-multi）が全面的に有効化され、その前に64bit版への移行も開始された。今回のテストではそれらの点が反映されている。 動作環境についてだが、OSは64
OpenID Connectはそんなに大変かね？ - OAuth.jp
OAuth 2.0 + OpenID Connect のフルスクラッチ実装者が知見を語る – Qiita ってのになんかフォローアップしろよ的なのが来たので。 ざっと読んだ感想としては、「OpenID Connect の OPTIONAL な機能全部実装したら、そら大変ですね」という感じ。（Authlete に関しては、OpenAM みたいな感じで使われる、OpenAM よりはるかに簡単に使える代わりに有料の何かなんだろうな、というイメージです） OAuth は必要なのか？ Basic 認証は死んだ。 ユーザー単位での API のアクセスコントロールがしたいです。 っていう前提で話すると、OAuth 以外まともな選択肢が無いんじゃないでしょうか。 OAuth の各種 Extension (RFC 6749 & 6750 以外にいろいろある) に関しては、適宜必要なのを実装すればいいんだけど
Docker最速（拙速？）入門 - Qiita
この記事の内容 世の中に遅れること250週（もう５年前からあるのね…）、 ようやっとDockerがどういうものなの分かってきました。 ということで、「Dockerって何？」という、数日前の私に向けた説明を書いてみます。 もちろん入門記事や詳しい解説などは世の中に既にたくさんあるので、 この記事では最速で「ここまで理解すれば後は自力で調べられるようになる」的な記事を目指します。 Dockerに関する多くの記事では、Dockerが従来の仮想環境とどう違うのかについて説明されますが、 この記事では逆に、主に Dockerが従来の仮想環境と基本的に同じである ことを説明しています。 Dockerとは何なのかと思ってこの記事を見るような人であれば、あとは自分で調べられると思います。 前提知識・想定読者 この記事ではDockerは、仮想環境を構築するもの、という位置づけです。 VirtualBoxやV
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
docker-composeを使ってコンテナからホストマシンへのエイリアスを設定する方法 - Qiita