保守性の高いソフトウェアの開発に役立つ様々なTipsを書いた。 特定の言語にとらわれずあらゆる場面で役立つことを集めた。
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
保守性の高いソフトウェア開発のTips集
保守性の高いソフトウェアの開発に役立つ様々なTipsを書いた。 特定の言語にとらわれずあらゆる場面で役立つことを集めた。
いざという時に使える13のHTML&CSS Tips集Update2023.05.12Release2023.04.13Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する いざという時のために覚えておくと便利なHTML＆CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。 テキストの円形回り込み See the Pen shape-outside by Kobayashi (@Pulp_Kobayashi) on CodePen. 円形の画像の縁に沿ってテキストを回り込ませるCSS Tips。実際には画像の縁を判定して回り込んでいるのではなく、shape-outsideプロパティを使用し、circle(50%)を指定することで、要素の回り込みの形状を円形にしています。 CS
draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3 年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。 「こんな使い方あるよ！オススメだよ！！」という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。 ツイッター公式アカウント 公式ブログ ショートカット ショートカット集です。机の上に置いて覚えましょう。 Line / 線 まずは最も頻繁に使う Line(線)の使い方からご紹介します。 矢印をまっすぐに揃える ちまちまと矢印の線をドラッグして微調整し
TypeScriptのTips集
この記事は TypeScript Advent Calendar 2020 の 17 日目です。 今回は TypeScript のTipsをいくつかあげていきたいと思います！ 割と基本的なものが多いので、普段から TypeScript をがっつり書いている方に取ってはすでに知っているものが多いかもしれません。ただ、意識しないとあまり使わなかったり、TypeScript の経験がない方に取っては新鮮なものもあるのでは？と思ったので書いてみました。 keyof オブジェクトのキーを union 型に type Post = { id: number; title: string; content: string; }; type PostKey = keyof Post; // type PostKey = "id" | "title" | "content" const sortBy = <
TypeScriptを用いた開発では、その型システムを活かしてランタイムエラーを事前に防いだり、実装漏れを防いだりとコードの安全性の向上を図ることができます。 本記事では、個人的に知ったおかげでコードの安全性が増した！と感じたtipsをまとめました。 ※ なお、linterを用いたコードの安全性向上も非常に有効ですが、この記事では主にTypeScriptの型システムに焦点を当てています。 tips集 配列周りのtips まずは配列を扱う際に役立つ、tipsを紹介します。 配列からUnion型を作成する ↓のように(typeof array)[number]で配列の全要素を持つUnion型を作成できます。 const fruits = ["apple", "banana", "lemon"] as const; type Fruit = (typeof fruits)[number]; //
概要 JavaScript/TypeScriptを書く中で、自分自身の気づき、他の方から頂いたアドバイスをメモとして残してきました。 その中で、使用頻度が高そうで、知っていれば誰でも簡単に実践できる物を抜粋して記事にしました。 ですので、主にJavaScript/TypeScriptの使用歴が浅い(プログラミングの歴が浅い)方向けに少しでも参考になれば幸いと考えています。 (※JS/TSに限った事では無いものも含まれます。また、こちらに記載した記法が必ずしも優れていると言うわけではありません。本記事はあくまでも、JS・TSを利用した際にこんな記法もあるよという紹介が主要点です。) 早期returnを利用する 条件を満たす場合に直ぐに return することで、コードのネストを減らし、コードの見通しを良くするテクニックです。 簡単な例としまして下記のコードが、 const checkNumb
業務で使えるかもしれない…！？GitHub Actions の Tips 集 / CI/CD Test Night #7
https://testnight.connpass.com/event/311263/
ビルドサイズ限界まで絞りたい人向け。 あらゆる環境で実践するものではないが、知ってたら簡単に避けることができるのもあるので知っておくと便利なTIPS書いていく。 基本ポリシー 未使用コードはビルド時に全部落とす。 何が未使用コードで、何が定数かわかるようなインターフェースを人間が心がける。 用語 Dead Code Ellimination(DCE) Rollup や Terser で、未使用コードを削除すること
プログラマ、テスト駆動開発者 和田卓人 学生時代にソフトウェア工学を学び、オブジェクト指向分析/設計に傾倒。執筆活動や講演、ハンズオンイベントなどを通じてテスト駆動開発を広めようと努力している。『プログラマが知るべき97のこと』（オライリージャパン、2010）監修。『SQLアンチパターン』（オライリージャパン、2013）監訳。『テスト駆動開発』（オーム社、2017）翻訳。『事業をエンジニアリングする技術者たち』（ラムダノート、2022）編者。テストライブラリ power-assert-js 作者。 日本におけるテスト駆動開発（以下、TDD）のエバンジェリストとして知られる和田卓人さん。TDDが世に出て20年あまりが経ち、開発者の間でその名が広がっています。その一方で、和田さんは「TDDの本来の意味を知らなかったり誤解したりしている人たちもかなり増えている」といいます。 今回は、TDDは本質
対象 業務レベルでサーバーサイドでJestを書いたことはないけれど、新プロジェクトでは書くことになったみたいな方を想定して記述しています。 Jestについては中々ベストプラクティスが集まりにくいので、経験的にこう書くと「きれいに」・「早く」・「正確に」書けるよというTipsを集めてみました。もし、よろしければお読みください。 前提 TypeScript Node.js Jest DBアクセスありの状態を想定しています 1. it文内では、必ず1回は、expectをつかって検証をする JestのPRをレビューしてるとたまに見受けるのですが、expectを使ってないケースがあります。 // NG it('userを正常に、作成できること', async() => { await createUser({ name: 'Mike' }); }); // OK it('pdfが正常に削除できること
Webクリエイター 小林さんのCSS TIPS集
小林 I Webデザイナー @pulpxstyle 現場で使用してきたHTMLやCSSのTipsをモーメントにまとめました。フリーランスの私がこれまでの制作で実際に使用してきたもののみ紹介してます。 あなたの現場でも使えるものがあると思いますので、ぜひご利用ください！ ⚡️ "現場で使えるHTML&CSS Tips ①" twitter.com/i/moments/7819… 2020-04-09 09:35:06 小林 I Webデザイナー @pulpxstyle ダークモードを適用する時は『prefers-color-scheme:dark』とメディアクエリで指定する。 アプリのダークモード化が進み利用者は多い。サイトのニーズも増える可能性があるので是非おさえておきたい。 実際にコーディングしてみましたが予想より工数が多いので、予算は別途必要になりそうですね。 pic.twitter.
この記事の趣旨 筆者（@yuzutas0）がプレゼンテーション資料作成をアシスタントに代行してもらうにあたって「こういう点に注意してほしい」という項目を列挙した。 自分のために書いた記事ではあるが、筆者と関わりがない方も、ぜひスライド作成の参考にしていただけると幸いだ。 もくじ この記事の趣旨 もくじ 背景 免責・参考資料 必読書 Tips 01: キーメッセージ Tips 02: コンセプト Tips 03: アウトライン Tips 04: PREP法 Tips 05: 免責事項 Tips 06: 自己紹介 Tips 07: 1スライド・1メッセージ Tips 08: 余白とグルーピング Tips 09: 余計な要素を削ぎ落とす Tips 09: 箇条書きではなく図や表にする Tips 10: x軸とy軸の慣習に従う Tips 10: カラーの慣習に従う Tips 11: カラーは6色ま
HTMLに味付けするためのバニラJS tips集
ReactやVueを使わずに、素のJavaScriptでDOM操作する時のやつです。 何度も同じようなことをググって時間を溶かしていたので、よく使うやつをまとめてみました。 要素の取得 // 最初に見つかった要素1つを取得 document.querySelector("#hoge-id"); //[object HTMLElement] document.getElementById("hoge-id"); //[object HTMLElement] //条件に合う要素を全て取得 document.querySelectorAll(".hoge-class"); // [object NodeList] document.getElementsByClassName("hoge-class"); // [object HTMLCollection] Array.from(documen
日本赤十字社 @JRCS_PR 日本赤十字社は、中立・公平などの基本原則に基づき人道支援活動を行っている世界191の国と地域にある赤十字・赤新月社のうちの一社です。国内外の災害救護をはじめ、苦しむ人を救うために幅広い分野で活動しています。ご質問へのリプライはしていませんので、お問い合わせなどはWebサイトからお願いします。 jrc.or.jp 日本赤十字社 @JRCS_PR 【３月を災害に備えるきっかけに】 Twitterでできる、防災がある。 あなたの投稿・RTが1回につき100円の寄付に。 ▼寄付方法▼ ① #あなたの備えがみんなの備えに をつけてあなたの備えをツイート ②このツイートをRTするだけでもOK ③賛同企業から100円が日本赤十字社の活動に寄付されます
こんにちは！ エージェンシー事業部でアプリケーションエンジニアをしている23新卒の森田です！ 4,5年前に Atom から VSCode に乗り換えてすっかり VSCode のことを相棒だと信じ、もう知らぬことはないとそう思っていました。 しかし、今年エンジニアとして業務で VSCode を使用していると、「あれっ、そんなこともできるの？」と日々相棒の新しい機能を発見しています。 完全に理解したと思ったところからさらに新しい面に気づかせてくれる VSCode は最高の相棒ですね！！ そんなところでこのブログでは、VSCode を完全に理解した VSCode 初心者の僕が、VSCode やっぱわからん VSCode 中級者になるために使いこなす必要がありそうだなと思った機能の Tips 集をご紹介します。 筆者の環境は以下のとおりです。 Mac Apple シリコン Ventura 13.3
Help us understand the problem. What is going on with this article? 概要 2020年向け 開発者向けブラウザ拡張機能９選 の初っ端で紹介されているRefined GitHubを見て、即導入したら圧倒的なGithub体験を得られたのでそれを紹介します。 使いながら気づいたことを主に書いてるので、定期的に追加するかもしれません。 本記事はRefined GitHubのChrome版(v19.10.13)で動作を確認していますが、基本的にはFirefox版でも問題ないと思います。 リアクションにユーザアイコンを追加 Adds reaction avatars showing who reacted to a comment コメントに対するリアクションがある場合、誰が押したのかをオンマウスすることなくユーザアイコンで確認すること
こんにちは。こちらはLinc'wellアドベントカレンダーの24日目です。 最近 figma を使い始めたのですが、私はキャリアとしてはフロントエンドエンジニアとしての歴が長く、何か実現したいデザインが頭に思い浮かんだ時、思考としては 「display:flex の justify-content:space-between なレイアウト作りたいんだけどな〜」とCSSでイメージしてしまいます。 きっと同じ「CSSで言ってくれないと分かんない」という方もいらっしゃるのではないかと思ったので「CSSで言うこれはこんな感じで作る」という情報が役に立つのではないかと思い、今回筆を取りました。 ※ この記事は最初のとりあえずの索引としては有効だとは思いますが、真面目に入門する際には figma の公式チュートリアル動画を一通り手を動かしながら見ることをオススメします。この記事で書いていることは大体カ
shellスクリプトで学ぼう！プログラミングがちょっと上手になる（かも）Tips集！！ | DevelopersIO
こんにちは(U・ω・U) AWS事業部の深澤です。 さて皆さん、いざプログラミングをしようとしてもなかなかテストがしにくいとか、良い書き方ないかな〜って感じたりしませんか？出来上がったソースコードを数ヶ月後の自分が読んでみて、「あれ？この処理って何してるんだっけ？？」って思うのもよくあることです。また中には実際にスクリプトをbatch処理で使おうとしているけど、どんな風に書いたら良いか悩んでいる方とかいらっしゃるのではないでしょうか。今回は僕が運用の中で学んだ「こう書くと良いんじゃない」というTipsを書いて見ました！今回はshellスクリプトを採用しています。 環境 Amazon Linux 2 AMI (HVM), SSD Volume Type カーネル 4.14.173-137.229.amzn2.x86_64 Bashバージョン GNU bash, version 4.2.46(
いざという時のために覚えておくと便利なHTML＆CSS Tips集の第2弾です。何かで困った時に読み返してみてください。何かでお役にたてると思います。 グラデーションを使ったテキストアニメーション See the Pen Text gradient animation by BUILD (@buildstd) on CodePen. テキストカラーにグラデーションを使ったアニメーションを施す方法。 テキスト要素の背景にanimation プロパティでアニメーションさせたグラデーションを設定し、background-clip: text で背景グラデションをテキストのかたちに切り抜くイメージです。color: rgba(0 0 0 / 0) でテキストカラーを透明にしないと背景グラデーションが表示されないので指定します。 CSSp { color: rgba(0 0 0 / 0); -web
Chakra UIに関するTips・レシピ集です。基本無料公開ですが、おまけのみ有料とさせていただいています。値段・有料部位等は変更する可能性があることをご留意ください
Azure OpenAI Dev Dayにおいて発表したLLMシステム開発のTips集です。 ◆Prompting System Prompt は構造化・再利用を考慮せよ Prompt Store を作って複数のエージェントでプロンプトの部品を共有 Lost in the Middle…
オデッセイ・プロトコルから通知の受け取り方まで！VOYAGE GROUPエンジニアのリモートワークTips集！ - CARTA TECH BLOG
こんにちは！株式会社 fluctでインターネット広告のお手伝いをしている@jewel_x12です。 COVID-19の流行が1年以上続いていますが、それに伴い、リモートワークをする機会が増えた方もいらっしゃるのではないでしょうか？ リモートワークは通勤時間の削減など良いところもありますが、ずっと対面で仕事をしていた方にとってはコミュニケーションの仕方が大幅に変わりますよね。その変化に対応するために試行錯誤が必要です。 弊社でもより良いリモートワークを目指すために日々改善しています。先日、あるエンジニアの Kibela 投稿をきっかけにリモートコミュニケーションの Tips を共有しあう流れがあったので、今回はそれらをまとめました！ 各個人のまとめなので矛盾が生じたり、誰にでも適用できるものではないものもあります。また、感覚的なものもあります。 その中でも皆さんの参考になるような Tips
型推論のTips集 - Qiita
始めに 自分が今までTypeScriptで型推論させるにあたって、中々いい方法が見つからず、他にいいやり方がないか模索して時間がかかってしまうケースがいくつかありました。 そこで今回は割と使うケースで解決するのに苦労したものについて、Tipsという形でまとめてみました。自分はこのやり方でやっていますが、他にいいやり方があれば是非コメントください！ 基本編と上級編に分けており、上級編の方が割と込み入ったことをやっているものになります。 基本編 Object.keysに型をつける Object.keysの返り値の型はstringで固定されているため、以下のように書くとtype errorになってしまいます。 const obj = { a: 10, b: 'text', c: true, }; Object.keys(obj).forEach((key) => { // key: string
import List from "./List"; type ListProps = React.ComponentProps<typeof List>; type TableProps = { color: string; } & ListProps; const Table: React.VFC<TableProps> = ({ color, data }) => { return ( <div> ... <List data={data} />; </div> ); };
はじめに Looker StudioはGoogleが無料で提供しているBIツールです。無料でもかなりの機能が揃っており、BIの活用にあたっては大変重宝する存在になっています。ただし、以前「後回しにするとどうしようもなくなる（かもしれない）Looker Studioの権限を理解する」で整理したように、組織管理という観点で難があるのは事実です。 それは例えば、レポートを組織的に管理する機能がなかったり、Google CloudのIAMを利用した権限管理ができなかったりすることが挙げられます。Looker Studio Proという有償版のサービスでは、こうした組織管理を円滑にするような機能拡充がされています。 とはいえ、実は様々なデータをフル活用すると無料版でもできることは多くあります。今回は、そんな裏技的Tipsを5つ紹介しようと思います。 こんな方におすすめ Looker Studioの組
この記事は、 ドワンゴ Advent Calendar 2019 の21日目の記事です。 はじめに 2017年はエンジニアさんで埋められるカレンダーの中、わりと緊張しながらデザイナーの僕も「コンポーネント指向フロントエンド開発におけるデザイナーの参画について」という記事を書くことができました。 記事としても反響を頂き、登壇までさせていただくなど、大変大きな一歩になる記事でした。 さて、あれから2年経ったわけですが、 今年の9月にニコニコ生放送の開発を離れ、特設ランディングページ(以下LPと表記)やポータルサイトなどを作る部署に異動しました。 異動による環境/技術スタックの変化 部署の異動により、環境が大きく変化しました ニコニコ生放送 規模の大きなプロダクト・チーム プラットフォームのUIデザイン React/TypeScript/scss/css-modules 堅牢な機能開発・ワークフ
こんにちは！ スターフェスティバルでインフラエンジニア/データ基盤エンジニアをやっております @koonagiです。 最近弊社をご利用していただいている飲食業者様向けに、これまでスターフェスティバルで溜めてきたデータを提供し、ビジネスに活用していただこうと検証を進めています。 BIツールとして、Amazon Quicksightの利用を検討しており色々触っていたのですが、ドキュメントが見当たらずハマったことや困ったことが幾つかあったので、書き起こして行こうと思います！ Amazon QuickSightとは Amazon QuicksightはAWSが提供しているシンプルなBIツールです。 TableauやSplunkなどの有名なBIと比べると機能は少ないですが、AWS上にあるデータと簡単に連携できるため、AWS上にデータがあれば簡単に分析環境が作れます。 また、金額的にも他のBIと比べて
Google 広告は、難しい知識や技術などを必要とせずに、誰にでも扱えるものです。 誰にでも扱えるもの、ではあるのですが実際には、公式ヘルプページを読めば情報量はとても多いですし、管理画面を触ろうとすればかなり大量で複雑な設定項目も目に入りますし、いざ使ってみるとなかなか難しいという印象を受ける方も多いものです。 しかし、おさえるべきポイントがわかれば、そう難しいものではありません。 実際、広告運用の専門家ではない人にポイントだけ教えながら広告運用をしてみてもらうと、一般的なプロと変わらない成果をあげる人よくいますし、プロ以上の成果をあげる人もいるくらいです。 その、ポイントをまとめたコンテンツを、こちらに公開しました。 Google 広告 やるべきことTips集 わかれば難しくないポイントをおさえたら、あとは成果をあげるのに必要となってくるのは広告システム特有の知識や技術などではなく、広
しばたです。 EC2上のSQL Serverの初期設定についてのドキュメントが意外と無く、調べてみないとわからなかったことが結構あったので本記事でTipsとしてまとめておきます。 EC2で利用可能なSQL Serverのバージョンやエディション はじめにEC2上のSQL Serverで利用可能なSQL Serverのバージョンやエディションについて触れておきます。 本日(2020年5月17日)時点でEC2ではMicrosoftがサポートしているSQL Server 2012~2019までの全てのエディションを提供しているのですが、OSの種類によって利用可能なSQL Serverのバージョンやエディションには制限があります。 この点について厳密に明記されたドキュメントは無く、OSとSQL Serverのバージョンの組み合わせについてはその都度調べるしかない様です。 私が調べた限りの雰囲気とし
おはこんばんちは、ゆるすぎて投稿を忘れていたちーずです。(反省) 本日は、IEと戦うためのTipsを、IE滅びろという気持ちを抑えて書きます。 なぜこの記事を書く？ 新卒として働き初めてから、新規立ち上げサイトのCSS設計を担当させていただいた経験がありましたが、 その中で一番失敗したこと、反省したことがIE対応だったからです。 自戒の念を込めて、この記事を書こうと思いました。 基本的なIE対応 まずはじめに、基本的なIE対応をする際に考えるべきことをざっくりと説明します。 1. Can I use でプロパティがIEに対応しているかを調べる Can I useとは、HTMLやCSSなどのブラウザ対応状況が調べられるサービスです。 自分が使用したいプロパティがIEに対応しているかを簡単に調べることができるため、ブラウザ対応しているか不安なプロパティを使う際は必ず調べましょう。 緑 : 対
本記事は、TechFeed Experts Night#17 〜 事例で学ぶSRE 〜 ツール、プラクティスから組織づくりまでのセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 「なぜSREをはじめるのは難しいのか」について話していこうと思います。よろしくお願いします。 「これでいいんだっけ？」をなくすために なぜ難しいのかを考えたときによくあるのが「これでよかったんだっけ?」となるケースじゃないかなと思います。たとえば、SREとは言ってもインフラエンジニアから名前を変えただけだったり、何でもできるエンジニアが担当した結果、何でも屋さんになってしまったり、他社事例をトレースしたんだけどうまくいかなかったり…などです。 最近はこういう話がすこし高い
How to Write A Great Arduino Libraryから発見。画像もここから転載。 Arduinoのプログラムを書いたことはありますか？ ではライブラリはどうでしょう？ マイナーなセンサーモジュールや、自分独自のモジュールのためにArduino用のライブラリを作るというのは良い試みです。 しかし、このライブラリ、如何様にでもかけてしまうがために、その設計や細かい使い勝手をどのように作りこむかを悩んでしまいます。 そんな悩みに答えてくれるのがこの記事です。 Arduino向けの大量のモジュールとそのライブライを提供しているSpackfunの経験知を凝縮したTips集となっています。 ボーレートは115200が良い、とかString型をむやみに使わない、ユーザが利用するコードがトリッキーに見えないようにする、などArduinoのライブラリを書く際に気を付ける点が簡潔にまとめ
知っているようで意外と知らないLive付属のエフェクトを使ったTips集 〜Seihoが使うLive【第1回】 - サンレコ 〜音楽制作と音響のすべてを届けるメディア
ぎゃぁぁあ。原稿締め切りの連絡が鳴り止まないぜ。ここって何書くんだっけ？ とりあえず小学校のころの音楽の吉田先生との思い出話でも書くか。僕に最初にMTRやシンセサイザーを触らせてくれたのが吉田先生で、休み時間に音楽室に行くとハンダゴテで自作のエフェクターとかを作ってるわけ。で、その吉田先生にすごい事件が起こるんだけど……あ、もう文字数が……。では続きは次回に。あとこれはみんなに伝えたい、3月は寒いから！ なんで忘れんの3月が寒かったこと！ 解説：Seiho 自由度の高いDrum Rack OperatorやMaxパッチもアサイン可 ●オープン／クローズ・ハイハットを同時に鳴らさない方法 ハイハットをオープンとクローズで同時に鳴らしたくない場面ってありますよね。そんなときは、Drum Rackを読み込んでチェーン・リスト、入力／出力セクションを表示させると、Chokeという項目が出ます。 D
本記事は Fusic Advent Calendar 2020 の1日目の記事です。 今年もいよいよはじまりました！Fusic社員が「個性をかき集めて、驚きの角度から世の中をアップデートしつづける」記事を書いていきますので、クリスマスまでどうぞよろしくお願いします。 というわけで、1日目は「AWS Amplify」に関する記事を書こうと思います。 はじめに 個人的に今年は「Amplify元年」といっても過言ではない年でした。Amplify SNS Workshop との出会いをきっかけに、AmplifyとNext.jsを組み合わせてモダンかつスピーディな開発ができないか模索するようになりました。 Amplifyを触るうちにさまざまなTipsを蓄積できたので、1年分まとめた逆引きTips集として公開することにしました。 ※普段使用しているJavaScriptフレームワークがReact/Nex
本記事の内容 ・Unityを使うために知っておくべきTIPS集 ・エディタ関連の効率化TIPS ・インスペクタを使いやすくするTIPS ・デバッグ効率化TIPS ・プラグインで効率化 これらのTIPS、使ってないとヤバイです 開発効率を上げよう！ みなさん、ゲーム開発していますか？ ゲーム開発というのは、ゲームを開発したことがない人が想像する10倍はタスクがありますよね。 少しでも時間を節約して、ゲームをもっと沢山開発したり、ゲームをプレイする時間に費やしたいですよね。 今回は、開発効率をUPするためのUnityのTIPSを紹介します。役に立つものがあったら、ぜひシェアしてください！ コンパイル・エディタ全般系 Play Enter Mode ゲーム開発が進んでいくにつれ、Playボタンを押してからゲームに移るまで、結構な時間が掛かりますよね。 これを爆速にする方法があります。 編集 >
社内のLT会でのスライドです。 参考リンク Terraform Style Guide (https://developer.hashicorp.com/terraform/language/style) Terraform Language Documentation (https://de…
自己紹介 はじめまして。TENTIALというD2CスタートアップでwebエンジニアをやっていますAmpiです。 エンジニア歴は2年目となり、TENTIALでは主にバックエンド業務を行なっています。 記事を書くに至った背景 TENTIALは、フロントにNuxt、バックエンドでExpressを採用しており、フロントもバックエンドもJavaScriptを使用しています。 必然的にJavaScriptを書く機会が多くなり、初期と比べてJavaScriptの知識も少しは増えてきたかなと思ったので、今回記事をまとめてみました。 Tips集などと銘打ってますが、基本的な文法に関する事項が多いので、その点はご了承お願いしますmm 分割代入 配列やオブジェクトを分解し、配下の要素やプロパティ値を個々の変数として宣言できます。 基本的な使い方は、下記の通りです。 基本 const numbers = [7,
draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3 年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。 「こんな使い方あるよ！オススメだよ！！」という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。 ツイッター公式アカウント 公式ブログ ショートカット ショートカット集です。机の上に置いて覚えましょう。 Line / 線 まずは最も頻繁に使う Line(線)の使い方からご紹介します。 矢印をまっすぐに揃える ちまちまと矢印の線をドラッグして微調整し
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
いざという時に使える13のHTML&CSS Tips集 | BUILD Journal
【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita
TypeScriptで知ってコードの安全性が上がったtips集
【JS・TS】コーディングTips集 - Qiita
JS のビルドサイズを極限まで絞るための TIPS 集
TDDは「開発者テストのTips集」t-wada氏が改めてひも解く“本質” - レバテックラボ（レバテックLAB）
JestのTips集10選。サーバーサイドでNode.jsのJestを書いたことない人向け
ゆずたそ流スライドデザインTips集 - 下町柚子黄昏記 by @yuzutas0
#あなたの備えがみんなの備えに に集まったおすすめの防災グッズやTIPS集
React専用リッチテキストエディタライブラリ「Draft.js」の実践的Tips集
VSCode 中級者になるための Tips 集 - Adwaysエンジニアブログ
GitHubを圧倒的に便利にするRefined GitHub のTips集 - Qiita
CSSそこそこわかる人がとりあえず figma で何か作ることになった時の tips 集｜seya
いざという時に使える7つのHTML&CSS Tips集vol.2 | BUILD Journal
Chakra UIの歩き方 & Tips集
AOAI Dev Day LLMシステム開発 Tips集
React + TypeScriptでpropsと型を便利に扱うTips集
Looker Studioで組織内に魔境を作らないための裏技的Tips集 - Qiita
LPを作るときに役立ちそうなTips集 - Qiita
Amazon Quicksightを利用する上でのTips集
【Google 広告 やるべきことTips集】 を公開しました - ブログ - 株式会社JADE
SQL Server on EC2を選定、初期設定する際のTips集 | DevelopersIO
純粋関数の割合を最大化しよう｜保守性の高いソフトウェア開発のTips集
【css】IEと戦うためのTips集 - Qiita
なぜSREをはじめるのは難しいのか - SREにまつわる不安を緩和するためのTips集
良いArduinoライブラリを書くためのTips集 | inajobのいろいろレビュー
AWS Amplifyを使った開発で役立つ逆引きTips集(2020年版) - Qiita
【Unity】知らないとヤバイ！？開発を爆速化するTIPS集 | ゲ制工房 挫折しないゲーム制作
これで猛暑を乗り越えよう！2024年真夏の最新トレンドTerraform Tips集
実務で学んだJavaScript Tips集 - TENTIALのテックブログ
【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita
anonymous-post.mobi
anywherestore.p-vine.jp
shabulism.com
pocket.shonenmagazine.com
applech2.com
www.youtube.com