改めて整理するアプリケーション設計の基本●発表のアーカイブ動画はこちら：https://youtu.be/4rgGkoyUaZw ●発表の中で紹介しているUdemy講座：https://www.nextskill.co.jp/courses === プログラミングの基礎を学び、アプリケーション開発に実践的に関わり始めると、「…
WOMEN'S EMPOWERMENT INTERVIEW ＜VOL.2 前編＞【公式】アンテプリマ オンラインストア【新規会員登録で５００ポイントプレゼント！】
「アンテプリマ」の創設者であり、香港と日本を軸に活躍するクリエイティブ・ディレクターの荻野いづみが、いま会いたい、第一線で輝き続けている女性をゲストにお呼びして語るエンパワーメント対談企画の第二弾。 今回はプロクライマーの野口啓代さんをお迎えし、世界に通用する、強く美しく生きる女性としてのキャリアやその魅力に迫り、前編・後編に分けてみなさまにお届けします。 VOL.2 前編 世界を舞台にクライマーとして戦う 今の時代をしなやかに楽しみ生きる女性の活躍 GUEST ｜ 野口啓代 Akiyo Noguchi 荻野：東京オリンピックのご活躍も記憶に新しい、プロクライマーの野口啓代さん。まず初めにご経歴や、今までに至る活動などを、改めてご紹介いただけますでしょうか？ 野口さん（以降、敬称略）：小学5年生の時に、グアムで初めてフリークライミングに出会いました。そこからクライミングに魅せられていき、競
いまさらのReact 18
FYI: React Confの動画 https://youtu.be/pj5N-Khihgc https://youtu.be/ytudH8je5ko (個人的)React v18のメイン Suspense automatic batching useDefferedValue hook startTransition 今回はReact18と言うよりSuspenseの話になります Suspenseによって何が変わるのか UX面 ユーザーに対して表示できるところから段階的にビューを表示させることができる 重たい処理が必要なところは完了後に表示させる コード面 ビューの要素だけをJSXに書くことができる isLoading&&<Loader/>みたいな奴がいらなくなる Apollo,React Queryと組み合わせることでfetch on renderとかfetch then render
「急いで作って！」と言われたとき、私がまずやること→Miroだけでスクラム
VTeacher所属のSatomiです。 ※ 本家Miroさんからコメントをいただいたので掲載します！ ミロジャパン高山です。本記事ではMiroについてご紹介頂き誠にありがとうございます。大変参考になります。もし本記事の趣旨にあっていればですが、以下の２つのテンプレートを日本語対応をしましたので、よろしければ、リンクを付与頂けますと嬉しいです。 スクラムボード：https://miro.com/ja/online-scrum-agile-tool/ マインドマップ：https://miro.com/ja/mind-map/ 或る日突然、「100万円のプロモーション予算がついたから急いで作って」と頼まれました。 ※ちなみにプロモーション予算（100万円）に人件費は含まれないそうです。 そして、偉い人から下の画像が送られてきました。 （「4月1日に夢を語る」という PR TIMES の企画だそ
デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ - ICS MEDIA
デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ ウェブ制作において、デザインとHTML実装の一致はエンジニアとして当然求められるものです。とはいえ、デザインツールとブラウザ画面をにらめっこしながら確認するのも大変です。本記事ではNode.jsで動くヘッドレスブラウザのPuppeteerパペティアーを使ってデザインとのズレを検知するビジュアル校正テストの方法を紹介します。 ウェブ業界ではデザイン制作とHTML制作が分業である場合がほとんどです。ビジュアル校正テストを導入することで、HTML制作の品質向上に役立てられます。デザインとHTML実装が別の会社のようなプロジェクトでは、HTML実装時の品質保証の担保になりますし、デザイナーとフロントエンドエンジニアが近い組織でもコミュニケーション円滑化に役立つでしょう。ICS
Reactのディレクトリ構成でAtomicデザインをやめた話
Atomic デザインをやめた 結論から言うと Atomic デザインを React のディレクトリ構成に当て込むのをやめました。結構ツラミが出てきてしまった感じです。とはいえ、Atomic デザインを批判するわけではなく、むしろ概念というか考え方は好きな部類です。 あくまでデザインシステムであり、ディレクトリ構成に当て込むべきものではないなと。 以前までのディレクトリ構成はこんな感じ Atomic デザインが話題になった頃からそれに倣ったディレクトリ構成にしていました。Next.js のプロジェクトになってしまいますが大体こんな感じ。 ├── common │ ├── config │ ├── styles │ ├── types │ └── utils ├── components │ ├── atoms │ ├── molecules │ ├── organisms │ └── te
保守性の高いReact hooksコードの指針
前提 本記事は保守性の高いReact hooksコードの指針を記述します。指針はtipsに近いものから原則に近いものまで雑多に含まれます。総じてReact hooksの標準的なAPIを上手く扱う方法が多めです。 これらは保守性の低いコードを反面教師とした私的な経験則に基づきます。（思い出し次第随時追加していきます） ご留意ください。 解消したい痛み 再現が困難な不具合の発生 容易に無限ループが発生しうる 不具合発生箇所の特定が手間 分岐が多くコードリーディングに手間がかかる 解消する手法 useEffectは１ページに１つ useEffectにdeps自動補完除外コメントを入れる stateはプリミティブにする propsにフラグがある場合はコンポーネントを分ける useEffectは１ページに１つ 悪例: ユーザーイベントの処理 const [foo, setFoo] = useStat
120面のサイコロですごろくがしたい
1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：おっさんの世界に溶け込んでみたい（デジタルリマスター）
【汎用ソフトスキル】ドキュメンテーションの続け方
この記事の目的 最近「良いドキュメントが作れているな」と思う機会が増えてきたので、その知見をアウトプットしたくなった。 想定読者 今所属してる組織(会社/プロジェクトなど)のドキュメントがイマイチで悩んでいる人 そもそもドキュメントが無い組織に所属していてつらい思いをしている人 「ドキュメントを作れ」という漠然としたタスクを振られて困っている人 想定読者ではない人 メンテなブルなドキュメンテーションのエコシステムが完成している組織で更によいやり方を模索している人 私もまだ模索中なので、いいやり方があれば教えてほしいです👀 顧客提出などの「納品が必要」なドキュメントの管理方法を模索している人 この記事では「社内の情報共有」にスコープを切って話をしています 書いている人のスペック(参考) 歴５年くらいのなんちゃってフルスタックエンジニア 普段は Node.js / React.js or R
「痴漢」になってしまった性依存症患者たちについて思うことなど徒然
https://anond.hatelabo.jp/20220317162935 https://anond.hatelabo.jp/20220318013755 少し前に痴漢被害に遭ったよという話をした増田です。進捗と引き続き思うこと徒然を書きたいと思います。 ・事件後に被害者が辿る流れ（当日～その後） ・過去にあった痴漢加害者たちの様子と性依存症 大体この二点になるかと思う。 私が体験したことを通して知りうる限りの実情、痴漢加害者ってどんな感じなの？というあたりの話。 追記ここから 私感でいろいろ述べるのは危ないと指摘してくださった方、ありがとう。増田だからとつい気を抜きました。 あくまで私の体験とそれにまつわる感想の範囲に過ぎない、専門性は低い私感です。 詳しい見解はブコメ等でも指摘されている本や専門知識のある方に委ねるものとなるます。 ここでは専門家ではない一般人の受けた印象と、並
テーブル設計の考え方とやり方 [入門編]
「基本から学ぶテーブル設計 超入門！」 https://modeling-how-to-learn.connpass.com/event/242944/ の発表資料。 - ２つの設計スタイルの違いを理解する - 何を記録するか（資源・活動・当事者・規程） - どう記録するか（テーブルの役割…
![テーブル設計の考え方とやり方 [入門編]](https://cdn-ak-scissors.b.st-hatena.com/image/square/fff34d6fcb76b27f602c88a8a78045329642f395/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F5416b70d025345fc95b30d1ec95701b6%2Fslide_0.jpg%3F20931325)
最近のWebサイトで見かける！ フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ
最近のWebサイトやアプリで見かけるUIコンポーネントやエフェクトを実装するCSSのテクニックを紹介します。 一昔前まではJavaScriptが必要だったりしましたが、現在ではCSSのみで実装できるようになり、覚えておくと非常に便利です。 10 Useful CSS Tricks for Front-end Developers by Alex Ivanovs 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. タイプライターのようなエフェクト 2. 透過画像用シャドウ 3. カーソルのカスタマイズ 4. attr()でシンプルなツールチップ 5. ピュアCSSによるチェックリスト 6. is()と:where()による要素のスタイル 7. キーフレームを使用したアコーディオン 8. ホバーエフェクトのサイドバー 9
しっかり学ぶ数理最適化 ヒューリスティック編 - Qiita
これはどんな記事? 本記事は、私がヒューリスティック関連の知識をまとめることになった際に作成したJupyter Notebookを、Qiitaの記事へと改変したものです。 前提としてこれは梅谷俊治先生の「しっかり学ぶ数理最適化 モデルからアルゴリズムまで」という本(以下、教科書と表記)の内容に準拠しています。 そしてその内容の多くは、ありがたいことにネット上の様々な形で公開されており、梅谷先生によるスライド1やスライド2、日本オペレーションズ・リサーチ学会(以下、ORと表記)での記事1や記事2、そしてORの他の方の記事1や記事2などでも類似した内容を見ることが可能です。 (そしてそれ故に、本記事を公開させて頂いています。流石に本家の方がネット上で公開されていない内容を書くのは、例え権利的に問題がないとしても気が引けるので……) また、この記事は、それらの内容を踏まえた上で、私がネット上の様
SQLアンチパターン簡単まとめ
「SQLアンチパターン」について、自分の勉強がてら内容を簡単にまとめました。 「とりあえずSQLは触れてWebアプリが作れる」「シンプルなアプリを実務で作ったことがある」くらいの人が読むととても勉強になると思います。 また、「現場での良くない設計」が詳細に言語化されているので、経験豊富な人でも新たな発見があると思います。 詳しく知りたい方は是非本を買って実際に読んでみて欲しいです。 第一章 ジェイウォーク パターン 1カラムにコンマ区切りで値を入れて複数の紐付きを表現しようとする なぜダメか 検索しづらい 文字列カラムの文字数制限という暗黙の制約を受ける バリデーションかけられない 解決策 交差テーブルの作成 第二章 ナイーブツリー パターン 木構造を表現するとき、常に親のみに依存する(parent_idだけ持ってしまう) 隣接リスト なぜダメか 階層を深く掘ろうとするとそのぶんSQLをか
なぜ僕が「SPAはコストが高い」と考えているのか
どうもみなさんこんばんは ちょっと前に「個人開発者やスタートアップの初期からSPAで開発するのはコスト高いっすよね」みたいな事を書いたらフロントエンドエンジニアの皆様からバチバチに叩かれた僕です 彼らには彼らの考えがあるのでそれはどうでもいいのですが、どういう理由があってその発言をしたのか～と言う部分が気になっている方もいたようなので説明しておこうと思います ちなみに今でも全く意見は変わっておらず、この発言に同意できるかできないかは単純に視点の違い、規模の違い、スキルの違いだと思ってます 追記: もちろんSPAじゃないと実現できないようなサービスを作りたい場合はSPA一択ですし（インタラクティブにHPつくるサービスとか。でも世の中の95%くらいのサービスはそうじゃないと思います）、サイトの利用はログインした人にだけ提供するような業務系ツールなどはまた話が別です 前提の話 こういう記事ではコ
ロシアのウクライナ侵攻の背景を読み解く | 東京大学
ロシアがウクライナに侵攻してから約1か月。ロシア軍による攻撃が続き、民間人の被害が広がっています。ロシアが軍事侵攻に踏み切った背景に何があるのか。これまでの二国間関係、プーチン大統領の「ネオナチ」発言などについて、歴史社会学の観点からロシア・ユダヤ史やナショナリズム論などを研究し、教養学部でロシア・ウクライナ関係についても講じてきた鶴見太郎准教授に話を聞きました。 © Oleksli / Adobe stock ―― これまでのウクライナとロシアとの関係について教えてください。 ウクライナとロシアとの関係は、必ずしも全貌が明らかではないキエフ・ルーシ（9～13世紀、ロシア人とウクライナ人、ベラルーシ人の共通の起源とされる）の時代を別にすると、ロシア帝国の時代にさかのぼります。 現在のウクライナの大部分はそれまでポーランド・リトアニア王国の領域でしたが、東部地域は17世紀にロシアの支配下に入
バズらないアカウントの9割が「仕組み」を知らない Instagramのレコメンドを解説
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Kubernetes基盤における運用フローのController化と継続的な改善 / kubernetes-controller-improvements
動画はこちらから https://cadc.cyberagent.co.jp/2022/program/kubernetes-controller-improvements/ 青山 真也 CyberAgent - CIU ソフトウェアエンジニア / KaaS プロダクトオーナー 201…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
超入門！テーブル設計をデータモデリングから考えよう
法務が知っておきたいデータセキュリティの基本
