2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips - Qiita
はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構築しました。 現在は構築したシステムを保守・運用しており、その際に得られたノウハウを言語化し、共有出来たらと思います。 ※ 記事の内容に意見がありましたら直接編集リクエストをください。 ※ パフォーマンスの話はしません。 ゴール 役立つTipsを身につけコード品質を向上させる コンポーネントのバグを減らせるTips ほとんどのバグは変数から来ます。 もし全ての値が定数なら状態から来るバグはほとんど無くなるでしょう。 ここではこの変数や式を極力減らせるTipsを紹介したいと思います。 1. dataを極力定義しない Vue.jsでコンポーネントを定義する際ついdata()に沢山変数を定義しちゃいますよね。
Push Notifications on the Open Web | Blog | Chrome for Developers
If you ask a room of developers what mobile device features are missing from the web, push notifications are always high on the list. Push notifications allow your users to opt-in to timely updates from sites they love and allow you to effectively re-engage them with customized, engaging content. As of Chrome version 42, the Push API and Notification API are available to developers. The Push API i
JavaScriptだけでファイルの保存機能を実装する
こんばんは。ファガイです。本日はJavaScriptだけでブラウザのある情報のデータを保存する機能の実装方法について書こうと思います。 概要 ローカル上だけでファイルの保存ができるようになる方法になります。 自分が作っているMarkdown-F Editorはその機能を使って保存を実装しています。 今回利用する機能はHTML5の機能なので、ブラウザによっては実装されていない可能性がありますので、注意。 確認ブラウザ IE11 Firefox GoogleChrome にて確認を取ってます。IEに関しては独自関数を使っているため、前のブラウザでは対応されていない可能性があります。 ソースコード ソース自体は結構簡単です。 var text = "テキストデータ"; var blob = new Blob([text], {type: "text/plain"}); // バイナリデータを作り
Emailology - The Science of Looking Good in the Inbox
Android Android Gmail Android Gmail AOL Apple Mail 12 Apple Mail 13 Apple Mail 13 Freenet.de Gmail GMX Google Workspace iOS iOS iOS 11 iOS 11 iOS 11 iOS 11 iOS 11 iOS 11 iOS 11 Pro iOS 12 iOS 12 iOS 7 iOS SE iOS SE iOS XR iOS XR Libero Mail.ru Office 365 Outlook 2007 Outlook 2010 Outlook 2010 Outlook 2013 Outlook 2013 Outlook 2016 Outlook 2016 (120 dpi) Outlook 2019 Outlook 2019 (120 dpi) Outlook
HTML の q タグが日本語のサイトではカギ括弧を出すようになってた
HTML に q という要素がありますね。 Quotation の Q ですか。 <q> について 文書内で引用をしたいとき、 ブロック要素を含むような場合には <blockquote> ですが 一言とか一行とかそれくらいのときには <q> を使うのがいいみたいです。 q 自体がデフォルトでインライン要素だしね。 こんなぐあい。 <q>ここは引用ですよー。</q> 多くのブラウザでは、この <q> で括った部分が ダブルクォーテーションで挟まれて表示されます。 上記の例だとこう。 “ここは引用ですよー。” カギ括弧になってた 「表示されます」って書いたんだけど、 本当は「と思ってました」でした。 こないだふと気づいたら、 日本語のページではこれがこうなってました。 「ここは引用ですよー。」 クォーテーションマークじゃなくてカギ括弧になってる。 知らんかった。いつの間に。 <q> を初めて使
Facebookの裏ワザがすごく怖いけどそれよりも頻尿がやばすぎて困る : Natsumegblog
こんにちは。 朝の目覚ましはチームしゃちほこの「シャンプーハット」なつめぐです。 今回はFacebookの裏ワザについてです。 最近Facebookを利用していたら、実は知られていない（というかぼくが知らなかっただけ）機能がたくさんあることに気付きました。
Mac：USB接続機器(特にHDD)を認識しない等のトラブル時に試してみるといいかもしれないこと。 | Macとかの雑記帳
あまり多くはありませんが、以前から報告されているUSB絡みのトラブルです。特に10.4では多かったようです。私は10.5～10.6でこのトラブルに遭遇しました。「えっ？」と思う様な方法で解決する場合もあるので、まとめてみました。 ※：追記があったので書き直しました。以下リンク先の記事を参考にしてください。 Mac：USB接続機器(特にHDD)を認識しない、警告が表示される等のトラブル時に試してみることのまとめ。 原因 機種、OSのバージョン、そして接続している機器によって症状や解決に至った方法がまちまちで、必ずその症状がでる訳ではないようです。「相性がわるいから」としか言いようがないんじゃないかと。 対処法 紹介している方法で必ず症状が改善されるというものではありません。この方法で直った人も居るという程度のものです。 現在接続しているUSB機器を全て取り外してから直に接続 USB機器を全て
最近覚えた便利すぎておしっこちびるかと思ったPhotoshopの小技/ショートカット11こ | クリエイティブメモメモ
こんにちは。会社でWindow家でMacを使っているので、Phothoshopのコマンドキーの配置に未だに戸惑います。井畑です。 今回は最近知って、おしっこちびるかと思ったほど便利なPhotoshopのショートカットや小技を紹介します。 ショートカットは慣れるまでは大変ですが、一度覚えてしまえば、それ無しには作業できなくなるほど、便利なものです。使った事が無い人は是非積極的に使ってみてください:) 今回はPhotohospのショートカットを一から紹介〜というものではなく、実際に作業してみて便利だなーと思うものをチョイスした記事となっております。 もしかしたらかなりマニアックなところかもしれませんが、ひとつでも読んでくれた人に「うぉーその技知らなかった。便利やーん！」というものがあることを祈って… それではどうぞ！ 最近覚えて便利すぎておしっこちびるかと思ったPhotoshopの小技/ショー
JavaScript イディオム集
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
ページを移動（離脱）するときにjQueryで警告を出す方法
Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 １．ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか？'; }); }); </script> <form method="post" acti
1台のPCで複数のDropboxアカウントを使う方法 | ライフハッカー・ジャパン
Dropboxのアカウントをビジネス用とプライベート用で使い分けたい人もいるはずです。ところが残念なことに、Dropboxは複数アカウントの同時利用をサポートしていません。 そんな中、ブロガーのDaniel Mann氏がMacの「automator」アプリを使って2つのDropboxインスタンスを同時に実行する方法を教えてくれました。また、Windowsで複数アカウントを使う方法も紹介します。■Windowsで複数アカウントを使う Windowsで複数のDropboxインスタンスを実行する方法は2つあります。 Dropboxenを使う：複数のWindowsユーザーアカウントを使う方法です。それぞれのユーザーアカウントにDropboxと『Dropboxen』をインストールして実行するだけです。 DropboxPortableAHKを使う：『DropboxPortableAHK』をインストール
最近、MacBook Airのスリープからの復帰が遅いと感じてる方必見！復帰を高速化する方法 | ひとぅブログ
「MacBook Airって起動が速いよね〜」と初めて使ったときは大満足でしたが、だんだんと遅くなってきたと感じている方はいませんか？？ 私はそのひとりです。 MacBook Air (11-inch, Late 2010)を買った直後はスリープからの復帰は確か2秒以内だったと思います。それがOS X 10.7、Lionが発売になりアップデートした頃からでしょうか？ スリープからの復帰が遅くなり、パスワード入力画面が表示されるまで5秒ほどかかることも。 メモリが2GBということも原因だと思いますが、パスワードを入力しロック解除後、風車がグルグル回ってしばらく何も入力を受けつけない事も増えてきてイライラが増してきました。 そして発売になったOS X 10.8、Mountain Lionではきっと恐ろしいことになるだろう、と思いMacBook Air (11-inch, Mid 2012)を購
先輩と覚える HTTP ステータスコード
gistfile1.md 先輩に学ぶ HTTP Status Code 超雑にまとめました。修正してください。 登場人物 アプリケーション先輩: いつも忙しい。横に広がるのが得意(デブじゃない)。 後輩: 頼んでばっかしで役に立たない。 サーバー先輩: アプリケーション先輩と仲がいい。Unix Socket でつながるくらい仲良し。 プロクシ先輩: アプリケーション先輩とかサーバー先輩と後輩の間を取り持って代わりに伝えたりしてくれる。たまに勝手にレスポンスを書き換える。 1xx 系 100 Continue 後輩「あ、先輩！お願いが！」 アプリケーション先輩「おー、聞いてやる。詳しく話せ」 101 Switching Protocols 後輩「せんぱーい、お願いなんですけどー」 アプリケーション先輩「ちょっと待て、お前 HTTP 1.0 で喋るな、 HTTP 1.1 か TLS 1.0 で
Why You Shouldn't Get Caught Using Tables for Web Page Layouts
Learning to write CSS layouts can be tricky, especially if you are familiar with using tables to create fancy web page layouts. But while HTML5 allows tables for layout, it is not a good idea. Tables Are Not Accessible Similar to search engines, most screen readers read web pages in the order that they display in the HTML, and tables can be very hard for screen readers to parse. The content in a t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Become a Sketch Pro with 9 Tiny Tips
VIDEO COPILOT | After Effects Tutorials, Plug-ins and Stock Footage for Post Production Professionals
Alfredでは強制的にIMEはOFF | 公開懺悔日記
Gitでやらかした時に使える19個の奥義 - Qiita
HTML5 Datalist: What You Need To Know | The Jotform Blog
Macの起動音を消す方法。「ジャーン」を鳴らないようにします！ | Appdrill
