タグ

2019年4月5日のブックマーク (6件)

  • 「可読性を上げる」ために敢えてショートハンドを使う - Qiita

    この記事はちょこちょこ修正しているため、「この記事は最終更新日からn年以上が経過しています。」の警告が出ませんし、いまでもLGTMをいただきますが、内容は2019年4月のものとなっています。JavaScriptの機能もそれから多く追加・修正されていることにご留意ください。 対象 JavaScript 初心者 キーを叩きすぎて手が痛くなってしまった人 めんどくさがりの人 tl;dr コードゴルフにおいてショートハンドがよくつかわれますが、 ここでは可読性が高く、かつ文字数を少なくすることができるショートハンドを紹介します。 もちろん可読性が高いというのは、人によって基準が異なるので、ここで紹介するのはあくまでも個人的なものです。 使いすぎてはいけません。コーディング規約があればそれを遵守しましょう。 条件分岐 ifの省略 (三項演算子)

    「可読性を上げる」ために敢えてショートハンドを使う - Qiita
  • Find, customize & generate common SVG icons for your project

    Simple tool to find, customize and generate common SVG icons for your project

    Find, customize & generate common SVG icons for your project
  • JavaScriptでJSDocコメントを書くメリットとは - ICS MEDIA

    筆者が試したところ、開発環境としてWebStormやVS Codeがとくに優れており、ツールチップにJSDocコメントの情報がすべて表示されました。 ちなみにReactAngularなどのメジャーなJSライブラリにおいても、そのソースコードではJSDocコメントが使われています (例 : AngularReact)。APIが多岐に渡るJSライブラリを利用するとき、わざわざリファレンスをブラウザで開いたり解説書で調べることなく、コード上で関数の仕様を確認できます。 ▲描画ライブラリCreateJSのAPIを表示したもの JSDocコメントのメリット② APIリファレンスの生成 TypeDoc等のツールを使うことでコードのリファレンスドキュメントを作成できます。こういったJSライブラリのリファレンスはみなさんも一度は見たことがあるのではないでしょうか。 ウェブサイト案件のソースコードでAP

    JavaScriptでJSDocコメントを書くメリットとは - ICS MEDIA
  • あまり知られていない、アクセシビリティに効果があるHTML要素のまとめ

    HTMLは簡単だよ」という声をよく聞きます。 確かに、HTMLは他のプログラミング言語よりも習得が容易であると言うことに同意はしますが、軽く考えるべきではありません。 HTMLは強力なマークアップ言語です。Webアプリケーションに構造を与え、強力なアクセシビリティの利点を提供するために使用できますが、それは適切に使用された場合に限られます。中でも、あまり知られていないHTML要素を紹介します。 10 HTML Elements You Didn't Know You Needed by Emma Wedekind 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Audio要素 Blockquote要素 Output要素 Picture要素 Progress要素 Meter要素 Template要素 Time要素 Video要素

    あまり知られていない、アクセシビリティに効果があるHTML要素のまとめ
  • AMPのライブラリをjQueryの代わりに使う - Qiita

    みなさん、jQuery、使っていますか? 先日ウェブサイトの制作をある会社さんに発注したところ、jQuery満載のコードが納品されました。 「うわぁ…」ってなったんですけど、(主に発注ノウハウの)のいい勉強だなあと思ってjQuery排除のリファクタリングをしました。 リファクタリングしている中で、AMPのライブラリ便利だなあって思ったのでここにまとめます。 AMPとは? Googleが推進している高速なWEBサイト表示技術です。 詳しくはこちらをどうぞ。 https://www.ampproject.org/ AMPのUIライブラリは非AMPページでも使える AMPに対応するためにはいろいろ規則を守らなければなりませんが、それを守っていられない案件もあるでしょう。 しかし、AMPのための公式JavaScriptライブラリは、非AMP対応ページでももちろん使用可能です。 基はこれだけです。

    AMPのライブラリをjQueryの代わりに使う - Qiita
  • 旬の「ホタルイカ」をオイル漬けにしてみたら、やっぱり酒の肴に最高だった【魚屋三代目】 - メシ通 | ホットペッパーグルメ

    春ですね! ホタルイカも旬を迎えます。 ボイルされたホタルイカは、酢味噌でべても美味しいのですが「オイル漬け」にすると日持ちしますし、風味も良くなります。今回はクルミと一緒にオイル漬けにしてみました。 にんにくと粒胡椒を加えてさらに風味UP! ホタルイカはボイル済みですので、火も使わずパパッと出来ちゃいます。 そのままべてもよし、バゲットにのせてブルスケッタにしてもよし、これからの季節でしたら冷製パスタにトッピングするのもオススメ。旬のホタルイカ、ぜひお召し上がり下さい。 魚屋三代目の「ホタルイカのオイル漬け」 【材料】作りやすい分量 茹でホタルイカ(ボイルホタルイカ) 30個(1パック) くるみ お好みの量(無塩、有塩もお好みで) にんにく 2片(縦半分に切り、芯を取ってスライス) 粒胡椒 20~25粒くらい オリーブオイル(エキストラバージン推奨) 適量 作り方 1. ホタルイカは

    旬の「ホタルイカ」をオイル漬けにしてみたら、やっぱり酒の肴に最高だった【魚屋三代目】 - メシ通 | ホットペッパーグルメ