現場で役立つAPIデザインWeb APIは外部連携のために公開するだけでなく、システム内部での利用も一般的になっており、重要性はますます高まっています。しかし、APIデザインについての知見はまだ広く浸透していません。書籍やオンライン情報はいろいろありますが、本セッションではその中から重要な要素をピックアップし、実際の著名なサービ…
誰が作成しても1つの構造になるモデリング作成技術、Theory of Models に夢を見る
builderscon 2024 で発表した資料です。以下、トーク概要です。 Webアプリケーションを開発・運用していく中で、1つのテーブルに日時カラムが増えていったり、巨大なテーブルが爆誕した、という経験はありませんか。また、これがプログラムの複雑さに繋がることもあると思います。このような事態を…
通信系テストのためのサイトのススメ：example.com、httpbin.org、badssl.com - 病みつきエンジニアブログ
HTTP通信の機能を持ったプログラムをテストするときに、どこにアクセスするか、迷うことがある。(モックが使えるならそれがいいけど) そんなときにおすすめな、example.comとhttpbinとbadssl.comを紹介してみる。 example.com 名前がそのままだが、example.com はちゃんと動くサイトである。よくサンプル文字列として(例えばメールアドレスとかで)仕込んでたのだが、最近まで本当に生きたサイトだとは知らなかった。 亜種に example.org とか example.netもある。RFC 2606に定義されているそうで、第三者に悪影響が及ばないことを保障することができるとある。Wikipediaにも記事がある。 ただ、あくまで普通のウェブサイトであり、「403をテストしたい」といった特殊なテストには合わない。そんな人にhttpbinをおすすめしたい。 htt
独学の効率が格段に上がる！ おさえておきたいウェブツール&アプリ5選【今日のライフハックツール】 | ライフハッカー・ジャパン
近年、ウェブやアプリ上で学習ができるさまざまなサービスが展開されています。海外の大学の授業を、無料でオンラインで受けることもできたり。 そう。今は「独学の時代」。英会話教室へ通ったり、新しいスキルを身につけるために講習へ足を運ばなくとも、手元でいつでもどこでも学ぶことができるのです。 とはいえ、独学にはさまざまな「壁」があることも事実。自分で効率の良い学習方法・ツールを見つける必要があります。 そこで今回は、連載【今日のライフハックツール 】から、「あなたの独学の効率をさらにアップする、おすすめウェブツール／アプリ」を5つご紹介。 ノートテイキングツールは「Craft」視認性が高く使いやすさ抜群！独学にノートやメモは欠かせません。ノートテイキングの代表アプリといえば「Notion」ですが、「Craft」は独自の使いやすさに、Notionの良さをプラスした優れもの。 ノートツールを扱うのに、
やばすぎるAI画像生成サービス「Stable Diffusion」始まる。 【簡単解説 & 応用 & Prompt付生成事例集】｜やまかず
一応、StableDiffusionとははっきりまず言います…とにかくやばいです。 分かりやすく、他のDALL・E2、Midjourney、Disco Diffusion、他有象無象Text to image machine learning系サービスと比較しますと… クオリティがかなり高い。 制限がなくなり、かなり細かい調整ができるようになったDALL・E2のような感じです。 生成が早い。 設定なしで使えば正直体感DALLE2より早いです。6秒..くらい？ 安い。 3円くらいだと思います。 DALL・E2は1生成17円。Midjourneyは月4000円。 オープンソース これからいろんなサービスにこのAIが搭載されます。 他AIではかけられている学習データのフィルターがない。 各国の代表者や、有名人、ポルノがデータに含まれています。 PC上で使用できる。（ = その場合無料） いや、こ
商用利用無料、UIデザイン用のSVGアイコンが1000種類以上！ 改変・再配布も可の太っ腹ライセンス- MingCute Icon
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 アイコンは小さいサイズでもくっきり見えるようにデザインされており、SVGだけでなく、Webフォントも揃っています。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 アイコンのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute IconはWebサイトやスマホアプリのUI用にシンプルにデザインされた高品質なアイコンです。24x24のグリッドで設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストローク、SVG、PNG、およびWebフォントがサポートされています。 ライセンスはApache License 2.0で、商用
投資する金欲しさにWEBサイトを作った - Notwen
ある日、投資するべきだと気づきました。どうしてそう思い至ったのかは分かりません。ペイオフによって保証されない額に達した預金残高のせいかもしれないし、政府の貯蓄から投資への促しのせいなのか、もしくは自覚していない他の何かに影響されたのかもしれません。 理由はどうであれ「投資するべきだ」と確信したのです。 気づき 投資について右も左を分からない状態だったので、勉強をしなければなりません。学ぶ上での王道は本を読む事でしょう。でも巷にあふれている「10万円を1億円にする方法」というようなヤバそうな本を読むと、ヤバイ思想に侵されて、ヤバイと思ったのでその辺は避けました。 「ウォール街のランダム・ウォーカー」など有名な本を中心に10冊ぐらい読みました。 そうしたら私、完全に悟りを開きまして。全部わかってしまった。本からは、分散投資の重要性、ペーパーアセットの王は株式であること、インデックス投資が鉄板、
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo 連載 本当に実践的なデザインドキュメントの書き方 いきなり渡されたワイヤーフレームをデザインするよう言われて戸惑った経験は、デザイナーなら誰でもあるのではないでしょうか？これはディレクターとデザイナーの分業という状況に起因する問題ですが、分業が一般的なのにはもちろん理由があります。そこで、この連載では、現在の分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、この問題を解決する手段を探ります。 第1回は、受託のWeb制作における一般的な分業体制を詳細に分析し、よりデザイナーが貢献できる役割分担について考えていきます。 なかなかはじめられないUXデザイン これはGoogleトレンドで、「Webディレクター」「Webデザイナー
【HTML5】マリオのコインの音をブラウザで出そう【ファミコン】 - Qiita
で、上記の通り「矩形波、三角波」って見たらアラフォー以上の人は「ファミコンじゃん」ってなったり、むしろ、コナミ矩形波倶楽部を思い出す方も多いかもしれません。 技術的なこと まぁ、ソースを見て貰えば特に難しいことはしていない（いつものように殴り書きだし…）のでコインであれば「♪シミー」という音を鳴らせばできるわけです。 const AudioContext = window.AudioContext || window.webkitAudioContext const audioContext = new AudioContext() const gainNode = audioContext.createGain() gainNode.connect(audioContext.destination) gainNode.gain.value = 0.1 const oscillator =
【2023年最新版】時間管理ツール5選を比較 | プロダクトベスト
今回は時間管理ツールについて、ツール導入の目的やメリットやおすすめの時間管理ツールの特徴を比較してご紹介します。 時間管理ツールとは「どの作業に」「どれくらいの時間を」費やしたかを可視化してくれるアプリのことです。 作業時間を可視化し、分析することで、業務効率の改善に繋がります。 時間管理ツールを導入する目的 昨今「働き方改革」や「残業時間削減」など、社会的要請から時間管理の重要性は増しています。 また、テレワークなどの普及に伴い、チームやプロジェクトの状況が見えにくくなっております。 その解決方法の一つとして、作業内容や時間を可視化する時間管理ツールの導入が進んでいます。 個人の時間管理としても有効ですし、チーム全体の管理を行うこともできます。 無駄な時間を削減する 時間管理ツールを利用することで、定量的に作業時間やその内容を分析することができ、プロジェクトやチームとして無駄な作業や時間
Roland、無料でTR-808・TB-303・SH-101が使えるブラウザシンセサイト「Roland50 Studio」を公開
Roland、無料でTR-808・TB-303・SH-101が使えるブラウザシンセサイト「Roland50 Studio」を公開 DTM ニュース 機材 Rolandが、同社の人気リズムマシン「TR-808」「TB-303」「SH-101」を無料で利用できるブラウザシンセサイト「Roland50 Studio」を公開しました。 Roland50 Studioは、今年でRolandが創立50周年を迎えることを記念して、日本人サウンドデザイナーのスズキユウリ氏とのコラボレーションによって実現したもの。 同サイトではブラウザ上に再現されたTR-808・TB-303・SH-101を使って、PCやスマートフォンのブラウザ上で音楽制作が楽しめます。 TR-808にはランダムボタンやフィルボタンのほか、シャッフルの度合いをコントロールできるノブ、BPM変更のためのテンポボタンなどが搭載されています。 T
非エンジニアがWeb開発で知ってると便利過ぎる無料サービスを厳選してみた！ -
どうも、まさとらん（@0310lan）です！ 今回は、Web開発などで役に立つ厳選した無料サービスをご紹介します！ 特にWeb開発に慣れていない初心者や非エンジニアの方でも、手軽に特定の機能を提供するページを構築できるサービスを厳選してみました。 また、複数人でのレビュー、サイトの分析、学習リソースなども合わせて掲載しているので、ご興味ある方はぜひ参考にしてください！ ■独自ロードマップを公開してユーザーと共有する！ 【 Roadmap Show 】 Webアプリやサービス自体のアップデートや予定している機能追加などの情報を、プロダクトロードマップとして手軽に一般公開できる便利なサービスです。 サービス側が何をやっていて、どのような改善をしているのかをユーザー側からも分かりやすくなります。 基本的な使い方も簡単で、いくつかのカテゴリ別にタスクカードを追加していくだけです。 これから予定して
Web制作を変える！2021年の便利オンラインツール・ベスト100選
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ
オンラインホワイトボード「Miro」をガッツリ使うヒント｜鷹野 雅弘
Miroそのものは以前から利用していましたが、とある案件での利用を機会に掘り下げました。これからMiroに取り組む方のために、メモを残しておきます。 なお、Frameは「フレーム」と表記します。 ここ数日でMiroにむっちゃ詳しくなった。 ・URLをペーストしたらカード風のものができたり ・動画のURLは、そのまま埋め込まれたり ・Illustratorにはないオブジェクトの連結 ・表組みもイケて ただ、Miroも（PowerPointも）クリック操作が多くて疲れ方がハンパなく、そして時間がかかる。 — 鷹野 雅弘 Masahiro Takano (@swwwitch) December 7, 2021 Notion vs. Miro共同編集を前提としたデータのストックにはNotionだと思っていたけど、リニア（線形）なNotionに比べて、ジオメトリックに配置できるMiroに軍配が上がり
最高のマスターデータ管理手法考察 & VSCode Extension を活用した話 / developing masterdata management tool by using vscode extension
GeekGig 『スタディサプリ x Showcase Gig』 〜フロントエンドを楽しむ〜 Links: p.6 [Deep Environment Parity CDNT 2019 - Speaker Deck](https://speakerdeck.com/spring_mt/deep-…
Just WebFrontend - 学び直しとメンタルモデル再構築
"Rebuild your mental model of web frontend programming." Web フロントエンドやそれにまつわるプログラミングにとりかかる上でもっておきたいメンタルモデルについて考える本です。 新しい知識は提供しませんが、Web フロントエンドの学び直し・向き直りをすることで楽しさ・自信を提供したいと考えています。 Web フロントエンドにおいて考えたいことは何なのか。 特定技術に左右されず、持っておくと良さそうなメンタルモデルとはどういったものなのか。 React, Angular を例に取り上げて 2 つの特徴を洗い出し、Web フロントエンドのコンポーネント志向と持っておくとよさそうなメンタルモデルについて考えます。 誤り・ご指摘やご意見があればフィードバックいただけると嬉しいです。
時短してますか？Web制作が変わる最新オンラインツール38個まとめ
日頃の忙しい業務を少しでも楽にしたい、効率化したいと考えている人にぴったりな、Web制作で使える最新オンラインツールをまとめてご紹介します。 コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。 カテゴリごとに整理しているので、制作フローに新しく追加してみてはいかがでしょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール クリックで一発コピペできる、120種類以上のCSSボタンを集めたライブラリ。3Dやグラデーション、レトロな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンドの複雑さに立ち向かう / Tackling Complexity of Front-end Software with DDD and Clean Architecture
動画のテキストも一瞬でコピペ！メモ効率があがるChrome拡張機能『Blackbox』【今日のライフハックツール】 | ライフハッカー・ジャパン
NDLイメージバンク | 国立国会図書館
