個人開発で参考になるNext.jsリポジトリ10選
OpenStatus - ステータスページ App Router Turborepo Drizzle Clerk tRPC Tailwind shadcn/ui LLM Report - OpenAI モニタリング App Router Prisma NextAuth shadcn/ui Stripe Dub - URL 短縮 App Router Turborepo Prisma NextAuth Tailwind Stripe slug - URL 短縮 Prisma NextAuth tRPC Tailwind Cal.com - 日程調整 Turborepo Prisma NextAuth tRPC Tailwind Taxonomy - ブログ App Router Prisma NextAuth Tailwind Rowy - ローコード GUI Firebase Dorf -
勉強になったFigmaのデザインシステム8選｜東 莉緒／Rio Azuma
おひさしぶりです🔅 最近は週末プロジェクトでアプリを2つリリースしようと動いていたり、一人暮らしを始めたり、バタバタした日々を過ごしておりました.... （toCサービス好きな人、一緒に週末プロジェクトやりませんか・・笑 週末プロジェクトはなかなか難しい....） 先日こんなイベントがあり、他社のサービスのFigmaファイルを見る機会が...！そして、Twitterなどで各社、各サービスがFigmaデータやDesign Systemをオープンにしているのを最近ちらほら見かけますよね...！ 私がUIを勉強し始めた時は、Apple社が提唱するHuman Interface GuidelinesやGoogle社が提唱するMaterial designなどのUI設計の原則を定めたガイドラインを読んだり、本やnoteを読んだり、AppleやGoogle社が開発するアプリを中心にトレースしたり..
アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ
オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ① User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で
長崎市│長崎市公式ツイッター アカウントのご案内
Twitterとは Twitter（ツイッター）とは、140文字以内の短文情報を投稿・閲覧するインターネット上のコミュニケーションサービスです。（米国Twitter社が運営しています。） インターネットを利用できる環境（パソコンやスマートフォン、携帯電話など）があれば、誰でも読むことが可能です。 利用方法 上記のアカウント紹介から、長崎市が発信する内容（ツイート）を閲覧できます（外部リンク）。また、アカウントをお持ちの方は、フォローしていただくことで、情報をご覧いただけます。 ガイドラインと運用規定 長崎市ソーシャルメディア等の利用に関するガイドライン（PDF：89KB） 長崎市ツイッターに関する運用規定（PDF：100KB） お願い ツイッターそのものの利用方法について、不明な点は、Twitterヘルプセンター（外部リンク）またはtwitter公式ナビゲーター「ついなび」（外部リンク
人工内耳に対する雑感（長文注意） : 雑記帳
10月12 人工内耳に対する雑感（長文注意） お久しぶりです。 私の母親が今度請われて人工内耳についての講演会で講演をするため、私の意見も欲しいとの事で、母への返信で私の人工内耳に関する雑感を書いてみ ました。大変長いですが、自分の見解がかなりまとまったと思っており、人工内耳をつけようとしている方の参考に少しはなるのではないかと思い、メール内容 を公開してみます。人工内耳に興味のある方に一ユーザーの意見として読んでいただければ誠に幸いであります。 以下転載です（一部伏字） こんにちわ。 メールありがとうごいます。 質問点についてちょっと細かく解説いたします。 > 不便な点も多くあるけど、良くなった点もあるわけですよね。 私の場合は人工内耳がよく適合していたので、トータル的に考えてよかったと思います。 特に、聞き取り能力は手術後1年あたりから非常に向上し、環境にもよりますが、初対面ではまず耳
R o m a t i c A : Blog : Archive » 「Flashの演出」に困ったらここから盗め！
Flashの演出を考える時に困ったら、よく参考にしている物を紹介します。 演出のヒントがたくさん転がっています。 MarkColeran 映画等に出てくるコンピューター画面のUIをデザインしている、 MarkColeran氏のポートフォリオ映像、2本。 これらは、言ってしまえば所謂「インタラクション」では無く「映像」として作られていて、実際このようなUIがあったら本当に使いやすいかどうか？は分かりません。 が、しかし、このような映像で一番重要なのは、使いやすさでは無く、 「一瞬しか映らないコンピュータ画面で、どんな処理が行われているか直感的に視聴者に伝わる事」なはずです。 彼のモーションデザインを見ると「今、顔認証したな」とか「指紋を解析してるな」とか「敵が建物に侵入してきたな」とか、そういう事が一瞬で理解できるのです。 Microsoft Sustainability Micro
Web 制作会社ワークフローあれこれ12選 - カタコト日記
Web サイトをどうつくっていくのか。 ワークフローの最適化って難しいし、会社の個性が強く現れるところだと思うんだよね。 今日は深入りはしないで、見せ方の気に入ったワークフローを並べてみることにしました。 コンサルティング中心の会社も入ってますが。 キノトロープ 初期コンタクト 成功予測 戦略策定 戦術策定 制作・公開 更新・運用 効果測定 全体的に若い会社の多いこの業界の中では老舗（1993年創立）。 かっちりしていてある意味でお手本的。ワークフローの本も出してるしね、確か。 イージェーワークス 戦略 構築 運用 ISP系の会社だそうです。図がみやすい！プロモーションの設計〜実行を "明示的に"（他社も当然やってはいるけど）フローに入れてるところが特徴かな。 ビービット サイト戦略策定 サイト設計 デザイン / 制作 効果検証 ユーザビリティに強いことで有名な会社。ちなみに上の図は1.戦
javascript libraryを作るときに便利な3つのfunction : tech.kayac.com - KAYAC engineers' blog
社内で唯一（？）の8 tab派。agoです。 suzunari.js、sisso.jsと、最近いくつかJSのライブラリを公開する機会があったので、そのとき使ったライブラリを作るときに便利なコードを紹介したいと思います。 1 script tagからのパラメータ読み込み 外部からの指定によりライブラリ内の動作が変わる場合、script tagから値を指定できると設定のための記述要素を減らすことができます。 （ファイル名を静的に指定している理由に関しては「最後のscript tagの取得方法」をご覧ください） <script type="text/javascript"http://example.com/path/script_file_name.js#param1=value1¶m2=value2"></script> var param = (function (file_nam
新規でサイトを作るのに使えそうなの一式。Ver 3
随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに使えそうな一式。Ver 3をDL（zip：40kb） Ver 3を見る Ver.3の中身ご説明 主な変更点を。 style.cssのwidthなどのプロパティをまとめていたのをVer1と同じに。 default.cssに書かれていた、p要素のmargin-bottomの指定をstyle.cssに移動。 default.cssのfont-familyの指定を若干変更。 index.htmlにGoogleカスタムサーチ用に使えるソースを記入。 Ja
Googleがデザインするときに大切にしている10個の原則 - GIGAZINE
Googleのユーザーエクスペリエンスチームに所属するSue Factor氏が、Googleの公式ブログにて「Googleらしいデザイン原則」について、10個の原則を提示しています。デザインというか、ネットサービスの設計自体に関する原則となっており、さまざまな場面で応用できそうなものとなっています。 詳細は以下から。 Official Google Blog: What makes a design "Googley"? Googleのデザイン原則は以下の通り。 1.人々に焦点を当てろ――彼らの生活、彼らの仕事、彼らの夢に 2.すべてはミリセカンド単位で数えろ 3.シンプルにすると強力になる 4.初心者ユーザーを引き込み、上級者ユーザーを魅了しろ 5.革新に挑め 6.世界に通用するデザインを 7.今日と明日のビジネスのために計画せよ 8.気を散らさず、目を楽しませるようにしなさい 9.人々
新米Web担当者もこれで安心！8つのステップで始める実践アクセス解析（前半） | Web担当者Forum
この記事で解説しているステップ 健康診断：サイト全体の状況をおおざっぱにつかむ来訪理由チェック：来訪元をつかんで集客のヒントを得る入り口チェック：最初に見られるページから改善のヒントを得る離脱率の改善：訪問者を逃がしているページを動線から見つける次回の記事で解説するステップ コンバージョンの測定：サイトの役割を金額に換算して考えるダッシュボード機能の活用：毎日見るレポートを楽に管理するエクセルでレポート：上司への報告書をテンプレートでつくるさらに詳しい解析：アクセス解析コンサルティングを受ける ステップ1 健康診断： サイト全体の状況をおおざっぱにつかむアクセス解析で毎日見るのはサイトの状況を知るため。健康診断でいうと毎朝の血圧チェックのようなもの。毎日のチェックは簡単にすませよう。サイトの全体的な状況をおおざっぱにつかめばそれでいい。このための指標は次のたった2つだ。 総ページビュー数
ホームページが失敗する理由。成功例に憧れず失敗から学ぶ | 企業ホームページ運営の心得
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） 心得其の参十八 敗軍の将、何も語らず「あの肝がいけなかったのだ」と絶命。 猛毒のテトロドトキシンをもつフグが食べられるようになった寓話で、「あの部分を食べなければ」と残された言葉から安全な箇所が特定されていったというものです。 人類の歴史は失敗の歩みです。成功は失敗の一例に過ぎません。 ところが巷にあるのは成功例ばかりです。日経ビジネス誌の人気連載「敗軍の将、兵を語る」のように、著名人や大企業のものはたまに目に
Lake Nona | A Community Of And For The Future
Find Your Home Lake Nona is the fastest-growing community in Orlando, and it’s no surprise why. We offer a broad collection of home options, from contemporary apartments and townhouses to single-family Commercial Real Estate in Lake Nona Millions of square feet of commercial space currently resides within Lake Nona welcoming businesses, shops, restaurants, medical offices and more. Lake Nona Town
AI-Powered 4G & 5G Network Troubleshooting & Analysis | B-YOND
Simplify 4G & 5G Network Troubleshooting and AnalysisB-Yond brings machine learning and artificial intelligence to telecom network operators all over the world. More reliable and faster 5G rollouts Automated packet analysis Intelligent root cause identification Network failures knowledge bases Seamless troubleshooting of PCAPs
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作の見積金額・相場観を知りたい時に参考になる記事まとめ
http://cargo.dirtylipbalm.com/
Flash/Lite/KlabのケータイFlash勉強会上級編に行ってきました - アークウェブシステム開発SandBox
奇妙なミュージックビデオランキング (The Strangest Music Videos Of All Time-- A Grupthink Topic)
http://www.rtxcite.com/
LAB | Mathieu Badimon