タグ

ginpeiのブックマーク (3,764)

  • 日本語におけるtext-wrapプロパティの運用

    CSStext-wrapプロパティを使うと、テキストの行の折り返し方を変更できる。text-wrap: balanceを適用すると、適用しない場合と比べて次のように変化する。 CSS text-wrap: balance  |  CSS and UI  |  Chrome for Developers text-wrap: balanceが適用された下の例では、すべての行の長さが均等になるように制御されている。 しかし正確に言えば、必ずしもすべての行の長さがまったく同じになるわけではない。文字の適切な折り返し位置を考慮した上で、おおよそ同じくらいの長さになるように分配される、というのが正しい。通常、一つの英単語の途中で行が分割されるようなことは起こらない。これは、英語では単語の区切りに空白文字を挟んで記述されるが(わかち書き)、それが改行位置を決めるためのヒントとなるからである。 だが日

    日本語におけるtext-wrapプロパティの運用
    ginpei
    ginpei 2024/07/22
    見出しが中央寄せならbalance、行頭寄せならpretty、本文は無指定が良いそう。(balanceは各行の長さが揃い、prettyは最後の行が2語以上になる。) 見出しにword-break:auto-phraseも併用。最後に具体的な実装例。
  • Webサービス公開前のチェックリスト

    個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお

    Webサービス公開前のチェックリスト
    ginpei
    ginpei 2024/07/05
    セキュリティやSEO関係の設定、非機能要件の確認事項とか。
  • 就職決まったと思ったら詐欺だったようだ|Yu

    カナダで就活詐欺?にあってしまいました。幸い金銭被害/SINナンバー等の流出はありませんが、けっこう入り組んでいて私はまんまと引っかかってしまったので、どなたかの参考になればと思い、恥を忍んで公開します…。長いですのでお暇な時にでもご笑覧ください。 面接しませんか、とのメールある火曜日、服飾系の会社のHR Recruiter/Talent acquisition managerを名乗るAから「あなたの In●●dレジュメを見ました。うちのリモートマーケティングスペシャリストの面接をうけてみませんか。このポジションは急ぎで雇いたいので、もし興味があれば今週か来週の前半くらいでオンライン面接できる候補日時をご返信ください」と職務内容や勤務形態(フルリモート)、給与幅を記載したメールが届く。 応募した覚えがない会社からで、マーケティング専攻ではない私になぜ送っ来たのか不思議なメールではあったが、

    就職決まったと思ったら詐欺だったようだ|Yu
    ginpei
    ginpei 2024/06/01
    発覚後の対応とか書かれていてありがたい。詐欺内容は小切手による機材の代理購入。小切手は先に入金処理してから検証するので自分の口座の金額が増えて見えても確定は数日後。クリーンアップは知らなかった。
  • カンファレンス主催者から見た プロポーザルを通すコツ / How to hack the CfP

    第146回 PHP勉強会@東京のLT資料です。 PHPerKaigi 2023トーク募集中です! https://phperkaigi.jp

    カンファレンス主催者から見た プロポーザルを通すコツ / How to hack the CfP
    ginpei
    ginpei 2024/06/01
    タイトルや概要を見て判断するのでこれを充実させる。「〇〇で〇〇して〇〇する」は良いタイトル。概要は背景、主題、必要なら目的や効果に触れ20行程度。情熱や実績で選ばれることも。
  • オブジェクト指向のその前に-凝集度と結合度/Coheision-Coupling

    Jetpack ComposeとGraphQLによるServer Driven UI/jetpackcompose-grahpql-serverdrivernui

    オブジェクト指向のその前に-凝集度と結合度/Coheision-Coupling
    ginpei
    ginpei 2024/05/31
    凝集度は関数を適切に分割するための尺度。呼び出す関数同士の関係性から分類する。ここでは関数を前提に説明。
  • スクラムガイド - Scrum Guide 2020 年 11 月

    ginpei
    ginpei 2024/05/27
    スクラムガイド公式日本語版PDF
  • コード品質はやはりビジネスに影響を与える - mtx2s’s blog

    私たちソフトウェアエンジニアは、コード品質についてしばしば論ずるけれども、ではコード品質の良し悪しがどれほどビジネスに影響するのかと問われると、回答に窮する。只々、「コード品質が悪いと変更により多くの時間がかかります」だとか、「欠陥の修正に追われて開発時間が奪われます」だとか、個人の経験やエンジニア的一般論に頼った定性的な説明に終始するしかない。ソフトウェアを繰り返し変更する頻度が高いほど、コード品質が開発時間に影響を与えるのは確かにそのとおりだと思えるが、はたしてそれは、どれほどのインパクトなのだろうか。 2022年の研究論文 "Code Red: The Business Impact of Code Quality – A Quantitative Study of 39 Proprietary Production Codebases" では、コード品質がビジネスに与えるインパクト

    コード品質はやはりビジネスに影響を与える - mtx2s’s blog
    ginpei
    ginpei 2024/05/23
    2022年の論文の解説。コード品質低級vs高級では欠陥が15倍、開発所要時間は2-9倍。分析ツールCodeSceneで測定基準Code Healthを用いた計測。所要時間はGitコミット時刻やJiraチケット解決までの時間。N=39。因果は範囲外か。
  • レビューの仕方

    Open8 勉強会で発表したレビューの仕方と心理的安全性の話しです。

    レビューの仕方
    ginpei
    ginpei 2024/05/23
    瞬間的な完璧さより継続的な改善を。不適切でも他がそうなら状況が悪化しないから許容。教育目的なら細かくやる場合も。レビュー時間がなくても返事はすぐに。チームビルドの一環である点を忘れない。
  • 令和時代の API 実装のベースプラクティスと CSRF 対策 | blog.jxck.io

    Intro CSRF という古の攻撃がある。この攻撃を「古(いにしえ)」のものにすることができたプラットフォームの進化の背景を、「Cookie が SameSite Lax by Default になったからだ」という解説を見ることがある。 確かに、現実的にそれによって攻撃の成立は難しくなり、救われているサービスもある。しかし、それはプラットフォームが用意した対策の質から言うと、解釈が少しずれていると言えるだろう。 今回は、「CSRF がどうして成立していたのか」を振り返ることで、当にプラットフォームに足りていなかったものと、それを補っていった経緯、当にすべき対策は何であるかを解説していく。 結果として見えてくるのは、今サービスを実装する上での「ベース」(not ベスト)となるプラクティスだと筆者は考えている。 CSRF 成立の条件 例えば、攻撃者が用意した attack.examp

    令和時代の API 実装のベースプラクティスと CSRF 対策 | blog.jxck.io
    ginpei
    ginpei 2024/04/30
    ヘッダーのOriginやFetch Metadataを確認し、CookieはSameSite=Laxで設定。加えてCSRFトークンを利用しても良いが、優先度を間違えてはいけない。こんにちはこんにちは。
  • 次世代型XRグラス「VITURE One」

    まるで、持ち運べる映画館!フルHD × 120インチ相当の大画面有機EL搭載、躍動感あふれる高画質&⼤画⾯で、大好きなゲーム映画(2D/3D)をくつろぎながら “いつでも” 楽しめる!※VITURE Oneはあらゆる端末・動画配信サービスに対応 携帯ゲームがもっと面白くなるワンランク上の没入型体験へ!Steam DeckやAYANEOなどのポータブルゲーム機に繋げば、大画面で楽しみながら、駆動時間が大幅UP!さらにNintendo Switchなら2人プレイも可能!ゲームに没入感を求めるあなたに、最高級のプレイ体験をお届け! ※利用にはモバイルドックが必要です 地球の裏側でも PS5 が遊べる!クラウドゲーミングの神ツールAndroidベースの独自OS を積んだネックバンドを繋げば、 PS5STEAMのリモートプレイやクラウドゲーミングも、サクサク遊べる!お気に入りのゲームパッドやキー

    ginpei
    ginpei 2024/04/05
    PCやスマホとマグネット式の有線接続。耳元で音も鳴り、グラスを不透明化、投影スクリーン位置を固定、近視用に度数調整といった機能。乱視も外付けで対応。
  • GitHub - ffmpegwasm/ffmpeg.wasm: FFmpeg for browser, powered by WebAssembly

    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

    GitHub - ffmpegwasm/ffmpeg.wasm: FFmpeg for browser, powered by WebAssembly
    ginpei
    ginpei 2024/03/17
    ffmpegのWebAssembly。npmでインストールして動画編集できる。
  • Pico Talent | Vancouver Background Extras

    ginpei
    ginpei 2024/03/07
    バンクーバーのタレントエージェンシー。良いらしい。
  • :: LOCAL COLOR TALENT AGENCY INC.

    ginpei
    ginpei 2024/03/07
    バンクーバーのタレントエージェンシー。良いらしい。
  • JSON Lines

    Documentation for the JSON Lines text file format This page describes the JSON Lines text format, also called newline-delimited JSON. JSON Lines is a convenient format for storing structured data that may be processed one record at a time. It works well with unix-style text processing tools and shell pipelines. It's a great format for log files. It's also a flexible format for passing messages bet

    ginpei
    ginpei 2024/03/04
    1行ごとにJSONを記述する方式のテキストファイル仕様。ログファイルに最適、CSVより良いぞ、とのこと。推奨の拡張子は.jsonl、MIMEタイプはapplication/jsonl。
  • Method Shorthand Syntax Considered Harmful

    Using the method shorthand syntax for function annotations in TypeScript can result in runtime errors. It is recommended to use object property syntax instead.

    Method Shorthand Syntax Considered Harmful
    ginpei
    ginpei 2024/02/04
    TypeScriptでメソッド定義をメソッド風 `{ foo(): void }` に書くのとアロー関数風 `{ foo: ()=>void }` に書くのとでコンパイラーの認識が変わる話。アロー関数風の方が型エラーをちゃんと検出してくれる。ESLintで記法を抑制できる。
  • GitHub - benjamine/jsondiffpatch: Diff & patch JavaScript objects

    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

    GitHub - benjamine/jsondiffpatch: Diff & patch JavaScript objects
    ginpei
    ginpei 2024/01/24
    JSONオブジェクトの差分を操作できるライブラリー。差分適用は破壊的に作用。
  • Mini Tokyo 3D

    A real-time 3D digital map of Tokyo's public transport system. This data visualization was produced by Akihiko Kusanagi.

    Mini Tokyo 3D
    ginpei
    ginpei 2024/01/19
    東京の公共交通機関の車両や航空機をリアルタイムで可視化。好きな場所を見たり、特定の機体を追ったり。Ctrl+ドラッグないし2本指スワイプで俯角。ソースコードはGitHubに。
  • やまいだれに合わせろ ~ 熟語部首統一作戦 ~

    やまいだれに合わせろ ~ 熟語部首統一作戦 ~ 芥川龍之介著『侏儒の言葉』を読んでいたら「麻痺」を「痲痺」と表記してあるのを見つけまして、「これだ!」と漢字好きの心が沸き立ったわけです。やはり部首が合わせてあると熟語としての見栄えもよくなるというもの。 例えば「膨張」よりも「膨脹」とか、「発酵」よりも「醗酵」とか。あと工場の看板などで「板金」を「鈑金」と書いてあったりとか。 探してみたところ、以下の例が見つかりました。 愛欲 → 愛慾 隠滅 → 湮滅 温和 → 穏和 海里 → 海浬 壊滅 → 潰滅 活発 → 活溌 肝心 → 肝腎 境界 → 境堺 訓戒 → 訓誡 決壊 → 決潰 肩甲骨 → 肩胛骨 鉱石 → 礦石 枯渇 → 涸渇 骨格 → 骨骼 混交 → 混淆 根底 → 根柢 砂漠 → 沙漠 死没 → 死歿 車両 → 車輛 集荷 → 蒐荷 巡回 → 巡迴 船倉 → 船艙 台風 → 颱風 暖炉

    ginpei
    ginpei 2023/12/13
    部首を揃えた二字熟語。
  • Get your work recognized: write a brag document

    There’s this idea that, if you do great work at your job, people will (or should!) automatically recognize that work and reward you for it with promotions / increased pay. In practice, it’s often more complicated than that – some kinds of important work are more visible/memorable than others. It’s frustrating to have done something really important and later realize that you didn’t get rewarded fo

    ginpei
    ginpei 2023/12/08
    振り返りを文書化しようという話。brag=自慢。よくやれたと思うこと、こうすればもっと良かった、とか。定量的でないものも含める。
  • The ultimate MySQL database platform

    Scale, performance, and reliabilityScale, performance, and reliabilitypowered by Vitess The ultimate MySQL database platformPlanetScale is the world’s most advanced, fully-managed MySQL database platform.

    The ultimate MySQL database platform
    ginpei
    ginpei 2023/11/29
    MySQLプラットフォーム。無料プランあり。