タグ 翻訳記事
人気順 5 users 10 users 100 users 500 users 1000 users2023年最新版: HTMLのheadの書き方、head内に記述する要素の総まとめ
2023/01/25
460 users
head
elements
head内
HTML
要素
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「HEAD」を紹介します。 HEAD: A simple guide to HTML <head> elements 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にラ... 続きを読む
翻訳記事: 私がシリコンバレーで3000万円の年収オファーをどうやって獲得したのか｜西嶋悠貴｜note
2022/11/04
190 users
シリコンバレー
Facebook
Yelp
Note
オファー
2018年のある時期、時間にすると一週間くらいの間に Google、Facebook、Amazon、Apple、LinkedIn、Yelp からソフトウェアエンジニアとして働くオファーを受けることができました。ここでは、私がこれらの会社と、どのように年収交渉をしたかを紹介します。 本記事は英語で書かれた How I negotiated a $300,000 job offe... 続きを読む
【翻訳記事】BDDの考案者が執筆した記事「テストについて話し合わなくてはならない」を翻訳しました！ - ブロッコリーのブログ
2022/10/13
155 users
目次
見どころ
テスト駆動開発
目的
BDD
目次 目次 はじめに（本記事の見どころなど） テストについて話し合わなくてはならない テストの目的 「うまくいかないかもしれないものは何ですか？」 なぜテストをするのですか？ この場合に限り…… テスト駆動開発 〜テストについて語る前に説明が必要です〜 テストについて話しましょう なぜすべてのテストを自動化し... 続きを読む
デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ | コリス
2021/09/14
207 users
コンバージョン
コリス
UIデザイン
ユーザー
テクニック
フォームを改善するUIデザインのテクニックを紹介します。 フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。 15 UI Tips for Better Forms by Jim Raptis 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト... 続きを読む
東京五輪にみる翻訳記事の危うさ(鴻巣友季子) - 個人 - Yahoo!ニュース
2021/07/12
119 users
コロナ禍
鴻巣友季子
紆余曲折
反対
原文
刺激の強い言葉を使いたがるマスコミIOC会長のトマス・バッハ氏も来日し、東京オリンピック、パラリンピックの開催予定日が近づいてきた。しかしコロナ禍で紆余曲折を経てきたこの東京五輪2020には、反対の声も強くある。 そうした経緯を反映しているのか、報道記事、とくに翻訳記事の見出しや本文中に、原文の意味や発... 続きを読む
知っておくと実装に役立つ！JavaScriptのテクニックのまとめ | コリス
2021/04/22
137 users
コリス
デベロッパー
実装
テクニック
ヒント
デベロッパーのコミュニティには、実装に役立つテクニックやヒントが満載です。その中から特に有用なJavaScriptのテクニックとヒントを紹介します。 8 JavaScript Tips & Tricks That No One Teaches ? by Garvit Motwani (@GarvitMotwani) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様... 続きを読む
技術的負債の生態 - maru source
2021/03/21
393 users
負債
生態
maru source
Jasper
参考
@t_wadaさんが翻訳されていた技術的負債の記事をあらためて読んでみたら非常に面白かった。公開当時、話題になったので読んだことがある人も多いと思う。 その翻訳記事を読みながら、Jasper（僕が開発しているGitHub用のIssueリーダー）のv1.0で技術的負債を返済したことを思い出した。そこで、その翻訳記事を参考にして... 続きを読む
フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと | コリス
2020/12/10
159 users
コリス
デベロッパー
ライセンス
上級職
転職
フロントエンドのデベロッパーが2021年に向けて何に注目すべきかを紹介します。 特に上級職や転職など、ステップアップを目指す人は要チェックです！ 10 Things Front-End Developers Should Learn in 2021 by Simon Holdorf 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得... 続きを読む
知っておくと便利なHTML5の機能、要素や属性のまとめ | コリス
2020/10/06
235 users
コリス
ライセンス
属性
下記
環境
今まであまり使用されていなかったけど、現在の環境では有用であるHTML5の便利な機能、要素や属性を紹介します。 10 useful HTML5 features, you may not be using by Tapas Adhikary 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに details要... 続きを読む
CSSを最適化してページの読み込み時間を高速化する方法 | コリス
2020/09/30
251 users
コリス
テクニック
大規模プロジェクト
ファイル
CSS
CSSを最適化して、ページの読み込み時間を高速化する方法を紹介します。 シンプルなCSSのファイルをはじめ、大規模プロジェクトで使用されるCSSまで、すべてのCSSに効果があるテクニックです。 Optimizing CSS for faster page loads by Tomas Pustelnik 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は... 続きを読む
あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
2020/09/22
316 users
たか
Qiita
リリース
最初
許可
こんにちは、たかとーです?? こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。 当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース（2008年1月）以来いくつかの機能を使用して... 続きを読む
画像の遅延読み込みにloading属性とJavaScriptを併用した最大限のパフォーマンスを発揮させる実装方法 | コリス
2020/09/10
251 users
iframe
コリス
アプローチ
loading属性
下記
画像やiframeの遅延読み込みに使用するloading属性と非サポートブラウザ用にJavaScriptを併用した現代的なアプローチで、最大限のパフォーマンスを発揮させる実装方法を紹介します。 Best way to lazy load images for maximum performance by Adrian Bece 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事... 続きを読む
CORSの仕組みをGIFアニメで分かりやすく解説 | コリス
2020/08/20
326 users
Cors
コリス
クロスオリジン
ライセンス
リソース共有
クロスオリジンのリクエストを安全にするための同一生成元ポリシーとオリジン間のリソース共有（CORS）の仕組みをGIFアニメで解説した記事を紹介します。 ✋?? CS Visualized: CORS by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 は... 続きを読む
Webページでよく使用されるレイアウトに役立つCSS Gridの実装テクニックのまとめ | コリス
2020/07/30
163 users
コンポーネント
コリス
実装
ライセンス
CSS Grid
CSS Gridを使用して、Webページでよく使用されるレイアウトやコンポーネントの実装で起きる問題を解決する実装テクニックを紹介します。 Modern CSS grid solutions to common layout problems by Kevin Pennekamp 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳して... 続きを読む
Reactのレンダリングに関する完全ガイド - Qiita
2020/06/22
320 users
Qiita
React
レンダリング
翻訳ツール
たくさん
この記事はComplete Guide to React Rendering Behaviorの翻訳記事になっています。 ご本人(Markさん)にも許可を頂いて翻訳しております。 こちらの記事がReactのレンダリングを理解する上で今までで一番体系的で一番分かりやすかったので、ぜひ紹介したく翻訳させて頂きました。 翻訳ツールにもたくさん助けてもらいな... 続きを読む
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説 | コリス
2020/05/19
477 users
async
await
コリス
Promises
GIFアニメ
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️? JavaScript Visualized: Promises & Async/Await by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コールバック地獄 Promis... 続きを読む
CSSでアイコンをテキストに揃えるのはこれで簡単になる！CSSの新しい単位「lh」「rlh」が登場 | コリス
2020/05/18
217 users
コリス
CSS
アイコン
テキスト
新しい単位
アイコンのサイズをテキストに揃えて配置する時、どのように実装していますか？ テキストのサイズぴったりにアイコンを簡単に配置できるCSSの新しい単位「lh」「rlh」が登場します。 'lh' and 'rlh' units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。... 続きを読む
【翻訳記事】デプロイ戦略の定義 - そこに仁義はあるのか(仮)
2020/03/18
243 users
仁義
翻訳
デプロイ戦略
定義
以下
この記事は2017/11の以下のブログ記事の翻訳です。 blog.itaysk.com まずはじめに、翻訳を快く許可していただいた@itayskさんに感謝いたします。 3年前の記事ですが、デプロイ戦略についてここまで網羅的にまとめられた記事が日本語で見つけられなかったので翻訳してみようと思いました。 初めての翻訳記事であり、かつ... 続きを読む
当社ペンタブレット製品によるデータ収集についてのお知らせ | News and Events | Wacom
2020/02/07
197 users
ドライバ
Wacom
プログラム
アメリカ
メディア
2020年2月5日にアメリカで掲載されたブログ記事および日本のメディアに掲載された翻訳記事をお読みになった方からお問い合わせをいただいております。 「Wacom Experience Program（ワコム・エクスペリエンス・プログラム）」において実施している、当社ペンタブレット製品のドライバによるデータ収集については、ご説明... 続きを読む
JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説 | コリス
2020/01/28
397 users
Chromiumベース
GIFアニメーション
ライセンス
Node.jsおよびChromiumベースのブラウザで使用されるJavaScriptエンジンの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ⚙️ JavaScript Visualized: the JavaScript Engine by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て... 続きを読む
JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説 | コリス
2019/12/25
124 users
ライセンス
GIFアニメーション
コリス
下記
各ポイント
JavaScript イベントループの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ✨♻️ JavaScript Visualized: Event Loop by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: イベント... 続きを読む
CSSを書くのが劇的に楽になる！ユーティリティファーストのCSSフレームワーク「Tailwind CSS」 | コリス
2019/11/28
278 users
ライセンス
フロントエンド
コリス
CSSフレームワーク
下記
日本でも、Tailwind CSSを使用する人が増えてきましたね。 フロントエンドの開発者がTailwind CSSを実際に使い始めたら、CSSを書くのが劇的に楽になった話を紹介します。 How I Stopped to Write CSS by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳... 続きを読む
クライアントサイドに基づいたWeb開発アーキテクチャ「JAMstack」がなぜ人気になっているのか | コリス
2019/11/05
60 users
クライアントサイド
JamStack
コリス
元ザ
下記
静的サイトジェネレーターが最近、非常に普及してきました。 それに合わせて注目されているのが「JAMstack」です。JAMstackとは何なのか、なぜJAMstackが人気になっているのかを紹介します。 Why JAMstack is Becoming so Popular by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サ... 続きを読む
CSSのメディアクエリ「prefers-color-scheme」でダークモード対応にする方法と注意点 | コリス
2019/10/29
52 users
prefers-color-scheme
コリス
CSS
iPhoneやAndroidでもダークテーマが採用され、ダークモードに対応するWebサイトやスマホアプリが増えてきました。 ほんの数行のCSSのみでダークモードに対応する方法と注意点を紹介します。 Dark mode in a website with CSS by Tom Brow 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にラ... 続きを読む
意外と知られていない、CSSで文末を3点リーダーで省略表示するline-clampプロパティの効果的な実装方法 | コリス
2019/08/30
217 users
コリス
文末
CSS
省略
ライセンス
テキストを省略表示する際に、文末を3点リーダーにするline-clampプロパティの効果的な実装方法を紹介します。数行のスタイルシートで、簡単に実現できます。 line-clamp 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 line-clampプロパティとは line-c... 続きを読む