<form>の外側に送信ボタンを配置する
Web アプリなどの UI でよくあるのですが、フォームの外側に送信ボタンがあるようなデザインのときに HTML だけで解決する方法があるので紹介します。 form 属性で紐付け <input> 要素の form 属性に <form> 要素の id 属性値を指定することで、フォームと送信ボタンを関連づけられます。 <form id="signin"> <label> メールアドレス <input type="email"> </label> <label> パスワード <input type="password"> </label> </form> <input type="submit" form="signin" value="サインイン">
要件定義、基本設計、詳細設計の流れを総復習
はじめに 📘 この記事は ラクス Advent Calendar 2023 の7日目の記事になります。 要件定義から基本設計、さらに実装や保守運用に至るまでの一貫した経験を何度か積んできましたが、毎回 「要件定義って具体的に何の項目が必要だっけ？」 「基本設計との違いって何だったっけ？」 「基本設計と詳細設計の区別って？」 といった疑問が頭をよぎってきました。 そんなわけで、これまでの経験を振り返りつつ、開発プロセスについて１からまとめていくことで頭の中の大掃除を行なっていきたいと思います🧹 この記事の対象者 🎯 開発プロセスについて学びたい方 要件定義の基本を学びたい人 要件定義と基本設計の違いがわからない人 一緒に開発プロセスについて復習したい方 前提 記事中の一部（特に要件定義や基本設計、詳細設計のサンプル）を自動生成で作成してます。一貫性の無い内容があるかも知れませんが、あく
引き受けないお仕事の基準｜Tetsuya Morimoto
たまたまお仕事の断り方という記事を読んだ。ひとり会社を経営してもうすぐ5年が経とうとしている。うちの会社では過去に1度、大きな失敗を経験してふりかえりを行った。その際に引き受けないお仕事の基準というものを社内で作成した。その失敗に至った原因の1つとして、本来引き受けるべきではないお仕事を受けてしまったと後になって反省した。 時代の流れや人手不足もあり、システム開発やプログラミングのお仕事はまだまだ好況にみえる。うちのような零細企業でも、実際に引き受けられるお仕事より依頼の方がずっと多い。そして残念ながらせっかくいただいた依頼をお断りすることもまた多い。 引き受けないお仕事の概要経理の本に書いてあったやるべきではない取引起業したばかりの頃に読んだ次の経理の本にも「やるべきではない取引」として次のリストを提案していた。 報酬が魅力的でも信用できない相手や嫌いな相手との取引 入金が遅い取引 自分
base64の画像をフォームで送るためのFileにする方法
経緯 画像を加工したのち、DBや、ストレージに保存したい ということで、バックエンドにフォームを送る際、Fileにしないといけなかった。 画像加工後はbase64になっているのでそれをFileクラスでラップするにはどうすればいいかで少し詰まったので備忘録。 結論から言うと、一度バイナリにしないといけなく、base64 => バイナリへの作業が必要になった。 画像をbase64にする <div> <input type='file' onchange='convertToBase64()'> <img src='' /> </div> function convertToBase64 () { const file = document.querySelector('input[type=file]').files[0] const preview = document.querySelec
「ワクワクする」「九龍城みたい」 145人のマイクラユーザーが作り上げた“違法建築”がカオス
「マインクラフト」プレイヤーが催した「Minecraft違法建築イベント」が、現実にはあり得ないカオスな建物が生み出されて話題を呼んでいます。「違法建築」とは穏やかでないですが、要はオンラインで集まり、建物を好きなように建て増しして遊ぼうという試み。そうして出来上がった、複雑怪奇な構造が壮観です。 経過だけでワクワク 雑多なようでいて、全体像は調和したように見える 主催はマインクラフト建築コミュニティ（@mc_kenchiku_com）。海に囲まれた世界で、人々が生き抜くために高い建物を作り、ひたすら“上”を目指す――そんな世界設定の下にプレイヤーを募りました。開催に際しては、あらかじめ素朴な土台を用意。そこに大勢で気ままに増築していこうという趣向です。 基盤となったプレーンな土台。ここからああも変わるものか イベントには見学者を含め累計で168人が参加。ルールが「建築様式不問」だったこと
人気爆発のNotionと低迷のEvernote、ノートアプリのトレンド事情を読む
「Evernote」や「Notion」などのノートアプリの利用が企業でも進んでいるが、両者の人気には差があるようだ。ノートアプリのメリットや企業での導入実績、両者のセキュリティ機能、市場での位置付けなどを解説する。 ノートアプリは、個人で利用されることが多く、企業が導入することはほとんどないと思われてきたが、その状況が変わるかもしれない。人気のノートアプリである「Evernote」と「Notion」は、企業のITバイヤーにとって魅力的に映る機能と性能を備えている。 Evernoteは「Evernote Teams」を提供していて、ノート作成機能やチームコラボレーション、セキュリティの向上、ガバナンス機能を追加した。有名なノートアプリであるNotionは、Wikiやその他のコラボレーション機能を搭載している。これらのツールは、企業向けコラボレーションの中でもどこに位置付けられるのだろうか。
36歳でFIREしたデータサイエンティストが、資産形成に役立てた3つのチャートを共有してくれた
上のチャートには、2024年の1月と2月の支出が記録されていて、このチャートをゴールドシュタイン氏は毎朝確認する。 まず、ゴールドシュタイン氏は支出を｢固定費（Fixed）｣と｢変動費（Variable）｣の2項目に大別する。その下に食費、家族、娯楽、罪悪感のある楽しみなどといったカテゴリーを設けている。 それぞれのカテゴリーに対して、年初からその日までの支出合計額、予算に占める割合、予算の残りなどを詳細に追跡する。 右のチャートには、支出の内訳が別のビジュアルで示されている。四角形が大きければ大きいほど、支出が多いということだ。｢罪悪感のある楽しみ（Guilty Pleasures）｣や｢アパートメント（Apartment）｣という名の支出が予算において大きな比重を占めている一方で、｢友人と社会（Friends / Social）｣と｢教育（Education）｣は小さい、つまり予算に占
デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選｜東芝 UIデザイン
こんにちは！東芝UIデザインチームnote事務局の小林Jです。 みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？ そんな時によりどころになるのが「人間工学」です。 「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。 「人間特性」とは、知覚から認知、身体に至るまで人間特有のあらゆる機能や性質のことです。どうしてそのような行動をするのか、という原理を知っていることが、モノづくりや仕組みづくりをする人たちにはとても大切なんです。 弊社デザイン部門には人間特性ワーキンググループという専門チームがあり、デザイン部門内で情報共有や勉強会を行っております。 noteにも「人間工学シリーズ」と
中級Git操作
今回の記事の内容はGitHub共同創業者のScott Chacon氏の「Pro Git」と同氏の今年の「So You Think You Know Git」（Gitがわかっているとでも思っているか？）発表をベースにしている。 コンフィグ ここでコンフィグにてデフォルトとして指定して損がないオプションをいくつか紹介します。 git rerere git rerereは"reuse recorded resolution"（記録ずみ解決方法を再利用）の略語になっている。 名の通りマージコンフリクトがどう解消されたかを記録し、次に同じようなコンフリクトが発生した際、同様の解決方法を自動的に適用するためのコマンドです。 また、基本的にデフォルトにしてもときに差し支えないため、ぜひgit config --global rerere.enabled trueを実行してみてください。 git main
プレミアムプランの状態管理と決済ハンドリングの難しさ｜tsusowake
はじめにこんにちは、PIVOTでソフトウェアエンジニアをしている裾分です。PIVOTは2024年2月にアプリ・Webを本格始動しました。私はPIVOTにジョインして以降、サブスクリプション機能の開発をしてきたので設計の概要と決済プラットフォームが係る実装の難しさについてまとめてみました。 本題冒頭のリリースの通り、PIVOTはYouTubeからプロダクトに集中するにあたり、サブスクリプション機能をリリースしています。 サブスクリプションを実装するにあたり考慮すべき点として、以下の状態を考慮する必要があります。 自サービスで管理する状態 ユーザーのサブスクリプション ユーザーのプラン 他サービスで管理する状態 ユーザーへの課金を行うプラットフォームに登録されているサブスクリプションの状態 決済状態（成功 | 失敗 | …） PIVOTの場合では、決済プラットフォームとして App Store
アクセス解析研究所・最強の解析能力を無料で
ログインに失敗する現象が発生しています。Chrome以外のブラウザを使うか、あるいはクッキーを削除してから再度お試しください。 登録メールアドレスまたはIDパスワード 最高水準なのに無料！？業界最高水準のアクセス解析を “無料” でご利用いただけます。すでに他のアクセス解析をご利用の場合でも、当サービスを併用いただいて両者の解析結果を比べてみてください。他では見えなかった詳細な情報を実感していただけます。 広告なしあなたのウェブサイトに広告を表示しません。ロゴマークなども表示しません。表示上の変化は一切無しのまま、ひっそりとアクセス解析を行えます。 これはパソコン向けサイトだけでなく、スマホ向けサイトについても同様です。アフィリエイターやブログサービス様の貴重な広告スペースを横取りすることはありません。 クリックが解析できる個々のビジターがどのリンクをクリックしたのかまで詳しく解析します。
「たとえ無料で便利でもGoogleアナリティクスを使うべきではない」という主張
Googleは検索エンジンだけではなく、GmailやGoogleドキュメント、Googleアナリティクス、Googleスプレッドシートなど、さまざまなサービスを無料で提供しています。しかし、古くから「ただより高いものはない」といわれるように、無料で提供されるのにはそれだけの理由があるわけで、ウェブアプリ開発者のキャスパー・ブレーデ氏が「Googleアナリティクスは無料で提供されているが、使うのをやめるべきだ」と主張しています。 Google Analytics: Stop feeding the beast | Caspar von Wrede https://casparwre.de/blog/stop-using-google-analytics/ 近年のGoogleは検索エンジンを運営する小さく風変わりな会社ではなく、巨大な多国籍企業となりました。Googleの主な事業は検索エンジン
Fathom Analytics: A Better Google Analytics Alternative
Free trialLog inMenuA Google Analytics alternative that’s simple & privacy-firstLatest Updated email reportsDitch complex, intrusive web analytics for Fathom - a better Google Analytics alternative. Experience ease of use, forever data retention, and complete, worry-free GDPR compliance - all while protecting your time and your visitors' digital privacy.Start a free trialView a live demo Quick set
文春オンラインの記事分析を支える爆速ダッシュボードを作るまで｜Shota Tajima
従来のGoogleアナリティクスである、ユニバーサル アナリティクス（以下UA）のサポートがいよいよ2023年7月に終了することが、先日アナウンスされました（※）。昨年対比やトレンドをチェックすることを考えると、2022年内できるだけ早めに次世代のGoogleアナリティクス（以下GA4）へ移行したいWebメディア運営者も多いかと思います。新しいツールの勉強や、既存システムの改修が必要な問題ではありますが、この機会を、データ収集・可視化の設計を見直し、日々の意思決定の共通言語としてデータを使いやすくするチャンスと捉えてみてはいかがでしょうか。 ※ Google、ユニバーサルアナリティクスのサポートを2023年7月1日に終了。早めのGA4移行を推奨 このnoteでは、前半でダッシュボードによるデータの可視化にコストをかけるべき理由を整理します。後半では、2021年秋に文春オンラインのダッシュ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レガシーなフロントエンドを リプレースするプラクティス。 エネチェンジが挑む 「React化」
Supported Browsers | Lexical
Serialization & Deserialization | Lexical
Editor State | Lexical
Sylvain Kerkour
Matomo - The Google Analytics alternative that protects your data
