次世代Webカンファレンス 2019：HTTPSセッションが面白かった - ろば電子が詰まつてゐる
以前から気になっていた「次世代 Web カンファレンス 2019」を、ようやく聴きに行くことができました。 たくさんのトークがありましたが、ここではHTTPS (hashtag: #nwc_https)をメモしておきます。なお、このセッションが間違いなく一番アツく、一番面白かったです! 当日の動画 https://www.youtube.com/watch?v=_8dCa8wj8QY togetter https://togetter.com/li/1268794 以下、当日参加した、もしくは動画を見たという前提でのメモなので、見てない人はぜひ見ましょう。 PKI 「低レイヤから行きましょう」ということで、はじめはPKI絡み。Symantecのdistrustと、日本のGPKIの話でした。 トーク中に何度か出てきましたが、認証局(厳密にはCAとRAを分けて書くべきですが、どうせみんな一緒な
長いURLに含まれる余計な文字列を自動的に削除してくれる拡張機能「Tracking Token Stripper」
広告やメールで送られたURLをクリックすると、URLの末尾に「utm_～」から始まる文字列(パラメータ)がくっついていることがあります。しかし、URLをそのままブックマークしたりSNSで共有しようとすると、URLが本来のものよりも長くなってしまい、その都度パラメータの削除が必要になることも。FirefoxとGoogle Chromeで利用できる拡張機能「Tracking Token Stripper」は、リンクをクリックした時に自動的に「utm_～」のパラメータを排除してリダイレクトしてくれるので、いちいちURLを編集する手間が省けてお役立ちです。 Tracking Token Stripper – Firefox 向けアドオン https://addons.mozilla.org/ja/firefox/addon/utm-tracking-token-stripper/ Tracking
ブラウザ拡張Selenium IDEでユーザー操作を記録・再現できる！UIテストの自動化に活用しよう - ICS MEDIA
ブラウザ拡張Selenium IDEで ユーザー操作を記録・再現できる！ UIテストの自動化に活用しよう Selenium IDE（セレニウム・アイディーイー）とは、ブラウザ操作を記録・再現できるChrome、Firefoxで利用可能な拡張機能（アドオン）です。 手軽に記録・再現ができるため、アイデア次第で色々な使い方ができます。筆者は、会社の打刻操作（社内サイトへアクセス → ログイン → 打刻ページへ遷移 → 打刻ボタンをクリック）を記録し、自動実行することでいち早く出社ができるようにしていました。 その他にも開発時に繰り返し行うようなデバッグ作業やルーティーン作業を記録することで、以下のような活用もできます。 入力フォームなどに文字を入力する操作を記録しておき、自動入力させる。 ゲームやSPAのデバッグ時に、スタート画面からデバッグしたい画面までの移動操作を記録しておき、任意の画面へ
超高速エンジンの内部：Quantum CSS（別名Stylo）- 前編 | POSTD
Project Quantumのことをお聞きになったことがあるでしょう。これはFirefoxを高速化するために、Firefoxの中身を大幅に書き換えたものです。実験的なブラウザ、Servoから部分的に交換を実施し、エンジンの他の部分の著しい改善を図っています。 このプロジェクトは、飛行中のジェット機でのジェットエンジンの取り替えに例えられます。現場でコンポーネントごとに変更を実施するので、各コンポーネントの準備が整い次第、Firefoxで効果を確認することができます。 また、Servoから採用した最初の重要なコンポーネントは、Quantum CSSと呼ばれる新しいCSSエンジン（以前の別名はStylo）で、現在はNightly版でテストすることが可能です。(編注:Firefox 57からはデフォルトで有効化されています) about:config に行き、 layout.css.servo
Latest topics > ツリー型タブのWebExtensionsへの移行のおはなし - outsider reflex
Latest topics > ツリー型タブのWebExtensionsへの移行のおはなし 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « WebExtensions Migration Story of Tree Style Tab Main マルチプルタブハンドラもWebExtensionsに移行しました » ツリー型タブのWebExtensionsへの移行のおはなし - Oct 03, 2017 Here is the English version of this article. このエントリはQiitaとのクロスポストです。 2017年の8月下旬に思い立って、ツリー型タブのWebExtensions版を作り始め、去る9月26日にバージ
jQuery でブラウザの表示領域に対するサイズや位置情報を取得してみる - Cyokodog :: Diary
更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回、前々回のエントリではボックス要素を例にサイズや位置、スクロール量などの求め方について書きましたが、実際のプラグインの実装においてこれらの情報が必要になるのは、ブラウザの表示領域に対してということが多いかと思います。 具体的にはツールチップなどの機能で、画面の端の要素を hover した時、ポップアップがブラウザの表示領域内に収まるように表示位置を調整するような場合に、ブラウザの表示領域のサイズやスクロール量などが必要になります。 jQuery でブラウザの表示領域をつかむ方法 ブラウザの表示領域を jQuery でつかむには、以下のような記述でできそうです。 $('html') $(window) $(
null安全でない言語は、もはやレガシー言語だ - Qiita
これらは、表中の「リプレース対象言語」に挙げたように、多くのメジャー言語に対する代替手段でもあります。 Java の代わりには Kotlin や Ceylon が、 JavaScript には TypeScript や Flow が、 Objective-C には Swift が、そして PHP には Hack があります。 Python は自身に null 安全 を取り込みました。 Crystal は直接 Ruby と連携して使えるわけではありませんが、 Ruby 風の null 安全 な言語です。 Rust は C++ の代替を目指して開発され、 Firefox の一部で C++ のコードを置き換えるのに使われています [^100] 。 null が引き起こしてきた数々の問題を考えると、僕は、 null 安全 は GC （やその他の安全なメモリ管理手法）に匹敵するプログラミング言語の進
IT界隈の動物たち
GitHubの謎生物が気になり、せっかくなのでIT界隈の動物(?)を用いた名前やロゴの由来など調べてみた。 ※追記あり：Gopherファンに襲われそうなので。ごめんねGopher君 GitHub種類：octocat（ネコ＋タコ） 名前：monalisa Q.どうしてタコなのに8本足じゃないの？ A.なにも考えずに描いたからね！ もともとデザイナーはoctopussと呼んでいたが、いくら訂正してもGitHubの社員がoctocatと呼ぶため、octocatで落ち着いた。 octocatはあの生物種の名称であり、monalisaという名前は社員の娘が学校の課題で名付けたもの。 Python種類：ニシキヘビ 名前： - イギリスのコメディ番組『空飛ぶモンティ・パイソン』より。 またPythonという英単語はニシキヘビを意味するため、マスコットとしてヘビが用いられる。 オライリーの本とかすごい表紙
CSSリセットはこれで決まり！モダンブラウザによる相違を吸収するようカスタマイズされたスタイルシート -ress
ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。 normalize.cssを最近のWeb制作にあうようカスタマイズされたもので、対応ブラウザはすべてのモダンブラウザ、IEは8+対応です。 ress -GitHub 参考: normalize.cssの特徴とコード 2015年、Web制作者が押さえておきたいCSSの各種リセット ressの特徴 ress: html, グローバルセレクタの定義 ress: 一般的な要素の定義 ress: フォーム要素の定義 ress: メディア要素の定義 ress: アクセシビリティ用の定義 ress: ::selectionの定義 ressの特徴 ressは「normalize.css」をカスタマイズしたもので、スタイルシートを始める時のしっかりしたベースな
コンピューター科学のアカデミック業界の残念な現状
mhoye on Twitter: "Extremely angry with the state of academic CS research right now. (1/n)" MozillaでFirefoxのエンジニアリングコミュニティマネージャーであるMike Hoyeが、コンピューター科学におけるアカデミック研究の残念な現状に激怒している。 コンピューター科学のアカデミック研究の現状に激怒している。 MozillaがBugzillaを始めとした多数の情報を公開した結果として、多くの研究論文が書かれている。 我々はそのような研究には注目している。論文はじっくり読んでいるし、研究結果にしたがって今後の方向性も決めている。 しかし、我々は常に変化する世界に生きている。そのため、我々はデータをもとに結果を再検証して、仮定が正しいことを確認する。 ここで我々が行いたいことは、我々はある意
フリーランス向けタスク管理ツール13選！管理の手順やメリットも解説
フリーランスは自由度の高い働き方ができますが、タスク・スケジュール管理を徹底する必要があります。 そこで、本記事ではタスク管理をする際のポイントや、タスク・スケジュール管理に役立つツールをご紹介。ツールを活用するとタスク管理の効率化にもつながるので、ぜひ参考にしてみてください。 未経験からフリーランスを目指そうと思っている方は、こちらの関連記事もお役立てください。 未経験からフリーランスエンジニアになる方法｜案件例や必要スキルを解説 レバテックフリーランスはITエンジニア専門の フリーランスエージェントです案件を探してみる フリーランスにタスク管理が必要な理由 自分で仕事量を決めるフリーランスは、いくつか案件を同時に進行させることもあります。 仕事を漏らさないようタスク管理を徹底し、優先順位を決めたり案件の内容を把握したりするのが大切です。 タスク・スケジュール管理を怠ってしまうと、現状を
スマートフォンはセンサーの塊！ たった数行のHTML5とJSで扱えるセンサーまとめ(デモ・動画あり) – ICS MEDIA
Figmaでイージングを理解しよう！ プロトタイプの基礎から実装方法の紹介 10月19日公開海老江 優太♥ 17
Kazuho's Weblog: ウェブページの描画 (first-paint) までの時間を測定するツールを作った件、もしくはHTTP2時代のパフォーマンスチューニングの話
ウェブページの描画 (first-paint) までの時間を測定するツールを作った件、もしくはHTTP2時代のパフォーマンスチューニングの話 ウェブページの表示までにかかる時間をいかに短くするかってのは、儲かるウェブサイトを構築する上で避けて通れない、とても重要な要素です。 少し古いデータとしては、たとえば、ウェブページの表示が500ミリ秒遅くなると広告売上が1.2%低下するというBingの例なんかも知られているわけです。 「ウェブページの表示までにかかる時間」と言った場合、実際には以下のようないくつかのメトリックがあります。 イベント 意味
8 Absolutely Brilliant Chrome Extensions That You Should Know About
Despite having used Firefox in the past, having dipped my toes in the water with Safari and Opera, and even going totally crazy after using Internet Explorer for 10 minutes, somehow I always seem to come back to Chrome. And it's easy to see why. The number of Chrome plugins is huge, and when a developer makes a plugin, it always seems to be for Chrome only these days. Almost as if Firefox doesn't
[CSS]CSS3 Transitionsを使用して、ホバー時に繊細なアニメーションを与えるスタイルシート
a要素に余白をpaddingで設定し、カラーを指定します。 a.foo { padding: 5px 10px; background: #9c3; } a.foo:hover { background: #690; } [ad#ad-2] 繊細なアニメーションを与えるスタイルシート CSS3 Transitionsを使用して、ふわっと繊細なアニメーションを与えます。 デモページ（当方作成） 追加するのは、L4-7です。 ※デモページではpaddingなどの値を若干変更しています。 a.foo { padding: 5px 10px; background: #9c3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: al
色んなXSS – nootropic.me
2015/4/16(木)：ページの一番下に追記を記述しました。 その昔、なんとかキャンプというセキュリティのイベントに参加した時「アウトプットが大事」と言われたのを思い出しました。 でも、普通自分の見つけた知識は後生大事に抱えておきたいもんだと思います。 そこで今回はそういった何かしょーもないものを捨てるべく、溜め込んだ色んなXSSのPoCを少し書き出してまとめました。 今まで自分で見つけたものや海外のSecurity Researcher達から収集したものもあります。 さて、今回リストアップしたPoCの見方ですがいくつかの項目があります。 一番上の「手法」はタイトルみたいなものだと思って下さい。 二番目の「PoC」はスクリプトを実行する為のコードです。殆どがアラートが出るだけのスクリプトの為危険なコードは無いつもりですがご自分のブラウザで実行する際は自己責任でお願いします。リンクをクリッ
YouTubeの広告やスキップ不可能なCMを一発で削除可能なブラウザ拡張「Tube Enhancer」
YouTubeでムービーを再生する際に表示される邪魔な広告を一切表示しないようにしてくれる、無料で使えるブラウザ用の拡張機能が「Tube Enhancer」です。広告非表示機能の他に、自動でムービーをHD画質にする機能やYouTube上のムービーでプレイリストを自作したりムービーをブラウザ上に固定してタブを切り替えてもムービーを視聴可能にしたりもできる拡張機能とのことなので、実際に使ってみました。 Tube Enhancer http://www.tubeenhancer.com/ 「Tube Enhancer」が使用可能なウェブブラウザはChrome 22以降もしくはFirefox 14以降の2種類。ChromeとFirefoxでは使用可能な機能が異なり、Tube Enhancerの全機能を使い倒したい場合はFirefoxにインストールする必要がありますが、広告を削除するだけでOKならC
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
