Docker for Macでコンテナの中からホストに繋ぐたった一つの冴えたやり方 - cockscomblog?
Networking features in Docker for Mac | Docker Documentation コンテナ中で docker.for.mac.localhost というDNS名を使うと、ホストのmacOSに繋がります。 メリークリスマス。 追記（2018/01/06 21:00） Docker 17.12.0から新たに同じ用途の docker.for.mac.host.internal が追加され、今後はこちらが推奨されます。 これはlocalhost のサブドメインを禁止するRFCが提案されていることによります。 謹賀新年。 追記（2018/03/27 11:00） https://docs.docker.com/docker-for-mac/release-notes/#stable-releases-of-2018 Docker 18.03.0からさらに ho
SPA ではない Webpack 設定サンプル | Refills
要点 (TL;DR) Webpack の学習を兼ねて、数ページ程度の小規模 Web サイトを効率的に開発する土台を作りましたのでご紹介します。話を簡潔にするため、一旦は SPA ではないサイトを目標にしました。 作成したサイトを GitHub Pages に公開するところまでご案内します。 実現したいこと ファイル変更監視とオートリロード 素の HTML は書きたくないので Pug (Jade) ページ遷移あり Bootstrap & jQuery を使う CSS は Sass っぽく書いてベンダープレフィックス自動付与 Google Fonts で Web フォント利用 FontAwesome でアイコン利用 JavaScript は ES2015 Wercker で自動ビルド＆デプロイして GitHub Pages に公開 サンプルリポジトリ AWAKE (webpack branch
イマドキのJavaScriptの書き方2018
PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい
Google Home(Googleアシスタント)のコマンド一覧とできることまとめ - アンドロイドラバー
このページでは、Google HomeやGoogle Home Miniの日本版Googleアシスタントの音声コマンドとできることをまとめています。 Google HomeやGoogle Home Miniの購入を検討している、もしくは購入したものの具体的に何ができるか分からない場合は参考にしてみてください。 Googleアシスタントを呼び出す音声コマンド 大前提として、まずはGoogle HomeやGoogle Home 2でGoogleアシスタントを呼び出す必要があります。 Googleアシスタントは「OK Google」もしくは「ねえ Google」で呼び出すことができます。 Googleアシスタントを呼び出すと、Google HomeやGoogle Home Miniが点灯し音声コマンド待ちの状態になります。 この状態になったら、以下に紹介するコマンドを音声で伝えてください。 なお
Google Apps Script で毎週 30 分の雑務を自動化した話
Google Apps Script を使って、毎週の雑務を自動化した話を書きます。 Google Apps Script とは Google Apps Script (GAS) は G Suite 系のサービスをはじめ、Google アプリケーションの API を簡単にクラウドで実行できる環境。言語は JavaScript で書ける。GAS から外部 API も叩けるので、Google アプリケーション以外のサービスとのつなぎこみも可能。無料で使える。 自動化したこと 現在のプロジェクトではドキュメントや議事録を残すのに、 Qiita:Team を利用している。1 MTG 1 ページでアジェンダページを投稿している。自動化したのは 週初めにその週にある MTG のアジェンダページを一括投稿し、関係者に周知する作業。参加する MTG の数が増えてくると、この作業だけで時間がかなり取られるの
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
私が海外OTAのBooking.comやExpediaに登録していない理由～Googleマイビジネスの問題点
地方の観光業において、インバウンド対策（外国人の受け入れ）は重要です。 外国人対策と言えば、海外OTA（予約サイト）への部屋提供が必須。 海外OTAの登録は今や必須！！？ でも、私の宿はどちらにも登録していません。 ／ インバウンドやる気ないのーーーーー？ ＼ そう言われても反論できませんね。 登録したくない、できない理由は色々あるのですが、今日はその理由を一つだけお話しさせて頂きますね。これ、誰も指摘しないのですが、多くの宿泊施設が大変なことになっているのに気づいていないのです。 今、手数料の高い黒船OTAによるとんでもない侵略が始まっているのです！！ おはようございます！普段は民宿＆ダイビングショップの親父、コムサポートオフィスのアドバイザーもやっているガク（@kasumi_kadoya）です。 実は、昨日のお話の続き、Googleマイビジネスについてのお話になります。 最近、宿仲間の
Hayato.io
Hayato.io This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Free Credit Report Dental Plans Parental Control Healthy Weight Loss Work from Home Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Cookie settings|Do Not Sell or Share My Personal Information
UXベンチマーキングのすすめ
ユーザー体験の測定における特徴の１つに、デザインの改善が実際に定量的な差異を生み出したかどうかが、時間が経ってからわかるというものがあります。定期的なベンチマーク調査は、それを慣行化するための良い方法です。一定間隔（１年ごとや四半期ごとなど）や、デザインや機能の重要な変更があった際に実施すると、ベンチマークはもっとも効果的です。 図２は、ある自動車のWebサイトで2011年、2012年、2014年の３年間に渡って行われた同一のタスクを表しています。 上手なベンチマークは、重要な比較に関連したWebサイトや製品の欠陥部分を示します。比較対象となるのは以下のような項目です。 製品/Webサイトの前回のバージョン 競合製品 産業との関連性 産業における基準（NPSやコンバーション率など） 同一企業のほかの製品 何をベンチマークするのか？ ほとんどどのようなものでもベンチマークの対象にすることはで
『Webフロントエンド ハイパフォーマンス チューニング』を読んだ - massa142's blog
Webフロントエンド ハイパフォーマンス チューニング 作者: 久保田光則出版社/メーカー: 技術評論社発売日: 2017/05/26メディア: 単行本（ソフトカバー）この商品を含むブログを見る 本書では高速化という課題に対し、きちんと対処できる知識と実力を身に付けます。基礎となるブラウザのレンダリングから、個別の問題に対する対応例、今後を見据えた設計の基礎などその場しのぎではない本質的な高速化を学びます。 この書籍のなかでも指摘されているけど、自分は巷で話題のベストプラクティスとかを調べて満足しちゃうタイプなので体系的に学べる本書はとても勉強になった。特にチューニングの話に入る前に、ネットワークとブラウザのレンダリングの仕組みについて解説されているのがめちゃくちゃ良い。 後半のところで書かれているテクニック（特にCSS関連のもの）は、否定していた『小さな最適化』のように感じられたが、全体
Vue.js vs React in 2017: state of art
One year ago I've published a post about reasons why our team chose Vue.js over React for our qwintry.com project rewrite. I've made some predictions back then: I expect Vue to become a primary JS framework in 16-24 months if Evan You makes right steps, at least around backenders and smaller teams of frontenders. I still consider React stack to be the primary JS framework of 2017, especial
サクサク感をデザインする
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog ヤフオク!アプリ開発部の中島(@52shinNaka)です。今日はデザイナーの立場からサービスの体感速度をテーマに記事を書いていきます。 サクサク感の正体 サクサク動くサービスと聞いて、どんなサービスを思いつくでしょうか？サクサク動くを分解すると下の２要素に分かれると思います。 表示速度は、純粋にコンテンツが表示されるまでの時間、体感速度は、実際にプロダクトを触って感じられた時間の長さです。触っていて「サクサク動く！」と感じられるサービスは、上の２つの要素が満たされていることが多いです。 表示速度はサービス利益に直結する デザイナーが日々の作業の中で表示速度を意識するタイミングは少ないかもしれません。しかしグロースステージにある多
WebAssemblyの早さをRechartsとかのグラフ描画ライブラリと一緒に使って実感してみたかった話 - Qiita
👆こんな風に呼びだす事ができます。読み込みから呼び出しについては安定のMDNが分かりやすいです。 今回やりたかったのは... データ量の多いグラフ処理とかどうだろうと思ったんですよね。平均計算とか最大値とか最小値とか合計とか、あとは統計単位として日毎なのか月毎なのか、いちいち計算が必要な物です。 例えばawsのモニタリング画面とかだと、ドロップダウンリストで単位を切り替える毎にリクエストを飛ばしています。 確かにサーバサイドにやらせるでも良いのですが、クライアントサイドに種データは細かめの物があり、都度計算が出来ればそれはそれで一つの方法です。 というわけで気象庁のサイトからcsvを適当に貰ってきました。2016年の時間別気温と気圧で、8000件ほどあります。 こいつでとりあえず、表示を切り替えられるグラフページをJSオンリーで作ってみました。 うごくやつ👇 👇コードはこんな具合です
Reactを使って本気でアンケートシステムをつくった - Qiita
この記事は エムスリー Advent Calendar 2017 の25日目の記事です。 普段はDB・サーバサイド・クライアントサイドまでの設計・実装・運用を扱っていますが、この記事ではReactを使って開発したシステムについてを紹介しようと思います。 作ったもの アンケートシステム(survey-designer-js)を作り、社内で使っていました。またOSSとしてレポジトリに公開もしています。 GitHub DEMO なお公開しているのはクライアントサイドのみで、サーバサイドの実装は公開していません。なお、エムスリー社内で使用しているものはこのレポジトリからフォークしたものとなっています。 下記のような機能を備えています。 ページの作成 ページ内への設問の作成 複数選択肢 単一選択肢(ラジオボタン) 単一選択肢(プルダウン) 数値記入 1行テキスト 複数行テキスト 表形式 都道府県 説
[JavaScript] Web Worker で大量テストデータ(CSV)を生成する - Qiita
この記事は、 チームスピリット Advent Calendar 2017 の22日目の記事です。 https://adventar.org/calendars/2207 (遅くなってしまいました…！すみません！) やりたいこと CSVファイルを使用してデータをインポートする機能を作ったので、実際に大量のデータをインポートするテストをしたい。 要件 あらかじめ用意したヘッダ情報をもとに、大量(10000行×200列くらい)のCSVを生成したい 自分以外の人にも使用してもらうため、面倒な環境構築なしで実行できるようにしたい → JavaScriptで実装してブラウザで実行できるようにしよう 普通に実装してみる <html> <head> <meta charset="utf-8"> <title>CSVgenerator</title> </head> <body> <p> <input ty
![[JavaScript] Web Worker で大量テストデータ(CSV)を生成する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7348925c952ef21ba33b94790e8b8f1407ddb12e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMFdlYiUyMFdvcmtlciUyMCVFMyU4MSVBNyVFNSVBNCVBNyVFOSU4NyU4RiVFMyU4MyU4NiVFMyU4MiVCOSVFMyU4MyU4OCVFMyU4MyU4NyVFMyU4MyVCQyVFMyU4MiVCRiUyOENTViUyOSVFMyU4MiU5MiVFNyU5NCU5RiVFNiU4OCU5MCVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MGUwYjFiNzIwNDVkMmI1ZTJkZTE1ODNmODI1ZDBiNzE%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDA0NmdvaCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YjEzMWJlODdmMTRmMjZkYWMzZWM4OWJmMDhlZDkxNDI%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Df484cbe368203acc22b039ce5cc629a4)
プログラマーなら海外からNHKオンデマンドを見れる - Qiita
これは2017年12月25日時点での「NHKオンデマンド」を海外から見る方法です。 将来は実装が変わって見れなくなることもあるでしょう。 はじまりに メリークリスマス！さて、日本国外に住む人々。日本のTV番組は見ていますか？日本の番組がインターネット配信されていても国内からしか見れないものがほとんどだと思います。権利関係めんどくさいですね。ガラポンとか販売されてるのに不思議な世界です放送業界。 でもプログラマーなら VPN 通して見てますよね？しかしNHKオンデマンドはVPNを通すだけだと見れない。 しかし僕はNHKオンデマンドが見たいんです。「時論公論」とか「視点・論点」とか「NHKスペシャル」とか考察が客観的で役に立ちます。 「ドキュメント７２時間」とか「ブラタモリ」とか「所さん大変ですよ」とか役に立つのかわからない知識がつきます。 「世界入りにく居酒屋」とか「2度目の旅」とか「チョイ
2017年はforEach元年 - Qiita
いまさらforEach？ 5000兆人のJavaScriptファンの皆様こんばんわ。 JavaScript Advent Calendar 2017 22日目の記事です。 2017年と言えば、forEach元年。 誰が何と言おうと、forEach元年です。 ＼おめでとう／ 茶番はここまでにして、forEachとはなんぞやから書いていきたいと思います。 forEachとは https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach まずは、MDNのドキュメントに目を通しましょう。 配列操作をいい感じにしてくれる機能の事です。ES5で追加された機能ですね。 ブラウザの対応状況 Chrome Edge Firefox IE9（？！） Opera Safari はい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yusuke Utsunomiya on Twitter: "ただAMPではJavascriptも使えないのでURIを動的に変更する手段が一見して存在しない。そんなときに活躍するのがAMP Variableで、マクロみたいな役割を果たしてくれる。例として、DOMContentLoadedの値… https://t.co/MUOsbFGlrg"
名機「Sandy Bridge」から6年……今自作PCの世代交代を進めるべきこれだけの理由！性能は4～6倍にも向上
GoogleのPageSpeedAPIで複数サイトの表示速度をGoogleスプレッドシートに毎週自動で書き出す - Qiita