[B! web] hiroaki256のブックマーク

hiroaki256 id:hiroaki256

webに関するhiroaki256のブックマーク (59)

GitHub - omni-media/omniclip: Open source video editing web application
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
hiroaki256 2024/05/29
動画

編集

web
リンク
Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで﹁紙っぽさ﹂を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！はじめに‥﹁紙っぽさ﹂とは？私が言う﹁紙っぽさ﹂とは、おもに﹁雑誌っぽさ﹂のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。たとえば、以下のようなデザインは私にとって﹁紙っぽい﹂例です。出典‥六本木未来会議出典‥DMN出典‥ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。その①‥文字が﹁組まれて﹂いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある﹁NO. 153﹂の文字のうち、﹁NO.﹂だけが縦向きになっています。﹁NO.﹂と﹁153﹂を
hiroaki256 2024/04/12
デザイン

web
リンク
【今さら聞けない?!】T3 Stack によるフルスタックWebアプリ開発 - Qiita
はじめに今フロントエンド/バックエンドの垣根を超えて巷を賑わせている T3 Stack について調べてみました。要素技術一つ一つが濃密なので、本記事ではあまり深入りはしませんが、﹁それらがどういう旨みを持ってT3 Stackを成しているのか﹂、﹁少し動かしたことがあるよ﹂と読み終わる頃には人に説明できるようまとめてみました。キーワードは full-stack typesafety(フルスタックな型安全) です。📝 T3 Stack T3 Stack とは、Theo 氏によって提唱された Web 開発技術スタックで、以下の思想に焦点を当てています。 simplicity(シンプルさ) modularity(モジュール性) full-stack typesafety(フルスタックな型安全) The “T3 Stack” is a web development stack made by
hiroaki256 2023/12/28
react

js

スキーマ

web
リンク
医療のマスターDBを爆速で検索するWebサービスを爆速で作った
ヘンリーの Lead Architect の kohii です。先日、医療系の個人開発サービス MediXplorer を作ったので、簡単なサービス紹介と技術的に工夫したこととかについて書きます。作ったもの MediXplorer は厚労省（もしくは社会保険診療報酬支払基金）から提供される医科診療行為マスターを検索・閲覧するためのWebアプリケーションです。医科診療行為マスターって？日本には診療報酬制度というものがあり、病院等が医療サービスを提供した際の医療費の計算ルールが定められています。このシステムのもと、医療機関は提供した医療行為ごとに決められた点数に基づき医療費を計算し、患者や保険組合に請求します。（初診料 = 288点みたいなやつ。1点10円で、通常そのうちの3割を会計時に支払う。）「医科診療行為マスター」は、これらの医療行為のデータベースの一つで、列数150、行
hiroaki256 2023/12/25
検索

サービス

web

圧縮

データ

グリッド
リンク
Web APIを手作りする時代は終わった？
::: message info これは[フィヨルドブートキャンプ Advent Calendar 2022 Part.1](https://adventar.org/calendars/7760)の25日目の記事です。昨日の記事は:@shujiwatanabe:shujiwatanabeさんの[質問しながら出来るようにしていく](https://shu91327.hatena blog.com/entry/2022/12/24/091025)と:@saeyama:saeyamaさんの[Rails/Vue 編集時に画像をD&Dで入れ替えした時のActive Storageの保存方法](https://saeyama.hatena blog.com/entry/2022/12/24/000123)でした。 ::: ↓こういうのを職人が丹精込めて一つ一つ手作りする時代は終わりました。 ```sh
hiroaki256 2022/12/26
api

web

db

jwt

スキーマ
リンク
Webページの見栄えをよくするたった58バイトのCSS
ほとんどのWebページの見栄えをよくするたった58バイトのCSSを紹介します。 3つのプロパティだけですが、Webページを実装する時の最初のスタイルとして用意しておくとよいかもしれません。また、ボーナスの100バイト版とオプションのさらに100バイト版も合わせて紹介します。 58 bytes of CSS to look great nearly everywhere by @JoeyBurzynski 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webページの見栄えをよくする58バイトのCSS 58バイトのCSSの解説 Webページの見栄えをよくする100バイトのCSS 100バイトのCSSの解説オプションでさらに100バイト Webページの見栄えをよくする58バイトのCSS 58 bytes of CSS -Code
hiroaki256 2022/10/21
css

web

素材
リンク
LPやWeb製作を高速化するUIコンポーネント集を作った
リンクコンポーネントの例概要とモチベーション Camome UIはひとことで言うと﹁抽象度の高い UIコンポーネント集﹂です。 Bootstrap やMUI などのフレームワーク・ライブラリの類とは異なり、網羅的・汎用的なパーツを提供することが目的ではありません。つまり Button や Input や、もう少しハイレベルなNavbarなどを高いカスタマイズ性とともに提供するつもりはありません。それよりも﹁LPのこの部分にコピペすればサクッと決まる﹂ような体験を重視しています。UI デザインといっても、多くの場合はそれほど変わったものが求められるわけではなく、使い回せるものが大半だと思います。要するに﹁デザインの常套句﹂みたいなものが存在するわけです。Camome UIはそういう﹁よくある﹂デザインをたくさん収録することを目的としています。プログラミングは得意でもデ
hiroaki256 2022/09/17
コンポーネント

ui

js

html

web
リンク
GitHub - tauri-apps/tauri: Build smaller, faster, and more secure desktop applications with a web frontend.
Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface. The backend of the application is a rust-sourced binary with an API that the front-end can interact with. The user interface in Tauri apps currently leverages tao as a window handling l
hiroaki256 2022/06/18
electron

web

html
リンク
sessionとcookieが多分わかる資料
AWS Application Composerで始める、サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
hiroaki256 2022/06/04
web

プログラミング

開発

基礎

http
リンク
GA4代替のアクセス解析ツール候補、あるいはユーザーのデータをどこに預けるべきか - makitani.com
Googleアナリティクスのユニバーサルアナリティクス版の停止予定が発表された。で、はたしてGA4は小規模サイトのアクセス解析ツールとして機能するのか、代替ツールっていま何がある？という話はa2iのセミナー編成委員会でも出ていて、他所でもその議論を見かけるので、ちょっとつらつらと書いていく。お題。﹁GA4の代わりになる無料や低価格のアクセス解析ツール候補﹂。ただし、ここで挙げるツールをすべてオススメしているわけではない。機能や条件として可能性のありそうなものをとりあえず挙げている。 GA4代替の無料や低価格のアクセス解析ツール候補 1. Matomo オープンソース。GA代替として機能面も申し分ない感じ。データも所有サーバーに保存。インストールにはMySQLのデータベースが必要なので、手軽に利用できる感じではないかもしれない。昔はPiwikという名前だったのでご存じの人多し。でも使っ
hiroaki256 2022/03/29
解析

ツール

web

ga
リンク
ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました
この記事で紹介した手順をライブラリ化して公開しました🎉 こちらの別記事で使い方など詳しくご紹介していますので、ぜひご参照ください！はじめに言い切りタイトルすみません僕を含む一定数の人にとって現時点でのベストプラクティスとなりうる手法という意味で紹介しています極めてシビアな帳票出力の世界にいる人から見ると使い物にならない内容かもしれないと思います帳票印刷の世界では SVF というサービスが有名らしいです。が、こういった外部サービスは使わずに自力で実装するというのがこの記事の前提です動的に明細行の数が増減する連票はこの記事の解説では考慮していませんが、追加で実装するのはそれほど難しくないということは読んでいただければ分かるかなと思います結論から僕が考える現時点でのWebアプリでの帳票印刷のベストプラクティスは、 Adobe XD や Figma で帳票のレイアウトをデザイン
hiroaki256 2021/06/06
web

技術

PDF

帳票
リンク
予算の少ないWebサイト制作は失敗する？Webサイト制作の実態調査｜WACUL TECHNOLOGY & MARKETING LAB | 株式会社WACUL
Webサイトの新規立ち上げ・リニューアルは、そのほとんどがコンバージョン数の増加や企業/サービスイメージの向上などを目的に実施される。今回は、アンケート調査によってWebサイト制作で成果を出している“発注者”の共通点を探った。
hiroaki256 2021/06/04
web

サイト

マーケティング

考え方
リンク
WebAssemblyのWeb以外のことぜんぶ話す
Kernel/Vm探検隊 online part2. 発表動画: https://youtu.be/brrm328XItM?t=8221Read less
hiroaki256 2021/03/20
web

仕様

wasm
リンク
セキュリティ視点からの JWT 入門 - blog of morioka12
こんにちは、ISC 1年 IPFactory 所属の morioka12 です。この記事は IPFactory Advent Calendar 2020 の10日目の分になります。 IPFactory という技術サークルについては、こちらを参照ください。本記事の最後に記載されている余談でも IPFactory の詳細を紹介しています。はてなブログに投稿しました #はてなブログ IPFactory Advent Calendar 2020 の10日目の記事を書きました#JWT #security セキュリティ視点からの JWT 入門 - blog of morioka12https://t.co/g1MYe77hAF — morioka12 (@scgajge12) 2020年12月10日普段は Web Security や Cloud Security 、バグバウンティなどを興味分
hiroaki256 2020/12/11
jwt

アルゴリズム

json

web

セキュリティ
リンク
UberEatsやAmazonのマケプレなど…「ウチはシステムを貸してるだけでその先の問題は知らない」と言い張れる法律のバグが生まれているという話
魔法少女くにゅくにゅ a.k.a. 椚座淳介 @kunukunu U某er某ats の配達員が危険運転してても，Ama某onマケプレで，得体の知れない業者が発火する電気製品を堂々と売ってても，ウチはシステムを貸しているだけなので，その先で起きた問題については知るところではないと言い張れてしまうのは，Web時代に新たに顕在化した法律のバグみたいなものだよな 2020-11-19 21:48:53 魔法少女くにゅくにゅ a.k.a. 椚座淳介 @kunukunu Web時代の法整備といえば，これまでは著作権や人格権，電気通信事業者の責任範囲というような話が主なトピックだったけれど，本当の課題は，民法や契約の概念そのものにあるのかもしれない。某berのようなマッチングビジネスの登場で，民法第715条あたりが問題になるとは誰も思わなかったのでは。 2020-11-19 22:09:21
hiroaki256 2020/11/22
法律

システム

web
リンク
デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
こんにちは。TAK(@tak_dcxi)です。今回記事にするのはタイトル通り﹁デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り﹂についてです。以前ツイートしましたが、特に説明もなかったので自分の備忘録も兼ねて。 Androidに明朝体は無い Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Androidにはデフォルトで明朝体は入っていないです。よく明朝体マシマシのデザインを見かけたりするのですが、デバイスフォントだけではAndroidでそのデザインを実現することは不可能だと思っておいたほうが良いでしょう。ただ、明朝体のWebフォントを利用すればAndroidでも明朝体は表示できるので、デザイン的に明朝体が必須って場合はWebフォントを利用しない手は無いと思います。個人的見解ですが、デザイン重視なら明朝体はGoogle FontsでN
hiroaki256 2020/10/18
フォント

android

windows

web

デザイン
リンク
Web会議、そのままでいいですか？ - Qiita
本記事を読むと嬉しくなる人・Web会議アプリケーション(ZoomやSkypeなど)を利用して、業務を行っている人・今のWeb会議に不満がある人・オリジナルWeb会議アプリケーションを実装してみたい人背景本記事を見つけてくれたあなたに私はまず問いかけます。 Web会議、そのままでいいですか？　と。昨今のコロナ禍により、企業ではリモートワークが推進され頻繁にWeb会議が行われるようになりました。私は、入社1年目の新人ですが、これまで参加した部署の会議もほとんどWeb会議で開催されました。そのWeb会議では、特定の数人だけが話すことが多かったり、話しづらい雰囲気があると感じることもありました。また、研修もWeb会議形式で行われましたが、対面形式よりもディスカッションを行うのが難しいと感じることがしばしばありました。そこで、現状のWeb会議の方式では問題があるのではないかと
hiroaki256 2020/10/05
web

会議

仕事

skyway
リンク
コンテンツ生成システム化する「小説家になろう」系WEB小説群｜久保内信行
週に三回は書くと言って即一週間ぶっちぎることになんの良心的呵責も持たなくなった久保内ですけど。なろう系の小説については編集サイドにいたのがもう5年前くらいの話なので、そのころの知識から大きくアップデートできていないことをまずはお断りしておいて。大きく違うところがあったら各自指摘してください。なろう系の小説の商業化ですが、レーベル数や、作品ごとの販売価格が出そろい、当時は累計５-６万ポイントになったあたりで数社からのオファーが来るような状態でした。今はもうちょっと低いかもしれない。また、販売実績を睨むと、小説としてみた場合、一冊あたりの売り上げが落ちてはいて、それだけなろう系小説の商業化がありふれたものになったことがうかがえます。しかし、出版点数自体はすでに一定の地位を占めており、なろう系レーベルにほぼ鞍替えしたと言っていいような老舗レーベルなどを見るにつけ、一点当たりの出版部数が減っ
hiroaki256 2020/09/23
web

コンテンツ

システム

業界

ラノベ
リンク
Webとネイティブアプリの付き合い方を改めて考える / Native apps and web
iOSDC Japan 2020 Day2 Proposal: https://fortee.jp/iosdc-japan-2020/proposal/d996c43a-834b-4bfe-b15a-67457725da02
hiroaki256 2020/09/22
web

pwa

開発

ネイティブ
リンク
https://www.prime-strategy.co.jp/resource/pdf/DevelopersSummit2020.pdf
hiroaki256 2020/05/07
開発

パフォーマンス

最適化

Web
リンク
1 2 3 次のページ