Service Workerの基本とそれを使ってできること - Qiita
Service Workerとは ブラウザが Web ページとは別にバックグラウンドで実行するスクリプト オフラインのアプリを実現・サポートするために作られたものです ちなみに、ブラウザの対応状況はこんな感じ http://caniuse.com/#search=service%20workers 特徴 DOM にアクセスできない DOM を操作したい場合は、Service Worker がコントロールしているページ(js)と postMessage でメッセージのやり取りをして行う リクエストをプロキシすることが可能 Service Worker はブラウザが必要に応じて起動・終了するので、変数の値を保持しておけない Cache、IndexedDB 等で値を保存して、必要になった時に取り出すようにする Promise を多用する https か localhost 上でしか動作しない ラ
Qiita API(PHP)とHerokuを使って自動更新の記事を作る - Qiita
はじめに みなさんこの記事をご存知でしょうか。 【毎日自動更新】Qiitaのデイリーストックランキング！ウィークリーもあるよ これはQiitaに投稿された記事をストックランキングとしてまとめてくれる非常に素晴らしい記事です。毎日見させてもらってます。 こんな記事を作りたい！と思って真似して作ってみました。 Swift記事まとめ(毎日自動更新) 前日に投稿されたSwiftの記事をストック数順にまとめてみました。 今回はこの記事をどうやって作ったのか簡単にご紹介したいなと思います。 自動更新記事作成の方法 こんな感じです。簡単です。(図にするまでもないですが。。) 使ったもの Qiita API v1 Heroku Heroku Scheduler 1.Qiitaのパスワードを設定する 自分はGithubのアカウントと連携させていたので元々Qiitaのパスワードを設定していませんでした。 Qi
誰もが知っておくべきjQueryのTips - Qiita
煽りタイトルを付けようと思ったら元からそんなタイトルだった。 ということで以下はjQuery Tips Everyone Should Knowの日本語訳です。 イタリックは元記事にはない訳者(私だ)による補足です。 jQuery Tips Everyone Should Know これは、とても役に立つjQueryのTips集だぞ。 Checking If jQuery Loaded jQueryで何かするには、最初にjQueryがロードされてるか確認する必要があるぞ。 if (typeof jQuery == 'undefined') { console.log('jQueryがない！'); } else { console.log('jQueryがある'); } 残念ながら君はのけものだ。 Use .on() Binding Instead of .click() .on()は複数の
JavascriptのChromeでのデバッグ方法個人的まとめ2016 - Qiita
はじめに Javascript開発でよく使ってるデバッグ方法についての個人的なまとめです。 当たり前の事ばかりですが、これからJavascript開発をやる方や興味がある方に少しでもお役に立てればと思います。 デバッグの鉄板 console.log Javascriptの開発でconsole.logを使わない人を探すほうが難しいくらいだと思います。
Resource Hintsでリソースを事前取得しよう！ - Qiita
Resource Hintsとは？ 下記4つのAPIから構成される。IEについては10以降にはなるが、大体のブラウザでサポートされている。 - DNS-Prefetch - Preconnect - Prefetch - Prerender 詳しくはResource Hints参照。 DNS-Prefetch ソーシャルボタンの設置やCDNの利用など、外部サイトからリソースを読み込む場合、「DNSルックアップ（ドメインをIPアドレスに変換すること）」が複数発生します。下記のように指定することで、あらかじめドメインの名前解決を行うことが可能です。 (function(document) { var servers = [ /* evernote */ "static.evernote.com" /* pocket */ ,"d7x5nblzs94me.cloudfront.net" ,"wi
新 Firebase を React Native で使うためのまとめ - Qiita
新 Firebase のどの機能を React Native で使えるのか調べてみた。 現在使える機能 基本的に次のページで Web で使える機能は React Native でも使えるよう。 Realtime Database 以外は未検証。 Cloud Messaging Authentication Realtime Database Storage Hosting その他の機能は bridge 経由になる。 Analytics はすでに bridge がある。 それ以外はいまのところ自前で bridge を書く必要がある。 セットアップ方法 Firebase プロジェクト作成 次のボタンを押して新しいプロジェクトを作成する。 config の情報を次の位置から取得する。 次の apiKey, authDoamin, databaseURL, storageBucket の値をひかえ
AbemaTV の番組表リニューアルに伴うパフォーマンス改善 - Qiita
以前の番組表 ↓↓↓ AbemaTV 新番組表 大きく変わったところ チャンネルが横スクロールですべて見れるようになった サイドバーにチャンネル一覧ができた 日付切り替えがセレクトボックスからカレンダー表示になった etc. 今まではチャンネルが 5ch 毎に区切られていたので、わざわざページを切り替えて見ないといけなかったのを、横スクロールですべてのチャンネルが一覧で見られるようになりました。 さらにチャンネル毎の番組表にもアクセスしやすくなり、日付の切り替えもしやすくなったかと思います。 このリリースによって、ユーザービリティが少しでも向上していれば幸いです。 しかし、便利になった反面、このリリースに至るまでに、パフォーマンス面で様々なところで問題になりました。 今回は実際にリニューアル中に課題となった箇所と解決方法の一部を紹介します。 AbemaTV 以外であまり参考にならないかもし
数学を避けてきた社会人プログラマが機械学習の勉強を始める際の最短経路 - Qiita
巷ではDeep Learningとか急に盛り上がりだして、機械学習でもいっちょやってみるかー、と分厚くて黄色い表紙の本に手をだしたもののまったく手が出ず（数式で脳みそが詰む）、そうか僕には機械学習向いてなかったんだ、と白い目で空を見上げ始めたら、ちょっとこの記事を最後まで見るといいことが書いてあるかもしれません。 対象 勉強に時間が取れない社会人プログラマ そろそろ上司やらお客様から「機械学習使えばこんなの簡単なんちゃうん？」と言われそうな人 理系で数学はやってきたつもりだが、微分とか行列とか言われても困っちゃう人 この記事で行うこと 数学の基礎知識に慣れるための、数式が最初から出てこないプログラマ向けの数学入門書の紹介 機械学習の初学者には鉄板の、オンライン講座（MOOC）の機械学習コース紹介 環境 WindowsでもMacでもLinuxでも大丈夫(MATLAB/Octaveというツール
機械学習をゼロから1ヵ月間勉強し続けた結果 - Qiita
追記 2018年の機械学習勉強法などをまとめました！ 2018年版もっとも参考になった機械学習系記事ベスト10 はじめに 2016/12/14 から約1ヵ月間、機械学習の勉強をし続けました。これは会社の自由研究という制度を利用させて頂いて、1ヶ月間は業務から離れて、機械学習の勉強だけをやり続けた記録です。 勉強してきたもののうち教師あり学習までは、Qiita にその記録をまとめましたので過去記事一覧からご覧ください。 過去記事一覧 1日目 とっかかり編 2日目 オンライン講座 3日目 Octave チュートリアル 4日目 機械学習の第一歩、線形回帰から 5日目 線形回帰をOctave で実装する 6日目 Octave によるVectorial implementation 7日目 ロジスティック回帰 (分類問題) その1 8日目 ロジスティック回帰 (分類問題) その2 9日目 オーバーフ
Reactを使うメリットとデメリット - Qiita
Reactとは？ 最近はHTMLとjQueryのセットが当たり前な時代 動きのあるページを作ろうとするとjQueryのプログラム部分が複雑になってしまう それならば最初からJavaScriptがベースでいいのでは？でできたのがReact（Facebookが開発。FacebookのページはReactでできている JavaScriptでHTML(DOM)を出力する方法にJSXを使う JSXとは？ ReactでHTML(DOM)を出力するための独自構文 HTMLの構文を知っていれば使えるレベル ちょっとした違い classがclassName styleを使う時は {{}} を使う、「-」は使えない {{margin-bottom:"1px"}} -> {{marginBottom:"1px"}} 変数を使う時は {} で囲う 脱jQuery 最近のJavaScriptな書き方でかっこいい サク
React＋AtomicDesign実践編 - Qiita
保守性の高い設計のために 今回業務上で、非常に保守性の高いUIをつくる必要が出てきました。 大きなシステムリプレイスをしなくても十分に拡張・改修が可能であること。（もちろん小さな改善を日々行えることが前提） こういった設計をするときは、横槍が入っても逃げ道があることが大事だと考えています。 挿げ替えや切り離しなど、コンポーネント設計はここに大きなメリットがあります。 アーキテクチャ選定 まずJavaScriptというベース知識さえあれば、あとは一般的なプログラミング手法の応用で拡張がしやすく、導入実績も豊富なReactをプロジェクトにおいて採用。 実際に保守ができるかどうかを決定付けるのはプロダクトのコードだけではなく、対応する人間が順応できるかも重要になります。 幸いにもES6以降のJavaScriptであれば他言語の経験者も入りやすそうですし、jQueryから入っているデザイナーにもあ
英語資料を読むのが面倒な人のためのwebpack 2移行ガイド - Qiita
2017年1月に、ようやくwebpack 2のリリースからbeta/rcが外れ、正式にリリースとなりました。 これによってnpm installでデフォルトに入るバージョンが2系となり、誰でも気軽に強力な追加機能のメリットを享受できるようになった一方、メジャーバージョンアップによる破壊的変更が加えられたことによって、従来のwebpack.config.jsは動作しない形となりました。 今回はまだまだ日本語の移行資料が少ないwebpack 2について、新しい機能と、1.xからの移行の方法を簡単にご紹介いたします。 webpack 2の機能 webpackも2系になっていくつかの機能が追加されました。小さなものから、比較的大きなものまで様々ですが、今回は影響の大きそうなものをいくつかご紹介いたします。 import/exportの標準対応 webpack 2では、import/export構文
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://seonjija.net/seon.ori/files/siteagent/qiita.com/st5757/items/663f17756d61aa8e8ea3
React+Reduxを手っ取り早く試してみたい人向けのなるべく小さいサンプル - Qiita
webpack2.2.1でESLintを使って構文チェックができるまでの手順 - Qiita
僕らがQiitaをゴリゴリ書く理由