タグ

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

  • 【PHP8.2】PHP8.2でジェネリクスが導入された - Qiita

    4. ジェネリクス PHP 8.2 では、ジェネリクスのサポートが導入されました。 ジェネリクスを使用すると、コードの再利用性が向上し、型安全性も確保されます。 interface Collection<T> { public function add(T $item): void; public function get(int $index): T; } class StringCollection implements Collection<string> { // ... } $stringCollection = new StringCollection(); $stringCollection->add("Hello"); $stringCollection->add(123); // エラー:string 型が期待されています この注釈、詳細ページには一切記述されていないため

    【PHP8.2】PHP8.2でジェネリクスが導入された - Qiita
    tofu-kun
    tofu-kun 2024/02/29
    記事タイトルに惹かれて開いたら騙された
  • TypeScript 10年の歩み - Qiita

    TypeScriptは、2022/10/01に10周年を迎えました。 ということで、それを記念してMicrosoftの中の人が振り返りのエントリーを書いていました。 以下は該当の記事、Ten Years of TypeScriptの紹介です。 Ten Years of TypeScript 2022年10月1日は、TypeScript10歳の誕生日です。 10年前の今日、2012年10月1日に、TypeScriptは初めて公にされました。 The Early Days 初めてTypeScriptが表に現れたとき、それももっともなことでしたが、多くの否定的な意見がありました。 一部のJavaScriptユーザにとって、JavaScriptに型を強制する試みは冗談か邪悪な陰謀のように見えたかもしれません。 しかし、その試みには、多くのメリットがありました。 型チェックのおかげで、ファイルを保存

    TypeScript 10年の歩み - Qiita
  • JavaScriptの生みの親「自動セミコロン挿入やめときゃよかった……」 - Qiita

    末尾セミコロンはしばしば宗教戦争になりますね。 Qiitaでもその他のSNS等でも、そのようなバトルはいくらでも見つかります。 しかし意外にも、この戦争の原因を大まで辿ってる人はほとんど見当たりません。 見つけたものではこの人(と、この記事を参照している記事)くらいでした。 以下は、JavaScriptの末尾セミコロンについて、JavaScriptの生みの親であるBrendan Eichによる見解、The infernal semicolonの紹介です。 なお2012年の記事なので、存在しないリンクや古くなった知見が含まれる可能性があります。 The infernal semicolon このツリーのコメントを見るたびに、私は悲しみに包まれます。 問題のコード、 このコードは自動セミコロン挿入(ASI)に依存しているため、ミニファイを行うためには、ASIを含めた完全なパースを行い、cle

    JavaScriptの生みの親「自動セミコロン挿入やめときゃよかった……」 - Qiita
    tofu-kun
    tofu-kun 2022/08/17
  • 【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では、文字列が実際に数値型文字列である場合にのみ数値型

    【PHP8.0】非厳密な比較演算子`==`の挙動が今さら変更になる - Qiita
    tofu-kun
    tofu-kun 2020/08/03
    影響は大きいだろうけど、確かに PHP8 にあげることができるコード群は影響そんなに大きくない…かもしれない
  • 【PHP8.0】厳密なswitch文ことmatch式が使えるようになる - Qiita

    switch($x){ case 1: '$xは1だよ'; break; case "1": '$xは"1"だよ'; break; } case "1"に到達することは決してありません。 ということで厳密な比較を用いるswitchことmatch構文のRFCが提出されました。 以下はMatch expression v2の日語訳です。 PHP RFC: Match expression v2 Proposal このRFCは、switchに似ていますが、より安全なセマンティクスを持つmatch構文の提案です。 例として、Doctrineのクエリパーサを挙げます。 // Before switch ($this->lexer->lookahead['type']) { case Lexer::T_SELECT: $statement = $this->SelectStatement(); br

    【PHP8.0】厳密なswitch文ことmatch式が使えるようになる - Qiita
    tofu-kun
    tofu-kun 2020/06/24
    良いじゃん
  • JavaScriptの配列操作に役立つ13のヒントとトリック - Qiita

    以下はDuomly ( Webサイト / Twitter )による記事、13 useful JavaScript array tips and tricks you should knowの日語訳です。 Duomlyはプログラミング学習コースを提供しているWebサイトです。 ただランディングページにたいしたことが書いてないので、詳細はよくわかりません。 ここはもう少し書いておいてほしいところ。 13 useful JavaScript array tips and tricks you should know 配列はJavaScriptで最も一般的な概念のひとつであり、内部に格納されたデータを操作する手段は多数存在します。 配列はJavaScriptの最も基的なトピックであり、プログラミング学習パスの最初に学習するものだという前提のうえで、この記事ではあなたが知らないかもしれない、しか

    JavaScriptの配列操作に役立つ13のヒントとトリック - Qiita
  • JavaScriptのエキサイティングな新機能7選 - Qiita

    以下はMostafa Gaafarによる記事、7 New Exciting JavaScript Features You Need to Knowの日語訳です。 7 New Exciting JavaScript Features You Need to Know JavaScript ( ECMA Script ) は進化する言語であり、たくさんのproposalやアイデアが出番を待ち受けています。 TC39 (Technical Committee 39) という委員会がJavaScript標準と新機能の定義を担当しています。 そして今年は彼らの活動が活発になっています。 以下は、現在ステージ3にある提案の一部の紹介です。 ステージ3は完成する直前の段階です。 これはつまり、この機能がブラウザやその他のJavaScriptエンジンにすぐに実装されることを表しています。 実際、以下の

    JavaScriptのエキサイティングな新機能7選 - Qiita
  • freeCodeCamp「ブログをMediumから引っ越すわ」dev.to「いや、あかんじゃろそれ」 - Qiita

    ではあまり目立っていませんが、freeCodeCampというオンライン学習サイトとして世界最大規模のコミュニティが存在します。 規模をわかりやすく言うとGitHubのスター数がトップです。 そしてここはブログ機能があるのですが、記事を自前で持ってるわけではなくMediumを使っていました。 しかし先日2019/05/27に、自ら運営する準備ができたようで、記事をMediumからfreeCodeCamp Newsに移行するという発表を行いました。 以下はそのことについてBen Halpernが書いたI'm concerned with the move that FreeCodeCamp just pulled by leaving Mediumという記事の日語訳です。 I'm concerned with the move that FreeCodeCamp just pulled

    freeCodeCamp「ブログをMediumから引っ越すわ」dev.to「いや、あかんじゃろそれ」 - Qiita
    tofu-kun
    tofu-kun 2019/06/03
  • 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種類のプルリクエストがやってきていることに気付きました。 これらの間違いは全て自分で作っていたところだったので、この記事を書いています。 配列メ

    JavaScriptの配列のベターな使い方4点 - Qiita
  • 初心者プログラマが犯しがちな過ち25選 - Qiita

    以下はThe Mistakes I Made As a Beginner Programmerの日語訳です。 The Mistakes I Made As a Beginner Programmer 初心者プログラマが犯しがちな間違いと、それらを特定し、避けるための習慣を学ぶ方法。 まず最初に言っておくことがあります。 この記事は、誤りを犯すことを悪いと糾弾するために作成されたものではありません。 むしろ貴方が誤りに自ら気付き、あるいはその兆候を見いだし、それらを避けられるようにするために書かれたものです。 私は過去これらの誤りを犯し、それぞれから学びを得てきました。 今ではこれらを避けるようなコーディングを習慣付けるようにしています。 貴方もそうしましょう。 紹介は順不同です。 1) 設計せずに実装する 高品質なコンテンツは、一般的には容易に作成できるものではありません。 それには慎重

    初心者プログラマが犯しがちな過ち25選 - Qiita
  • 2018年の最先端バックエンドエンジニアになろう - Qiita

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

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

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

    2018年の最先端フロントエンドエンジニアになろう - Qiita
  • 2018年のパスワードハッシュ - Qiita

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

    2018年のパスワードハッシュ - Qiita
  • 簡単にガントチャートとかクラス図とか書けるやつ - Qiita

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

    簡単にガントチャートとかクラス図とか書けるやつ - Qiita
  • JavaScriptのナイスな文法テクニック集 - Qiita

    JavaScriptのとってもナイスな文法テクニック集を発見したので紹介してみます。 以下はByte saving techniquesの日語訳です。 なお、イタリックは訳者(私だ)による追加です。 Byte-saving Techniques これはJavaScriptのコードから文字数を減らすための魔法のコレクションです。 主にTwitterチャレンジを作成するための参考資料として書かれています。 新たなテクニックを発見したときは@140bytesにフィードバックください。 Arguments Use one-letter positional arguments, in alphabetical order 引数はできるだけ短くする必要があり、かつ再利用される可能性も高いので、意味で表すのではなく順序で表すのが最善です。 頭文字を使用すると、ひとつの関数の読みやすさが僅かに向上しま

    JavaScriptのナイスな文法テクニック集 - Qiita
  • CSSプロフェッショナルのためのTIPS - Qiita

    CSS ProtipsというTIPS集があって、これ一応日語訳が既にあるんだけど、露骨に機械翻訳で何言ってるのか全くわからないので全編日語訳した。 あれ、あんまり変わってない気がしてきたぞ。 CSSの便利な小技・テクニックのまとめ Awesome CSSのプロフェッショナルになりたい人のためのTips集を紹介するよ。 CSS以外のAwesomeリストを探したいときは@sindresorhusをフォローしよう。 目次 テクニック サポート 翻訳 手伝いたい テクニック CSSリセット 異なるブラウザ間でスタイルの一貫性を保つには、CSSリセットが役に立つぞ。 NormalizeのようなCSSリセットのライブラリを使用するか、もっと簡単には以下のように書ける。

    CSSプロフェッショナルのためのTIPS - Qiita
  • 2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita

    って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい! 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C

    2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita
  • 1