markdownでシーケンス図を書こう - Qiita
ちょっとしたシーケンス図をさくっと書きたい 皆さんは設計でシーケンス図を書くときにどのようにしていますか？ astahなどのUMLツールを使って書くのが一般的だと思います。私もそうです。 確かに込み入ったシーケンスを書く場合にはそれがいいのでしょうが、例えばWikiの中にちょっとしたシーケンスを書きたいときはどうでしょうか？ astahでシーケンス図を書く 画像に出力する Wikiに貼る という工程を踏むのはかなり面倒ですよね？ しかも、しばらく経ってからシーケンスを更新する必要が生じたとき、「元のastahはどこだ…？」となるのは火を見るより明らかです。 もっと便利な方法があります。 markdownでシーケンス図を書くのです。 mermaidを使ったシーケンス図の書き方 markdownでシーケンス図を書くときにはmermaidとういライブラリを使います。 例えば、GitLabでは初め
【AWS】近年の終了サービスから見るAWSの今後の方向性 - Qiita
前段 最近CodeCommitやCloud9の新規アカウント利用不可になったことでX上ではざわざわ...していました。 ・ 2024年7月27日時点におけるAWS CodeCommitとAmazon CloudSearchの新規利用に関して ・AWS Cloud9が突然、新規利用不可に？ 代替策「SageMaker Studio コードエディタ」の利用手順 そこで、ここ直近一年(2023/4~)で終了（の予告があった）サービスをみて、今後の展開を考えてみようと思いました。 あわよくば、「このサービスもなくなるかもなー」と先見の明が少しでも生えれば焦らなくてすむな、という思いで書いています。 ※あくまで個人見解です ここ一年で終了(の予告があった)したサービス AWS OpsWorks（2024.1.31 終了） AWS OpsWorks Stacks サポート終了FAQs 登場背景 201
Qiitaは死んだ - nagutabbyの考え事
はじめに私は数年前にQiitaを使うのをやめました。なぜならQiitaがクソだからです。この記事では、Qiitaの黒歴史を振り返りながら、Qiitaが如何にクソであるかを説明します。 注意点この記事はQiitaを批判するために書いたものであり、Qiitaに記事を投稿している人々を批判する意図はありません。 Qiita is 何公式サイトでは以下のように説明されています。 Qiita (キータ) は、エンジニアに関する知識を記録・共有するためのサービスです。 しかし、多くの方がご存知の通り、Qiitaは「他のWebサイトにある情報をほぼ丸パクリした記事」と「内輪ノリで書かれた下らないポエム」の墓場であり、決して知識共有サービスではありません。最近ではChatGPTが出力した文章をそのまま投稿する人々も現れ、事態がさらに悪化しています。 Qiitaの黒歴史では改めてQiitaの黒歴史を振り返り
React 18で関数コンポーネントReact.FCからchildrenが消えた - Qiita
誰に向けて？ 「プロパティ 'children' は型 '{}' に存在しません」と言われて焦っている、React, TypeScript初学者向け。 関数コンポーネントにてchildrenを明示しないとエラーになる 気がついたらReactがバージョン18になっていました。 （2022年3月29日npmに公開らしい） 18、、ついに成人したのですかね？（年齢ではない） そして、関数コンポーネントでは以下のようなエラーが出るように。 // エラー:「プロパティ 'children' は型 '{}' に存在しません。」と怒られる export const Hoge: React.FC = ({ children }) => { return ( <div> {children} </div> ); };
[cakephp] Queryオブジェクトから実行したSQL生成 - Qiita
フレームワークのクエリビルダでQueryを作って、データを取り出して実行！としたときに、期待した結果が得られないのは日常茶飯事です。そんなとき原因調査の一つとして、実際に実行されたSQLの確認することがあります。 今回はそんなときに使える「実行したQueryのオブジェクトからSQLを生成」する方法です。 SQLを取り出す（ただしバインド前） cakephpのAPIリファレンスを眺めていると、sql()という、まんまなメソッドが見つかります。 さあこれで一件落着、とはいきません。なぜなら、このメソッドで出力されるのは各種値がバインドされる前のSQLとなります。例えば以下のような感じです。 WHEREなどに指定した値が「:c0」のようなプレースホルダになっていて、実際に実行したSQLそのものではありません。 バインドを取り出す ならば、ということでバインドのデータを取り出します。getValu
![[cakephp] Queryオブジェクトから実行したSQL生成 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7750105363af74bbebc6ebb046044efb8d3ebab7/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCY2FrZXBocCU1RCUyMFF1ZXJ5JUUzJTgyJUFBJUUzJTgzJTk2JUUzJTgyJUI4JUUzJTgyJUE3JUUzJTgyJUFGJUUzJTgzJTg4JUUzJTgxJThCJUUzJTgyJTg5JUU1JUFFJTlGJUU4JUExJThDJUUzJTgxJTk3JUUzJTgxJTlGU1FMJUU3JTk0JTlGJUU2JTg4JTkwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0yYTQyN2VjYjFkZDE0ZTIxZGRjOGY4ZWUzZDZiNjBmMg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBjcmFucHVuJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xZjQ1MjNjYzQ2Y2I1ZGYxNDQwZTg0MzNkY2NhMDY2MA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D32f13ef31e1c10cd1a31f3e1ed9d2bd7)
momentで時間データの操作を楽にする - Qiita
var moment = require("moment"); // 現在時刻を取得する例 moment().format(); // 2014-07-16T09:00:00+09:00 (default) moment().format("YYYY-MM-DD"), // 2014-07-17 moment().format("YYYY-MM-DD HH:mm:ssZ"), // 2014-07-17 10:00:00+09:00 moment().format("dddd, MMMM Do YYYY, h:mm:ss a") // "Thursday, July 17th 2014, 10:00:00 am” moment().toDate() // Date型で取得 moment().unix() // unix timestampで取得 moment().toISOString()
【git rebase -i】したときのコマンドをすべて試してみた(p, r, e,s ,f ,x ,d) - Qiita
git rebase -i したときのコマンドをすべて試してみた(p, r, e,s ,f ,x ,d) いわゆる git rebase -i HEAD~~ とかしたときに出てくる下のほうに出てくるコメントアウトされているコマンドのことを今回まとめます。 pick 85b703f update 2 pick 4d9e3ec update 3 # Rebase 5d6b0f5..1fc7711 onto 5d6b0f5 (6 commands) # # Commands: # p, pick = use commit # r, reword = use commit, but edit the commit message # e, edit = use commit, but stop for amending # s, squash = use commit, but meld into
@types/react をバージョンアップしようとしたら複数バージョン入ってエラーになった
遭遇したエラー React のバージョンを上げようとした際 @types/react と @types/react-dom を ~18.0.0 から ~18.2.0 に上げたところ、以下ようなエラーが発生しビルドが失敗するようになってしまいました。 Type 'React.ReactNode' is not assignable to type 'import(".../node_modules/@types/react-dom/node_modules/@types/react/index").ReactNode'. Type 'PromiseLikeOfReactNode' is not assignable to type 'ReactNode'. 原因と解決方法 依存関係にあるライブラリが React 18.2.0 に対応していないのが原因だったらなかなか面倒だなと思ったのですが、
テストを書く方針と原則の備忘録 - Qiita
こんにちは。サーバエンジニアのnsym-mです。普段はGoでバックエンドの開発などをしています。 最近テストに関する書籍や記事などを色々読み漁ったので、現時点での自分のテストについての考え方を備忘録として残しておきます。 今回の話はWebフロントエンドやiOS/Androidなどでも適用できる汎用的な考え方として記載していますが、ベースの文脈はバックエンド開発になりますのでそのつもりで読んでいただけますと幸いです なお、本記事では主にGoogle、『単体テストの考え方/使い方』、@t_wadaさんの発表されている考え方（いわゆる古典学派）に倣っています。 用語整理 よく使われるテストスコープ 単体テスト（ユニットテスト） 人によって定義に差がある 統合テスト（インテグレーションテスト） 結合テスト（E2Eテスト） 単体テストの定義がブレることから、スコープではなく実行時間で判断するテストサ
知らないと後悔する最強のエンジニア勉強法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この方法を教えると誰もが早くに出会いたかったと口を揃えて言いました こんにちは。Watanabe Jin(@Sicut_study)です。 今回はエンジニアがすべき究極の勉強法について完全解説していきます。 世の中には多くの勉強法が存在したり、インプット中心、アウトプット中心など色々な考え方があります。 ここでは実際に私が運営しているプログラミングコーチングJISOUで実際に用いている科学的根拠のある最高の勉強方法について徹底的にご紹介します。 また勉強法についての一般的な理論を紹介している記事や本は多数存在しますが、エンジニ
顔写真から自閉症を判別してみた - Qiita
はじめに この記事では今回開発したWebアプリ、自閉症識別（後に理由を説明しますが、動作が大変モッサリです）を公開するまでの経緯や考え・思いをまとめた。 6月中旬に差し掛かる頃から、Aidemy PewmiumのAIアプリ開発コースで、Pythonを用いてアプリ開発を行えるようになることを目標に学んできた。その成果として開発したのが、顔写真から自閉症を判別するWebアプリだ。 この記事では私自身がプログラミング超初心者として、そしていち支援者として感じたことも多く綴っているため、必要に応じて適宜読み飛ばしてもらえると良いかもしれない。 開発開始に至るまで 私はこちらの記事にあるように、保育士として児童発達支援に関わってきた。大変ではあるが非常に楽しい仕事だった。とはいえAidemyの講座受講中、成果物を何にするかをずっと考えていたが、この領域で何かやろうなんてことは全く考えていなかった。
「住所は英数字もすべて全角で入力してください」はなぜそうなったのか - Qiita
Webサービスのフォームに住所を入力するとき、丁目や番地などを入れる欄について、数字やハイフンを全角で書かなければいけない「全角縛り」をやっているフォームをよく見ます。半角文字を入力してしまってエラーになったり、咄嗟に変換方法を思い出せなかったり、全角と半角の見分けが付きづらかったり、「全角縛り」であることが明示されていなかったり、「ハイフン」としてどの文字を使うべきかわからなかったり……と、鬱陶しさを感じることが多くあります。 「住所は全角のみ」（数字やハイフンも絶対に半角を受け付けない）という仕様がどういう経緯で生まれて、どう広まっていったのかが気になってる。いま存在しているのは過去の仕様や慣習の踏襲として理解できても、そもそもなぜそれらが生まれたのかが理解できない。 https://t.co/ZLz0Pw9GOK — ymrl (@ymrl) July 29, 2024 これについて
理解しやすいコードの書き方～理解容易性の7つの観点～ - Qiita
はじめに 「理解容易性」は「保守性」の観点の1つとして重視され、多くの原則や技法が紹介されているが、断片的かつ多様であり、全体像を理解することは難しい。 抽象度は高いが、体系的に観点を整理する事で、その理解の助けとなれば幸いである。 定義 「理解容易性」を簡単に言えば、「理解のしやすさ」であるが、その意味から掘り下げると、「思考する量」と言い換えることができる。 本記事では理解容易性を「思考量の少なさ」と定義し、7つの観点に整理した。 先に要約およびチェックリストを記載し、概略を記載した。 後に詳細で理解のため、各観点毎の説明と個別の原則や技法へのリンクを記載した。 要約 7つの観点の要約を先に示す。 （変数や関数の）名称は分かりやすくする （変数や関数の）役割は１つにする （変数や関数の）参照は狭くする （変数や関数の）状態は変えられなくする （関数やクラスの）面積は小さくする （関数や
アジャイル専門部隊の一構成員が敢えてウォーターフォールを語るぞ - Qiita
アジャイル開発の浸透？なんだそれは。 アジャイル開発という概念が世に出て二十余年（2001年「アジャイルソフトウェア開発宣言」による）、最早、この技術も最新とは言えない、成熟したものとなりました。あなたの職場でも「アジャイルに進めよう」的な、凝り固まらず柔軟なプロジェクト体制にして行こうという流れ、プロダクト開発の長大化を防ぎアウトプットを細かく出していこうという意識変革が内外から求められているかと思います。 しかしプレイヤーとしての皆様は、とはいえ作るものは変わっておらず納期が決まっているので大変になるだけ、だとか、現場ボトムアップな提案は通らずトップダウンにやることが降ってくるからやる意味なくね、だとか、果ては作るもの・仕様が決まってないけど予算がついたからいい感じにアウトプット出してね、の意味だとか、都合よく「アジャイル」を使われて疲弊することもあるでしょう。多くは会社の通例や予算検
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Github】画像のサイズを指定する方法 - Qiita
[memo] git for windows (git bash) のバージョンアップ - Qiita![[memo] git for windows (git bash) のバージョンアップ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cab8de33fdf7c9c6201d88d8fc05cf2df6de3826/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCbWVtbyU1RCUyMGdpdCUyMGZvciUyMHdpbmRvd3MlMjAlMjhnaXQlMjBiYXNoJTI5JTIwJUUzJTgxJUFFJUUzJTgzJTkwJUUzJTgzJUJDJUUzJTgyJUI4JUUzJTgzJUE3JUUzJTgzJUIzJUUzJTgyJUEyJUUzJTgzJTgzJUUzJTgzJTk3JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0wYmYxODUyMzE5NTVkNjEzNDU1NWIyODk0NzYzOWZjOA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5b3NoaTM4OTExMSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Yjk1ZGNiOTE3ZDAzMTU5OGU5OWNmNDE0NDFmMjc0NjQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D550cc7a310d949d4dd4e64a95097e975)
@types/reactと@types/react-domを"resolutions"フィールドで固定する - Qiita
【find・grep】特定の文字列を含むファイルのリストを取得する方法。 - Qiita
ImageMagick の PNG オプション
dockerとdocker-composeのインストール(mac編) - Qiita
