klim0824のブックマーク - はてなブックマーク

【W3Techs】2023年8月にWebで最も使われている技術はjQuery・Bootstrap・PHP・WordPress - Qiita

︻W3Techs︼2023年8月にWebで最も使われている技術はjQuery・Bootstrap・PHP・WordPress PHP JavaScript ランキングW3TechsQ-Success コンサル会社Q-Successは、World Wide Web Techno logy Surveysという分析サービスを提供しています。なんかいかにもW3Cとかと関係ありそうな名前ですが、特に関係はないみたいです。 W3Techsでは、Webサイトを収集し、それらがどのような技術で作られているかといった調査結果を無料で分析・公開してくれています。こんなに公開していて生計はどうやって立てているのかというと、過去の履歴や細かいレポートなどを有料で売っているみたいです。 6450ページのPDFとか細かすぎて逆に使いこなせそうにもなさそうですが、興味のある方は手を出してみてはどうでしょうか。データを覗

klim0824 2023/09/06

リンク

【JavaScript】ES2023の新機能 - Qiita

ES2023その2 / ES2023 / ES2022 / ES2021 2023年一発目ということで、ES2023にFinished Proposalsとして取り入れられた機能を見てみましょう。ちなみにFinished Proposalは﹁複数の実装が既に存在する﹂が前提なので、2023という名前にもかかわらず既に一部のブラウザで使用可能です。というかES2023の新機能は全てのモダンブラウザで既に使用可能です。ES2023 Array find from last 末尾からの検索です。 const array1 = [5, 12, 8, 130, 4]; console.log(array1.find(element =>element >10)); // 12 console.log(array1.findLast(element =>element >10)); //

klim0824 2023/01/04

javascript

リンク

【Chrome】ServiceWorkerを今度こそ決定的かつ完全に消去する - Qiita

前、Chromeを使うなら、必ずServiceWorkersを無効化しようという記事を書いたのですが、あの方法はてんで全然ダメダメでした。 chrome://serviceworker-internalsには無用なServiceWorkerが増え続け、chrome://flags/からはServiceWorkerの削除設定が削除されました。そんなわけで、今度こそServiceWorkerを決定的かつ完全に消し去りたいと思います。といっても自力でどうこうしたわけではなく、全面的に他人の力を借りただけですが。 Reject Service Worker Reject Service Workerをインストールする。おわり。かんたん！作者はtoshiさんです。ありがとうございます。アドオンの技術的内容はServiceWorkerを無効化するという記事に書かれているのですが、Serv

klim0824 2022/01/19

“Reject Service Worker導入前後で、インターネット体験には何一つ変化がありません。”

リンク

StackOverflowからのコピペをやめろ。今すぐにだ。 - Qiita

Original article:https://dev.to/dotnetsafer/rip-copy-and-paste-from-stackoverflow-trojan-source-solution-4p8f その昔コピペできない文章というものがありました。実際は単にフォントを変えているだけというものですが、人間の目に見える文字と実際の文字が異なることを利用した攻撃の一種と見ることもできます。さて、最近になって似たような攻撃に関する論文が公開されました。人間には見えない文字を織り交ぜることによって、一見問題ないコードが実は脆弱になってしまうというものです。ただ論文は堅苦しいうえに長くて読むのがつらいので、具体的に何がどうなのかよくわかりません。平易に解説している記事があったので紹介してみます。以下はDotnetsafer( Twitter / GitHub / Web

klim0824 2021/12/29

"目に見えない制御文字を使うことで、見た目のソースコードと実行されるソースコードを違うものにしてしまう"

リンク

【PHP8.1】PHP8.1の新機能 - Qiita

PHP8.2 / PHP8.1 / PHP8.0 / PHP7.4 2021/11/26にリリースされました 2021/07/20、PHP8.1がフィーチャーフリーズしました。言語機能に関わるような機能の追加・変更が締め切られたということです。今後はデバッグを繰り返しながら完成度を高めていき、2021/11/25にPHP8.1.0がリリースされる予定です。というわけでPHP8.1で実装されるRFCを見てみましょう。 RFC Fibers 賛成50反対14で受理。 Fiberです。 PHPで非同期コードを書けるようになります。 $fiber = new Fiber(function (): void { $value = Fiber::suspend('fiber'); echo "レジュームした。$value: ", $value, "\n"; }); $value = $fiber

klim0824 2021/11/27

PHP

リンク

JavaScriptのコメントは4種類ある - Qiita

JavaScriptのコメントは//と/* */の2種類である、というのはよく知られた話です。嘘です。 4種類あります。 // 1行コメントです。

klim0824 2021/08/24

javascript

リンク

Firefoxは危険なJavaScriptに対応しない - Qiita

Firefox / Safari MozillaはMozilla Specification Positionsというリストを公開しています。IETFやW3C、TC39などが提唱しているWeb技術に対して、Mozillaはどのように評価しているかという立ち位置を表明したものです。あくまで現時点での評価であり、もちろん今後の仕様変更などに伴い評価は変わる可能性があります。 Mozilla's Positions Mozillaはどのように評価しているかの分類。 under consideration 評価の検討中。 important優れた概念であり、Mozillaにとっても重要である。 worth prototyping 優れた概念であるが、プロトタイプを作成し、フィードバックを得て磨きをかける必要がある。 non-harmful 有害ではないが、良いアプローチではなく、取り組む価値

klim0824 2021/07/05

リンク

【PHP8.1】PHPで簡単に非同期処理を書けるようになる - Qiita

PHPは長きにわたり同期的、すなわち、あらゆる処理を上から順に実行していくというスタイルを取ってきました。しかしたとえば、複数のURLからデータを取ってきて結果をまとめたいといった場合、時間のかかるHTTPリクエストは同時に投げたいですよね。この用途にはGuzzleというライブラリが存在し、これを使えば同時にリクエストを投げられます。しかし、ではHTTPアクセスとDBアクセスを同時にやりたい場合は？時間のかかる計算を裏でやりたい場合は？などと考え始めると、こういった個別のライブラリでは対処しきれません。ということで汎用的な非同期処理をPHPで書けるようにするRFCが提出されました。 PHP RFC: Fibers Introduction 人類史上ほぼ全ての期間において、人々はPHPを同期的なコードとしてのみ書いてきました。同期的に実行されるコードのみが存在し、そしてそれを同

klim0824 2021/03/18

PHP

リンク

Safariは危険なJavaScriptに対応しない - Qiita

Firefox / Safari 先日Appleが、Safariは幾つかのWebAPIに対応しないと公言しました。日本語記事も幾つか出ています。しかし、どのサイトも対応しないAPIの一覧を並べてはいるのですが、それぞれのAPIが具体的にどのようなものなのかを記載した記事が見当たらなかったので、以下はそれらについて調べてみたものです。対応しない理由 a threat to user privacy、すなわち、あくまでブラウザフィンガープリントなどの手段によって個人を特定・追跡できてしまうからという理由です。セキュリティ的にも問題なAPIが並んでいるのですが、そちらは理由ではありません。対応しないWeb API Web Bluetooth caniuse RFC 非公式日本語訳解説ブラウザからBluetoothを通して接続先のデバイスにアクセスすることができます。データ転送形式

klim0824 2020/08/18

リンク

【PHP8.0】非厳密な比較演算子`==`の挙動が今さら変更になる - Qiita

結果は順にtrue、true、falseです。これがPHP7までの非厳密な比較(等価)演算子だったわけですが、まあおかしいよねってことで、この挙動がPHP8.0で変更になることになりました。よもや今さら基本中の基本である比較演算子の動作を弄ってくるとは思わなかったぞ。以下はSaner string to number comparisonsの日本語訳です。 PHP RFC: Saner string to number comparisons Introduction ==やその他の非厳密な比較演算子を用いた文字列と数値の比較は、現在は、文字列を数値にキャストし、その後整数か浮動小数の比較を行っています。この結果、多数の不可解な結果が得られますが、中でも注目すべきは0 == "foobar"がtrueになることです。このRFCでは、文字列が実際に数値型文字列である場合にのみ数値型

klim0824 2020/08/04

PHP

リンク

くそったれJavaScript - Qiita

以下はWhat the f*ck JavaScript?というリポジトリの日本語訳です。 What the f*ck JavaScript?JavaScriptは素晴らしい言語です。単純な構文、大きなエコシステム、そして最も重要なところはコミュニティです。同時に、JavaScriptは非常にトリッキーで面倒な言語でもあります。幾つかの仕様は我々の仕事を地獄に変え、他の幾つかは笑える仕様です。 WTFJSの大元のアイデアはBrian Lerouxによるものです。以下のリストは2012年のdotJSにおける彼のトーク、WTFJSに触発されています。 Node Packaged Manuscript 以下の内容はnpmでインストールできます。

klim0824 2019/12/13

javascript

リンク

PHPの繰り返し処理大全 - Qiita

PHP7.3時代の話です。 PHP8や9のころには、また別の結論になっているかもしれません。最初に結論・基本的にほぼ全てforeach ・途中で打ち切りたいときはwhile/for ・それ以外はいらん繰り返し処理一覧 foreach PHPのforeachは非常に優秀です。あらゆる反復可能な値を繰り返し処理することができます。 $arr = [1, 2, 3]; foreach($arr as $val){ echo $val; // 順に1, 2, 3 }

klim0824 2019/09/10

PHP

リンク

JavaScriptの配列のベターな使い方4点 - Qiita

先日ヘルシオホットクックを衝動買いして、あまりの便利さにメルトダウン中です。みんなも買おうヘルシオホットクック。﹁ヘルシオホットクックでカレー作った﹂をトゥギャりました。 https://t.co/eWXmMOPIfL — ラナ・クアール (@rana_kualu) 2019年1月3日以下はpacdivによる記事、Here’s how you can make better use of JavaScript arraysの日本語訳です。 Here’s how you can make better use of JavaScript arrays この記事はさっくりと読めます。本当だよ。この数ヶ月の間に、私がチェックしているリポジトリで4種類のプルリクエストがやってきていることに気付きました。これらの間違いは全て自分で作っていたところだったので、この記事を書いています。配列メ

klim0824 2019/01/06

javascript

リンク

【PHP7.4】ついにPHPにプロパティ型指定がやってくる - Qiita

Typed Properties 2.0というRFCが投票フェーズに入ったのですが、2018/09/13時点で賛成48反対0となっていて、ほぼ決まりの状態です。 Typed Properties 2.0 どういうRFCなのかというと、これです。 class User { public int $id; public string $name; public function __construct(int $id, string $name) { $this->id = $id; $this->name = $name; } } class Example { // 対象型はvoidとcallable以外全て public int $scalarType; protected ClassName $classType; private ?ClassName $nullableClassTy

klim0824 2018/09/14

PHP

リンク

死んだCSSを見つける方法 - Qiita

使われてないCSSであればツールで見つけられますが、そうではなく、"実質的に"使われてないCSSを見つけるにはどうすればよいでしょうか。という問題にスマートな解決方法を記載している記事を見つけたので訳してみます。以下はFinding Dead CSSの日本語訳です。 Finding Dead CSS 私が今週開いていたパフォーマンスワークショップで、Webサイト上で死んだCSSを見つけるテクニックが頭をよぎりました。今、故意に﹃未使用CSS ( unused CSS ) ﹄ではなく﹃死んだCSS ( dead CSS ) ﹄というフレーズを使いましたが、これは以下のようなシナリオを想定して使いました。数十人規模の多数のチームが開発している、数十万行のコードを含む、長期にわたって運用されている大規模なプロジェクトがあるとしましょう。そこには既に使われていないCSSがあるだけではなく

klim0824 2018/06/18

css

リンク

2018年の最先端バックエンドエンジニアになろう - Qiita

フロントエンドエンジニア / バックエンドエンジニア / DevOpsエンジニア@poly_soft 先日2018年の最先端フロントエンドエンジニアになろうという記事を訳したのですが、そのリポジトリにはバックエンドとDevOpsのロードマップ画像も置いてあります。しかしバックエンドのテキストにはTODOの1行だけで、動きがありませんでした。解説が追加されないかなー、と思ってたら別の人がやってたのを見付けました。ということで以下はModern Backend Developer in 2018の日本語訳です。 Modern Backend Developer in 2018 こんにちのWeb開発の様相は、数年前とは全く別物です。 Web開発には多すぎる選択肢があって何をすればいいのか迷います。それが、これらのステップを視覚的に表し、段階的にWeb開発を行っていくためのガイドラインを作

klim0824 2018/05/30

リンク

2018年の最先端フロントエンドエンジニアになろう - Qiita

フロントエンドエンジニア / バックエンドエンジニア / DevOpsエンジニア@poly_soft この画像を見てティン！と来たので訳してみました。以下はModern Frontend Developer in 2018の日本語訳です。 Modern Frontend Developer in 2018 この記事を始める前に、まず私のことと、このロードマップについてお伝えします。私は過去5年間フルスタックエンジニアとして働いていて、そして現在はtajawalで、様々な役割を持つリードエンジニアとして働いています。単に趣味だからというだけではなく、他の開発者の技術力を保つためにトレンドについていくことも私の責任のひとつです。初心者が(そして経験者が)トレンドに付いていこうとして混乱する様を私はよく見かけます。私は2017年、多くの友人に、キャリアを積むために何を学ぶべきかについて

klim0824 2018/05/30

リンク

2018年のパスワードハッシュ - Qiita

数年前であれば仕方なかったところですが、2018年の今となっては、パスワードハッシュの手動計算はもはや"悪"です。まずログイン認証と称してmd5とかsha1とか書いてあるソースはゴミなので投げ捨てましょう。 hashやcryptは上記に比べればずっとマシですが、使い方によっては簡単に脆弱になりえます。あと『パスワードを暗号化する』って表現してるところも見なくていいです。 PHPには、ハッシュに関わる諸々の落とし穴を一発で解消してくれるpassword_hashという超絶便利関数があるので、これを使います。というか、これ以外を使ってはいけません。以下はフレームワークを使わずに実装する際の例示です。フレームワークを使っている場合は当然その流儀に従っておきましょう。ハッシュの実装データベースユーザ情報を保存するテーブルを作成します。パスワードカラムの文字数は、システム上のパスワ

klim0824 2018/05/01

PHP
security

リンク

クリーンなJavaScriptコードを書くためのガイド - Qiita

Clean Code PHP / Clean Code JavaScript 以下はClean Code JavaScriptの日本語訳です。 clean-code-javascript Introduction Robert C. Martinの著書Clean Codeは、JavaScriptにも当てはまることばかりです。これはスタイルガイドではありません。 JavaScriptで3R(Readable、Reusa ble、Refactorable)なコードを推進するためのガイドです。ここに書いてあることの全てに従わねばならないわけではなく、普遍的に合意されているわけでもありません。ただのガイドラインであり、それ以上のものではありません。しかしこれらは、Clean Codeの著者らが長年の集合知の結果をまとめたものです。ソフトウェアエンジニアリングの歴史は僅か50年程度のものでし

klim0824 2017/12/25

リンク

簡単にガントチャートとかクラス図とか書けるやつ - Qiita

mermaidは、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.jsの機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。なお、ヘルプはGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。ごたくはいい、実物を見せろこんなかんじ →支払い忘れてサーバが死んだので代替(誰かが書いたやつに勝手にリンク) できること以下の図が描ける。・フローチャート・シーケンス図・ガントチャート・クラス図・gitグラフ最後だけ異質だ。インストール CDNを使えばいいだけだが、自分のところに置きたい場合はyarnで引っ張ってこれる。 <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" hre

klim0824 2017/07/27

リンク

はてなブックマーク

タグ

ブックマーク / qiita.com/rana_kualu (21)

お知らせ

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

今週のはてなブックマーク数ランキング（2024年6月第4週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス