機械の立体図をフリーハンドでとんでもなく上手に描く人が製図のテクニックを解説「恐ろしいレベル」「弊社に欲しい」
リンク はたらこねっと よく解る！CAD【職種図鑑】 CADのお仕事内容や必要なスキルはもちろん、未経験でも働けるのか、どんな人が採用されやすいかなど、採用担当者の話を交えてご紹介！経験者の体験談もあるので、自分にあったお仕事かを吟味しましょう。 1 user 5
リンク はたらこねっと よく解る！CAD【職種図鑑】 CADのお仕事内容や必要なスキルはもちろん、未経験でも働けるのか、どんな人が採用されやすいかなど、採用担当者の話を交えてご紹介！経験者の体験談もあるので、自分にあったお仕事かを吟味しましょう。 1 user 5
つい最近、「人の話をちゃんと聞けない人」を「聞ける人」に変えるのは可能なのか、という話でディスカッションになった。 というのも、ある経営者が「お客さんの話を全く聞けないメンバーがいる」と愚痴をこぼしたからだ。 すると、周りの人々も、呼応するように、「いるいる」という。 その経営者の話を聞くと、おおむね次のような状況だった。 その人は、良く言われるテクニック的な「傾聴する姿勢を見せる」のは得意だという。 「聞き上手」のように、メモを取ったり、頷いたり、相槌を打ったりする。 人の話を遮ったりもしない。 しかし、同僚やクライアントからしばしば、次のようにクレームがあるという。 「あの人、全然話を聞いてないんだよね。」と。 具体的にはどのような事象でしょう？と聞くと、 「例えば、同僚から意見を求められても、「それでいいと思います」としか言えない。あるいは、クライアントが「この構成に対して指摘はあり
WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない
社会人として数年間働いている方でも「分かりやすい資料作りには自信がない」と言う方は多くおられます。体系的に資料の作り方を学ぶ機会が少ない上、資料を使った提案力は何年もかけて少しずつ磨かれるため、実は自信が持てなくて当たり前なのです。 私も働き始めの頃、先輩が分かりやすく美しい資料を作り、お客さまの心を動かしてコンペに勝ったり、お客さまから大きな信頼・共感を得たりする姿を見て、とても羨ましく思った記憶があります。 そんな20年以上前の自分を思い起こすと、経験が少ないがゆえに、資料作りで「つい、やってしまう表現」が沢山あったと感じます。この無意識のうちに「つい、やってしまう表現」は、資料の分かりやすさや見た目の美しさを阻害します。 この記事ではまず、なぜ人は資料を分かりにくくする手法を「つい、やってしまう」のか？という理由を探ります。その上で、ありがちな「つい」の事例と共に、ビフォー・アフター
Xの初学者のポストにて古の手法を教わっている方をよく見かけるので、2024年現在そのCSSテクニックはもう古いってものをいくつか列挙しました。 ブロックのセンタリングに margin を使うなら margin-inline:auto を使いなさいmarginを使ってブロックのセンタリングを行う際によく教わるのはmargin:0 autoあるいはmargin:autoでしょう。
iPhoneの文字入力スピードが「5倍以上」になる14のテクニック（All About） - Yahoo!ニュース
iPhoneのキー入力を素早く、効率的にするためのテクニックを紹介します。使いたいものから優先的に覚えていくようにしましょう。 iPhoneのキー入力を素早く、効率的にするためのテクニックをまとめました。いきなりすべてをマスターする必要はありませんので、使いたいものから優先的に覚えていくようにしましょう。 ひとつひとつは大した効率化にはなりませんが、塵も積もればなんとやら。小さな時間の短縮が、やがて大きな労力の節約に繋がりますよ。
知っておくと便利なGoogle検索のテクニック
ググることは、すべてのデベロッパーにとって最も重要なスキルの1つです。知っておくと便利なGoogle検索のテクニックを紹介します。 完全一致の""はよく使用しますが、..や*は知りませんでした、便利ですね。他にも便利なのがあれば、ツイートなどで教えてください。 Use Google like a pro by Marko Denic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 以下に紹介する方法は、それぞれを組み合わせて使用することもできます。 "what is javascript" Google検索でキーワードをダブルクォーテーション（""）で囲むと、完全一致検索をします。
「その場しのぎ介護」っていうやつで「怒り出して人の話聞けなくなった認知症のじいちゃんの前でいきなり万歳三唱する」というテクニック紹介してた
ねえね 猫の座布団 @Doragonsyoten 以前テレビで見た「その場しのぎ介護」っていうやつで「怒り出して人の話聞けなくなった認知症のじいちゃんの前でいきなり万歳三唱する」というテクニック紹介してたのを見たことがある。本人最初は驚くけど三回目にはつられて一緒に万歳してて前のことは忘れるんだと。 2020-02-13 09:22:52
ワーキングメモリを消費しない料理テクニック
ワーキングメモリを消費せずに簡単に料理できるテクニックを書いとくよ。 あえて具体的に書いてるけど慣れてきたらアレンジしたら良いよ。 １．作業時間を減らす ◆休日にスーパーでこれを買う 野菜：ジャガイモ2個、人参1本、タマネギ2個、しめじ1袋、 肉：鶏もも（約8個 約250g）、豚バラ薄切り（約9枚 約270gくらい） ジップロック的なのMサイズ10枚くらい入ってるの ◆冷凍素材を作って冷凍保存 野菜はカットして、下記の分をジップロックに入れて冷凍庫。4袋できる。 ・じゃがいも1/2 ・人参1/4 ・玉ねぎ1/2 ・しめじ1/4 鶏もも 2個ずつでサランラップに包んで冷凍 4個できる 豚バラ 3枚ずつでサランラップに包んで冷凍 3個できる これで4回分のスープ具材セットの完成。 カレー、シチュー、豚汁、ポトフ、クラムチャウダーあたりはこれでできる。 鍋キューブ使えば、鍋ができる。 肉は料理に
“ダブルスイカ” を4回達成し、元総合スコア1位（7355点）のランカーが『スイカゲーム』を完全解説！ スイカの作り方から、整地する技術や時差置きなど上級テクニックまで紹介
初級編（始めたばかりでまずはスイカを作りたい方向け） 冒頭でも触れたとおり『スイカゲーム』は同じ種類のフルーツを組み合わせ、少しずつ大きなフルーツに進化させていくゲームです。フルーツの種類は、チェリー・イチゴ・ブドウ・デコポン・柿・リンゴ・梨・桃・パイン・メロン・スイカの11種。始めたばかりだと、これらのフルーツを「どこに置いて進化させればいいかわからない」のではないでしょうか。 闇雲に置いてしまうとデカ玉【※1】同士がつかなかったり、小物【※2】が散乱して取り返しがつかなくなるので、そうならないようにコツをいくつかご紹介いたします。 デカ玉と小物はそれぞれセットで考える 落ちてくるフルーツを「大きい」or「小さい」で選別していけば、小物があまってしまうようなことが少なくなります。 具体的にはデコポン・柿・リンゴ・梨・桃・パイン・メロン・スイカを「デカ玉」、チェリー・イチゴ・ブドウを「小物
就活はテクニック
anond:20200620060214 ・その人本来の人間性は関係ない。重要なのは面接官からどう見られるか。陰キャラなのに内定もらえる奴は、面接のときだけはっちゃけている。ソースは俺。 ・面接は良くも悪くも茶番。30分の面接3,4回でその人の人間性がわかるわけがない。論文の担当箇所を仕上げてこなかったAさんだって、論文の担当箇所を仕上げなかった話を自分からすることは無いだろう。 ・面接はその人間の表面しか判断できない茶番である上に、その表面ですら、なんとなく元気がありそうとか、なんとなく論理的に喋っているっぽいとか、なんとなく真面目そうとか、そんなことしか見られない。逆手に取れ。 ・面接はとにかく元気。元気が一番。ノックして「失礼します」って言うときの印象で2割くらい決まる。アホ丸出しのデカい声で挨拶しろ。面接は演劇。 ・面接はとにかく笑顔。葬式みたいなツラで行くやつがいるけどそれだけは
今回の記事では、ChatGPTを使うなら使っていて当然のテクニックを7つ紹介します。 ChatGPTが話題になって数ヶ月が経ち、使いこなすための情報が溢れまくりです。 そんな中で、「これだけは抑えておけっ！」っていうのをピックアップしました。 ChatGPTの周辺知識を抑えておきたい！という人にとっては必須級の内容になってますので、ぜひ最後までお読みください！ なお弊社では、生成AIツール開発についての無料相談を承っています。こちらからお気軽にご相談ください。 →無料相談で話を聞いてみる 深津式プロンプト ChatGPTを使うならまずはじめに知っておくべきテクニック、深津式プロンプト！ note株式会社 CXOである深津貴之さんが考えられたプロンプトの書き方の一つです。 命令、制約条件、入力を明確に分けるのがポイント！ こうすることで、ChatGPTからの回答精度がアップしやすくなります！
JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。いずれの処理も数年前から開発の現場で使えるので、この機会に知識をアップデートしましょう。 本
Python自然言語処理テクニック集【基礎編】
自分がよく使用する日本語自然言語処理のテンプレをまとめたものです。 主に自分でコピペして使う用にまとめたものですが、みなさんのお役に立てれば幸いです。 環境はPython3系、Google Colaboratory（Ubuntu）で動作確認しています。 Pythonの標準機能とpipで容易にインストールできるライブラリに限定しています。 機械学習、ディープラーニングは出てきません！テキストデータの前処理が中心です。 前処理系 大文字小文字 日本語のテキストにも英語が出てくることはあるので。 s = "Youmou" print(s.upper()) # YOUMOU print(s.lower()) # youmou 全角半角 日本語だとこちらのほうが大事。 全角半角変換のライブラリはいくつかありますが、自分はjaconv派。 MIT Licenseで利用可能です。 import jaco
スーパーの自動精算機での会計の時短かつ小銭がまとまるかもしれないテクニックが話題に「天才あらわる」「早速やってみよう」→ただし注意点も
まっぴぃ@MAPPY-$ @mappydollar 最近、スーパーで自動精算機の導入されてるとこ多いじゃないですか？ 前にとある店の店長さんから聞いた話で ｢金額見て小銭入れてる人多いんですけど、財布にある小銭全部入れてから不足分の札を入れてみてください。そうすれば小銭がまとまりますから｣ と言われて以来そうしてる、とっても便利 2019-10-27 18:09:18 まっぴぃ@MAPPY-$ @mappydollar 先に精算機で会計見ながら小銭選んでるお姉さんの横の精算機に後から入って、金額も見ずノータイムで財布の全小銭投入して札入れてさっさと会計済ませて離れる瞬間、まだ精算終わってなかったお姉さんに凝視されたｗ どうぞライフハックしてくださいませｗ 2019-10-27 18:15:41
AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。 「これどうやる？」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集 ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。 ユーザーの視線を奪うアニメーションやレイアウ
うま味調味料は使い方がわかりにくい調味料で、家にあるけど何年も戸棚にしまいっぱなしというケースも多いと思います。外食産業の現場では昔から使われていますが、その使い方が経験則的に伝わっていることが多く、体系化されてないことが原因でしょう。 はじめに結論を述べてしまうとうま味調味料は家庭では使いづらい調味料です。よく「味の素を入れると同じ味になる」のような意見を聞きますが、それは入れ過ぎです。業務用のようにつくる量が多ければそうした事態は起きづらいのですが、家庭では一回につくる量が少ないので、ちょっと入れ過ぎるとわけがわからない味になってしまいます。もちろん入れ過ぎを回避するテクニックもあるので、今回はそれらも紹介していきます。 うま味調味料はサトウキビの糖蜜を微生物発酵させてつくった調味料。うま味成分である昆布やトマトにも含まれるグルタミン酸ナトリウムを主成分としたものです。うま味調味料とい
Visual Studio CodeでWeb制作・開発のコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニックを紹介します。 My Web Development VS Code Settings, theme, Extensions, tips and tricks br lampewebdev(@lampewebdev) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 私がVSCodeを使用している理由 VSCodeのテーマ・アイコン・フォント VSCodeの機能拡張 VSCodeの設定 VSCodeの便利な使い方 私がVSCodeを使用している理由 私はプログラミングを始めて以来、たくさんのエディタやIDEを使ってきました。Eclipse、Netbeans、Notepade ++、Brackets Ed
仕事で差をつけるChatGPT活用術。初心者でも使えるスゴいテクニックを達人に聞く - ミーツキャリアbyマイナビ転職
業務効率化に一役買ってくれると話題の「ChatGPT」。 今や「大学生の4人に1人が就活でChatGPTを使っている」といったデータもあり、リリース当初はあまり興味のなかった方でも、最近は「自分の仕事でうまく使えたりしないかな？」なんて考える機会も増えてきたのではないでしょうか？ ただ、ChatGPTが作業をどこまで効率化してくれるのかはまだまだ未知数です。時間を食う資料の作成やExcelの集計作業などをまるっとお任せできたらうれしいけど、思うようなアウトプットが得られず手間が増えたら、本末転倒な気もしますよね。 それに、ChatGPTの生成データをめぐっては、権利関係や内容の中立性・正確性などの側面で一部懸念の声も挙がっています。業務内での利用を禁止する企業や、自身のコンテンツを「学習・流用」されないよう自衛措置を講じるクリエイターも存在します。使用にあたってのルールも、完全に整っている
CSSの中央揃えで、最も万能で信頼できる実装テクニック
CSSは進化が早く、中央揃えのテクニックも一昔前のものよりも確実に使いやすくなっています。天地左右の中央に要素を配置する際に、要素の幅や高さが可変だったり、要素の数が増えても対応する最新の実装テクニックを紹介します。 現在主流の5つのテクニックからそれぞれの特徴と最も万能で信頼できるテクニックを評価します。 Centering in CSS by Adam Argyle 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. Content Center 2. Gentle Flex 3. Autobot 4. Fluffy Center 5. Pop & Plop 中央揃えに最適なテクニック はじめに CSSの中央揃えは、ジョークの対象にもなる悪名高い課題でした。しかし今日ではCSSはすべて進化し、素直にこれらのジョー
モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。 この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。 上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここでは、plae-items: centerを使えば、思ったよりに簡単に実現できます。 まず、display: gridを記述したら、一緒にplace-items: centerを同じ要素に追加します。place-itemsは、align-itemsとjustify-itemsを同時にスタイリングできる簡略化表記、ショートハンドです。centerに設定することで、align-itemsとjustify-itemsの両方がcenterとして設定されます。 .paren
ヴェレ @vere_oku Twitterで夫をゲットした方法 ①彼女いないかチェック ②全ツイート(数万件)を5回読む ③言及してる学者芸術家の作品に触れる ④彼の専門分野の本を全て買って読む ⑤外見を彼好みに変更 ⑥好きな食べ物を作れるように練習 ↓ ⑦彼女欲しいとかツイートするのを待つ ↓ 突撃し猛アピールしゲット！！ 2019-07-10 02:21:22 ヴェレ @vere_oku ⑦がなかった場合、 全ての時間が無駄になるとのコメントをたくさんいただきましたが、そんな事はありません。 ②③④は今でも自分の財産です。 これのおかげで得した事も多いです。 つまり、フラれても勝ちで終わります。 2019-07-10 17:08:02
2021年、最も注目されたUIデザインのテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン＋8ptグリッド＝調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行
昨今のフロントエンドのCSS開発においては、タスクランナーやフレームワークの活用により煩雑なベンダープレフィックスの付与を意識する必要がありませんし、IE11のサポート終了により実戦に投入できるCSSプロパティも格段に増えました。 たった数行の記述で複雑な機能が実装可能だったり、再現が難しかったデザインへも対応できるようになったことは喜ばしいことです。 そこで今回は有名サイトで実装されているそんな最新のCSSテクニックをあらためて確認してみたいと思います。
人生の上級テクニックとして「数手先を読んで、相手を悪人にするようなルートを避ける」というのがある→ 夫が結婚記念日を忘れていそう、さてどうする？
砂鉄 @satetu4401 人生の上級テクニックとして「数手先を読んで、相手を悪人にするようなルートを避ける」というのがある 例えば、夫が結婚記念日を忘れていそう。これまでの経験からプレゼントに望みの物が来る可能性が低い。なら事前に「もうすぐ結婚記念日ね、私欲しいものがあるから買って欲しいんだけど」と言う 2023-10-27 00:19:11 砂鉄 @satetu4401 そうすることで、夫を「結婚記念日を忘れた悪人」「変なものを送り付けてくる悪人」にするルートを回避して「結婚記念日に理想のプレゼントをくれる素敵な夫」にするわけだな このテクニックを持ってない人間は、どんなに優れた能力を持っていても、一生無駄に戦い続けて能力を浪費する事になる 2023-10-27 00:21:04
アイデアをいつもと異なる視点で捉える本連載、前回は、箱法というツールを使って、「連想」からアイデアの量を増やす方法を紹介しました。 今回は「反対」のテクニックを使って、アイデアの質を高めていきます。 反対は、反対の属性を持つ単語を思い浮かべる思考の技術です。「熱い」の反対は「冷たい」、「善」の反対は「悪」など、対義語も反対の一部です。とても基本的なことなので、日常的な単語ならば反対を容易に思い浮かべられると思うかもしれません。 では、「リンゴ」の反対、または「コンピュータ」の反対は何でしょう？ 簡単に答えが出てこなかったり、正解かどうかの自信がなかったり、少し難しさを感じたのではないでしょうか。 本記事では、反対の定義や、言葉によって反対を考える難しさの違いがある仕組み、反対の考え方を深く掘り下げて説明します。 反対とは何か 反対は、単語の対義語を新たに考えるような行為であり、連想の一部で
今日は「GitLabで学んだ最高の働き方」ということで発表していきたいと思います。 私、伊藤と佐々木はGitLabでソリューションアーキテクトをやっている者です。 GitLabは、オンプレミス用のソフトウェアと、GitLab.comも長年やっておりますのでぜひ使ってください。去年めでたく上場しましたので、さらにいろんな機能を追加して強力なDevOpsプラットフォームとして展開していきたいと思っています。 このセッションで共有したい内容の背景、これは個人的にGitLab社に参画した理由のひとつでもあるのですが、製品が魅力的であることともうひとつ、GitLabはご存じの通り、ご存じない方もいるかもしれませんが、従業員全員がリモートワークをしている企業です。 そこなら最先端のやり方での働きができるのではないか、という仮説が私の中にありまして、入社しました。 で、実際どうだったかというと、はい、最
高さいっぱいに表示したい時、古くはheight: 100%;、そしてmin-height: 100%;で実装していたと思います。現在ではビューポートの単位min-height: 100vh;が使用できるようになりました。 しかし、iOSでは100vhを使用してもアドレスバーが表示されていると下がその分隠れて表示されてしまい、高さいっぱいになりません。JavaScriptを使用するというやり方もありますが、CSSのみで対応できるので、そのCSSを紹介します。 Chromeにも対応しています。
Webサイトやアプリをレスポンシブ化するためにメディアクエリに頼っているのであれば、CSSの機能を見直して、昔ながらのブレークポイントを新しい流動的なアプローチで実装ができないか検討する時期かもしれません。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。grid, flexbox, vh, vw, calc, clamp, min, maxなど、CSSの機能を使用してレスポンシブ対応にするテクニックを紹介します。 You Probably Don't Need Media Queries Anymore by Kathryn Grayson Nanz 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 大局的なgridとflexbox 活躍するCSSのプロパティ 完全に機能するCSSの数学関数
デザインは奥が深いですね。 Webサイトでよく見かけるUI要素のデザインに一手間加えるだけでぐっとよくなる、ディテールにこだわった素晴らしいデザインのアイデアをTailwindCSSで実装するテクニックを紹介します。
FlexboxとCSS Gridの使い分け方、よく見かけるUIコンポーネントをFlexboxとGridで実装するテクニックのまとめ
FlexboxとCSS Gridのどちらを使った方がよいか悩んだことはありませんか？ FlexboxとCSS Gridの使い分け方、それぞれの違い、Flexboxの実装例、CSS Gridの実装例、FlexboxとCSS Gridを組み合わせた実装例、フォールバックと古いブラウザのサポート方法を解説します。 Grid for layout, Flexbox for components by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS GridとFlexboxの違い CSS GridとFlexboxの使い分け方 CSS Gridの実装例 Flexboxの実装例 CSS GridとFlexboxを組み合わせて使用する フォールバックと古いブラウザのサポート CSS GridまたはF
ブラウザ上でデバッグするときに使えるテクニック
ウェブ上でJavaScriptを実行してバグが発生した場合、ブラウザに内蔵されている開発者ツールを使ってデバッグすることがよくあります。そうしたブラウザでのデバッグにおいて役立つテクニックをNetflixでフロントエンドの開発に携わっているアラン・ノルバウアーさんがまとめています。 67 Weird Debugging Tricks Your Browser Doesn't Want You to Know | Alan Norbauer https://alan.norbauer.com/articles/browser-debugging-tricks ◆高度な条件付きブレークポイント 開発者ツールの「ソース」タブにはデバッガーが用意されており、JavaScriptの任意の行にブレークポイントを設定することで実行を一時停止して変数やコールスタックの中身を確認できます。ブレークポイントを
ページのレイアウトやUIコンポーネントを実装する時に、フロントエンドのデベロッパーはいろいろなことを考えます。スクリーンのサイズが小さい時はどうなるのか、デザインでは中央配置に見えるけど実装はどうすべきか、要素が少ない場合や多い場合があるのか、max-やmin-を定義した方がよいのか、、、 フロントエンドのデベロッパーはCSSでレイアウトを実装する時に何を考えるか、その思考プロセスを言語化した解説記事を紹介します。 下記は、頭の中のメガネで見える実装のイメージです。 Thinking Like a Front-end Developer by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに デザインのディテールは脇に置いておく 配下ページのレイアウトを実装する時に考えること ディテールを掘り
Rootport🍽 @rootport 作家・マンガ原作者。／好きな言葉は「群盲撫象」／TIME誌「世界で最も影響力のあるAI業界の100人」選出／Blog→rootport.hateblo.jp ／マシュマロ→marshmallow-qa.com/rootport youtube.com/channel/UCp6RK… Rootport🍽 @rootport 「フィクションの物語が〝倫理的〟である必要はない」という意見には全面同意なのですが。一方で、「観客／読者の平均的な倫理観に近いキャラ」を登場させて、周囲の非倫理的なキャラにツッコミを入れさせると感情移入を誘いやすくなる…というテクニックがあったりします。「モラルセンター」と呼ぶ。 2022-09-24 01:01:00 Rootport🍽 @rootport 『ブレイキング・バッド』は非倫理的で非道徳的な物語ですが、メインキャ
TypeScriptではじめるChatGPT API：入門から一歩進んだテクニックまで - Uzabase for Engineers
NewsPicks エンジニアの中村です。普段はデータ基盤や機械学習システムの開発、運用をやっています。 さて皆さん、すでにChatGPTは使っていらっしゃるでしょうか。エンジニア、非エンジニアを問わず世の中を席巻している感のある ChatGPT ですが、今月初めにいよいよ API も公開されて、アプリケーションやサービスに組み込みたいと考えている方も多いのではないでしょうか1。 というわけで、弊社でもこの新しい技術をより多くのエンジニアに使いこなせるようになってもらいたいと考え、ChatGPT API に関する社内勉強会を先日開催しました。本記事ではこの勉強会の内容を再構成してお届けします。 とりあえず使うだけなら簡単な ChatGPT ですが、本記事では、長文を扱ったり、ChatGPT と外部のシステムを連携させたりするテクニックなど、知っている人はすでに知っているが、まだそれほど広く
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「人の話をちゃんと聞けない人」の問題は、意識とかテクニックだけでは解決できないかもしれない。
UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ
パワポ資料で「つい、やってしまう失敗」から学ぶ！ガチ改善テクニック14選
Manabu on Twitter: "アフィリエイトの上級テクニックです😌 海外ツイートを読んでいたら、めちゃくちゃ有益な方法を見つけました。方法は簡単なので、下記にて解説します。なお、僕はSEO歴が「10年」を超えますが、このノウハウは「価値あり」だと思いました"
あなたが教わってるそのCSSテクニックはもう古い ｜ TAKLOG
「Gmail」の不要メールを大掃除！ Googleのストレージを取り戻すテクニックが話題に／GB単位で空きストレージを増やせるかも【やじうまの杜】
ChatGPT使うなら知っていて当然のテクニック7選！！ | WEEL
配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
【CSS】「これどうやる？」アップルやテスラのWebレイアウト再現テクニック集
うま味調味料のテクニック｜樋口直哉(TravelingFoodLab.)
VSCodeでコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニック
たった1行のCSS！よく見かけるWebレイアウトを実現する凄技テクニック10個
ツイッターで夫をゲットした女性が明かすテクニックが半端ない…「戦略爆撃機みたい」「策士過ぎる」の声
有名サイトで使用されているCSSテクニックまとめ - Qiita
元任天堂開発者が解説 「反対」のテクニックを使ってアイデアの質を高める
GitLabで学んだ最高の働き方。気持ちよく働くための組織と個人のテクニック（前編）。デブサミ2022
これからはこの実装がオススメ！ iOSの100vhでアドレスバーがあっても高さいっぱいに表示するCSSのテクニック
CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ
TailwindCSSで、最近のWebサイトでよく見かけるUI要素をデザインするCSSの実装テクニックのまとめ
【Mac Info】 「Mac使用中の遅さ」を解消する“正しい”高速化テクニック
Excelを使って複数のフォルダーを一括作成するウラ技 ～月別フォルダー作成が捗る！【残業を減らす！Officeテクニック】
これぞプロの実装テクニック！フロントエンドのデベロッパーはCSSで実装する時に何を考えるか
倫理観のぶっ飛んだキャラに対してツッコミを入れさせる「モラルセンター」というテクニック…思い浮かぶ作品やキャラ多数
悪質ホストの"研修教材"入手、女性を沼らせ「売掛」吊り上げる恐るべきテクニックとは？ - 弁護士ドットコムニュース
