個人開発でデザインに悩むエンジニアへ。工数を抑えていい感じのUIを作る方法【Meraki UI】
この記事は「RUNTEQ Advent Calendar 2024」23日目の記事になります。 はじめに プログラミングスクールRUNTEQでエンジニア兼講師をしているいっぺい（@ippei_111）と申します。 いきなりですが個人開発を行う時にアプリケーションのUIを考えるのに悩んだ経験はありませんか？ エンジニアあるあるかもしれませんが、個人開発をする際に機能の実装はできるが、デザインの部分でどうしたら良いのか迷ってしまい、手が止まってしまうことがあると思います。 本来機能開発に時間をかけたいが、デザインに凝りすぎてしまい、余計な工数と時間がかかってしまうことも多々あると思います。 また、デザインに関する知識と経験がないエンジニアがデザインを考えると、「なんかダサいデザイン」「使いづらいUI」になってしまうのもエンジニアあるあるかと思います。 本記事では、デザインに不慣れなエンジニアで
【VSCode】 マルチカーソル、使ってますか？
マルチカーソル機能の使い時 筆者がマルチカーソルを使用したくなる場面を3つ紹介します。 1. 命名を一括変更するとき 変数名や関数名を一括で変更するときに、マルチカーソル機能を使うことで、短時間で変更を行うことができます。 命名を一括変更している様子 検索バーから一括変更する方法もありますが、その場合カーソルが残らないため上記GIFのように複数の命名を試行錯誤しながら変更することができません。 2. 特定の範囲に閉じた修正を行うとき 特定の範囲に閉じた修正を行うときにもマルチカーソル機能は有用です。 特定の関数に閉じた修正 こちらは検索バーから一括変更してしまうと、下のfuga()関数にも変更が適用されてしまいますが、マルチカーソル機能を使うことで意図した範囲の修正に留めることができます。 3. フォーマットを変更するとき 以下のGIFではCSVで定義されたデータをMarkdownのドキュ
【開発効率爆上がり】すべてのエンジニアが必ず見るべき16のウェブサイト - Qiita
この記事はNuco Advent Calendar 2024の12日目の記事です。 はじめに エンジニアとして、開発を効率化しながらクオリティの高い成果物を生み出すには、優れたツールやリソースを活用することが欠かせません。 苦労して自分で作ったものの、実は便利なツールが既にあって、車輪の再発明をしてしまっていた、、ということも日常茶飯事です。 しかし、インターネット上には無数の選択肢があり、「どのサイトを使えばいいのか迷ってしまう」という声もよく聞かれます。 本記事では、そんなエンジニアの方々のために、日常的な開発やデザイン業務で役立つ便利なサイトを16個厳選しました。 UIデザインの参考になるサイトから、日々の業務を効率化するツールまで、多岐にわたるリソースをご紹介します。これらを活用することで、業務のスピードアップだけでなく、新たなインスピレーションを得るきっかけになれば幸いです。 1
無自覚にメンバーの心理的安全性を奪っていた経験から得た学び
2024.12.11 エンジニア組織のリアルな失敗経験から学ぶ！ 生産性向上＆チーム強化Tips
鶏むね肉をトマト缶、牛乳、ヨーグルトで煮る。疲れた体にしみる師走メシ【筋肉料理人】 - メシ通 | ホットペッパーグルメ
何かと忙しい師走ですが、ジムでの筋トレと、トレーニング後に鶏むね肉メシでたんぱく質を補給するのは欠かせない筋肉料理人です。 安くて美味しい鶏むね肉には疲労回復を促す成分が豊富に含まれているといいますから、トレーニングをしていない方にも、師走を元気に乗り切るのにぴったりの食材ですね。 今日ご紹介するのは、その鶏むね肉を使った「ストロガノフ風 鶏むね肉のトマト煮」のレシピ。牛肉やきのこを煮込んでサワークリームで仕上げるビーフストロガノフを鶏むね肉でアレンジ。トマト缶、牛乳、ヨーグルト、バターなど身近な材料で煮て、さっぱり×コクうまでご飯をガッツリ食べられますよ！ ご飯にかけるだけでなく、パスタのソースにしたり、パンと一緒に食べたりするのもおすすめです。 筋肉料理人の「ストロガノフ風 鶏むね肉のトマト煮」 【材料】2人分 鶏むね肉 1枚（300g） 玉ねぎ 1/2個 しめじ 1/2パック（50g
フロントエンドの段階的モダナイズ、のための自走設計 (株式会社スタディスト様)
株式会社スタディスト様の依頼で、フロントエンド傭兵として、Rails 内の巨大SPA の段階的なモダナイズの提案を行った事例紹介です。 いつもはパフォーマンス視点で仕事にかかるのですが、今回はマクロな設計視点でソースコードを読んでいきます。一旦は中期ゴールを提案しつつ、その作業の必要性を通して、なぜその変更が必要なのかという解説をしていきました。 コスパが良い部分からやりたいですね。でもコスパ感覚は人それぞれです。あくまでフロントエンド専門家の自分が優先度付けるなら、という観点でやっていきます。 今回の仕事にあたっていくつかの技術的な課題を取り上げますが、それはスタディスト様に問題があるという話ではありません。むしろ問題を修正しようという意思が強く、実際1ヶ月の期間中にいくつかの修正をマージすることもできています。 以下、敬称略。注意点として、今回の内容は中の人達が見返すための記述が多いの
Hotwire Anecdota
Hotwire よもやま話 Anecdotes on Hotwire 経験したこと、感じたこと、Hotwireのこと 概要 このサイトについて Hotwireとは何か？ Hotwireはどいういう時に向いているか？ あなたはHotwireを採用するべきか？ Hotwireは管理画面限定？ コード例 トグル アコーディオン ドロップダウン リアルタイム検索 サイドバーメニュー カルーセル 引き出し トースト モーダル 「いいね」ボタン Apple Store模写（複雑なステート） Chart.js埋め込み 考える手順 HotwireはMVPのMPAから作る TurboとStimulus: どっちを使う？ Hotwire, React, jQueryのアプローチ コンセプト JavaScriptは使おう！ Stimulus中のHTML生成を避ける理由 サーバから見たTurbo FramesとT
Practice Rust
Practice RustLearn Rust by practicing, choose from a variety of coding exercises and challenges to help you improve your Rust programming skills
DevTools の使い方を可能な限りスクショ付きで解説してみる
以下の公開計測会でやったものを個別に解説してみる。 細かいテクニックが多いのだが、それを可能な限りテキストとスクショで解説したい。使い方の解説が中心で、どういう意味があるかは解説しない。 Chrome131時点のスクリーンショットで、後で読む場合は頻繁にUIが変わっている点に注意。大事なのは意図。 宣伝: これを御社のサイトで解説する仕事をやっています。 デモのURL これに意味はなく、今日偶然見ていただけで意図はない。関係ないがエッジランナーズは最高のアニメ。 DevTools を開く F12 or 右クリックから「検証」 DevTools > Lighthouse この状態で計測 このとき、新しいプロファイルを作ったりして、可能な限り Chrome拡張が入ってない状態にすること。Chrome拡張による処理も計測に含まれてしまう。 Lighthouse レポートの読み方 点数部分にマウス
エアコンは安いダイキンEシリーズが良いよ。取り付け業者は自分で選ぼう
anond:20240228134258を見て気になったので。 エアコン買うなら、ダイキンのＥシリーズが良いよ。6畳用なら5万円未満で買えるし、ずっと売れ続けているエアコンで玄人にも人気。 安く買えたその差額のお金で、数年に一度エアコンクリーニングしたら完璧。 取り付けは、暮らしのマーケットなどで評判のいい業者に頼もう。 お掃除機能はフィルターしか掃除してくれないエアコンを使っていて汚れていくのは、フィルターや、内部の送風ファンや、水を溜めて排水するドレンパンなどです。 ただお掃除機能はフィルターしか綺麗にしてくれません。 送風ファンやドレンパンは掃除してくれません。 そして、お掃除機能で掃除されたホコリは、ダストボックスに溜まり定期的に捨てる必要のあるメーカーもあります。 メーカーによってはダクトを通って自動的に排出してくれますが、その構造だとダクトが逆に汚れやすくなります。 お掃除機能
再訪 React Native
最近React Nativeを使ってアプリを作る機会があり、React Nativeの進化に驚いたのでシェアします。 筆者のReact Native歴 元々はAndroidとiOSでそれぞれネイティブアプリを作っていました。 2017~2019年くらいに仕事と趣味の両方でReact Nativeを使っていました。 2019年くらいからFlutterを使ってアプリ開発をするようになり、それ以降はFlutter or ネイティブ開発のみで、React Nativeは使わなくなりました。 当時(~2019)のReact Nativeの印象 5年以上前なので朧げな部分もあります。 一つのソースコードでAndroidとiOSのアプリがどちらも作れて便利 パフォーマンスはネイティブほどではないが、ほとんどの画面で別に気にならない。アニメーションを大量に入れようとすると明らかにカクツク。 当時はパフォー
Ubieが2024年にReact Nativeを選ぶ理由
Ubieでは、Ionic(Capacitor)でガワアプリ的に実装されていたモバイルアプリ(Android/iOS)を、2024年初頭にReact Native (with Expo)にリプレイスしました。 「なぜ今更React Nativeを？」という方もいらっしゃると思います。本記事では、UbieにとってReact Nativeがフィットした理由や検討した点を紹介します。Ubieの技術資産、人材、事業展望などのコンテキストを前提とするものであり、一般的な技術の良し悪しを論じる記事ではないことに注意してください。 Full-Stack TypeScript Ubieのプロダクト開発チームでは、フロントエンドエンジニア/バックエンドエンジニアといった技術領域での担当分けは原則せず、プロダクト開発エンジニアとして企画から開発、分析などに一貫して携わっています。 このように仕事を広く持つ前提で
スパイスカレーのレシピ本を作った。Kindleで無料配信しているからダウンロードしてほしい。
(追記)今Kindleのランキングを見てみたら無料カテゴリ総合で1位になっていた。初めての増田の投稿でこんなことになるなんて夢にも思わず、ほんと皆んなには感謝している。嬉しすぎてコメント全部読んだので、鬱陶しくならない程度に文末に追加する。 ---- 自分としては「これは面白いものを作ったぞ！」と自信満々だったのだが、思ってたほどダウンロードされてないのでぜひ見てみてほしい。はてブではカレーの話題がちょくちょく上がるから、もしかしたらここに書けば俺らが届けたい人に届くんじゃないかと思った。 https://www.amazon.co.jp/dp/B0DJX32B2G 416種類のスパイスレシピを載せていて、1700ページを超える分量を無料配信している。といっても、著者は俺じゃなくて近所の友達なんだけども。 ーーーー 言いたいことはこれだけだったんだけど、ついでに、ここにいたるまでの自分語り
DMMボイスはエロゲーを学習している（という仮説とその考察）
注意：AI批判目的ではありません。単なる考察結果の共有です。どちらかというと私は思想的にはAI推進過激派です。また、ここでの推測はすべて外れている可能性はあります、あくまで推測です。 DMMボイス最近AI界隈（？）で話題になっている、20人分のアニメ調キャラクターの声で感情的な音声を簡単に生成することができるAIサービス。 https://ai-voice.dmm.com/ それの学習元に、エロゲーのテキスト音声データが使われているのではないかという話。 まずは性能がかなり高くて楽しいのでみんな遊んでみてください。（そして知ってる声優がいないか探してみてください。） 追記11/7現在アクセス増大でサービス一時停止しており、サンプルボイスさえ聞けないので、サンプルボイス集を作っておいた: https://whyp.it/collections/3281/dmm利用規約についてのツッコミ動画が
あたらしい家中華にハマっている - 941::blog
同世代男性たちがやっているポッドキャストOssan.fmで紹介されていた「あたらしい家中華」という本を買ってみた。 特別な調味料は必要なく、あっさりしていて、毎日でも食べられるそう。マジで？ MCのnagayamaさん曰く、ご家族にも評判がいいらしい。なるほどね。買ってみよ。 該当エピソードはこちら→ 311. あたらしい家中華 届いた本をパラパラ〜っと見て、これはたしかに調味料としても一般的な家庭にあるものばかり、ちょっと特殊といえば紹興酒とか黒酢くらい？なかなかよさそう 子どもたちが「これ食べたいから付箋つけておくね」と、いきなり付箋だらけ 器具について「特別なものはいらないけど筆者はこれを使ってるよ」と本の中で紹介されていて、形から入るタイプなので色々買った。中華鍋・おたま・五徳・蒸し板・蒸し板用のトングを買った。詳細は後述。 目についたものを週末いろいろと作ってみた、優しい味で家族
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
終了の危機にあった15年続くWebサービスを全力で存続させる - phpcon2024
【初心者必見】Python中級者になるためのテクニック29選 - Qiita
Penguin UI - Tailwind CSS & Alpine JS UI Component Library
Excalidraw — Collaborative whiteboarding made easy
100km歩いても疲れない!? 陸上自衛隊が教える足トラブルが無縁になる秘技 | となりのカインズさん
