［ダウンロード］ おぢんの文字組みアキ量設定（InDesign・Illustrator用） MORISAWA PASSPORT合成フォント設定 2023.7.8 InDesign向け・ver.4（簡易版）を公開しました 2020.3.28 ［初心者向け］コピペで使える、簡易版（ver.3）を公開しました このページは、おぢん こと、はあどわあく・大石十三夫さんが作成した ・基本文字組みアキ量設定 ・禁則処理セット ・基本文字組みアキ量と禁則処理を含む、段落スタイルをダウンロードするためのページです。文字組みアキ量設定の機能がよくわからない方、なんとなくデフォルトの「行末約物半角」を使っている方は、ぜひ一度、ダウンロードの上、設定を適用してみてください。設定ファイルとあわせ、大石十三夫さん（はあどわあく）のblogもご一読頂くと、より文字組みアキ量設定の理解が深まります。 Blog：なんでや
amazonの出したIDE「kiro」がめちゃくちゃ未来だったのでClaude Codeユーザーの人はみんな一度試してみてほしい どうもこんにちは、昨日AmazonがVS CodeベースのIDEである「kiro」をリリースしました この分野ではcursorやWindsurf、アドオンですがClaude Codeなど様々な選択肢があります そんな中であえてAmazonが出してきたIDEのコンセプトは Vibe coding ……ではなく、 Viable Code だそうです 細かい説明は公式HPを見てもらうとして、他との違いは 「仕様書駆動開発」 を明確に打ち出している点です AIとのコーディングは難しい 特にClaude Codeを弄り倒している人なら常々感じてると思いますが、AIに適切な指示を与えて適切な作業をしてもらうのは非常に難しいです それを解決しようとみんな「sowで書いて」だっ
こんにちは、のまです。先日「デジタルアクセシビリティアドバイザー認定試験Basicレベル」を受験し、合格しました！ 私がこの資格を受験しようと思ったのは、初めはアクセシビリティについて体系的に学んでみたい・自分の知識の力試しをしてみたいという理由からでした。 しかしまだ新しい資格であるため情報が少なく、本当に受験するのか、勉強する必要があるの少し迷っている自分もいました。 そこで今回は、「デジタルアクセシビリティアドバイザー」に関心を持ったけれども受けてみるべきか、どういう資格でどのような内容なのか、ちょっとした勉強法を知りたい方向けに記事にしています。 ただ、以下の項目に期待がある方向けには書かれていないのでご注意ください。 アクセシビリティのWeb技術方面だけ関心がある人 障害やIT、アクセシビリティ、支援技術を深く知りたい人 Webアクセシビリティの実践にすぐ活かしたい人 今回の記事
目標：CursorみたいにObsidianを改造ObsidianはMarkdownのViewerとして最強だ！でもAIとのコラボレーションはまだまだ弱い．ツールチェインとかがないからAIに記事を修正させるとかはまだまだ難しい…．というのは以前の話で今回はObsidian Terminal & Gemini CLIで最強執筆環境を設定していこう． 最終的な地点便利な点はここらへんかな ファイル整理を自動でさせられる タイトル設定をファイルの中身を読んで自動で変更するとかできる 執筆でAIによる編集などをさせられる DeepSearch的に調べた内容をまとめさせる Gemini CLIを有能な司書としてObsidianのメモのメンテナーとしつつ，雑に探し物を調べさせる秘書としても扱うことができるのである． 環境を作っていくterminalをいじる必要がでてくるのでちょっとめんどい．まあできるだ
こんにちは、すずきちえです。LegalOn Technologiesでデザインシステム「Aegis」の開発チームに所属しています。 先日公開したこちらの記事では、私たちのデザインシステム「Aegis」が、いかにして生まれ、会社の共通基盤へと成長していったかの道のりをご紹介しました。 今回はその中でも、Aegisの「ウェブアクセシビリティ・ファースト」という思想を特に色濃く反映している「カラーパレット」について、お話しさせてください。 なぜ、一般的なカラーパレットではダメだったのかデザインに精通している方であれば、「見ためが綺麗なカラーパレット」を作ること自体は、それほど難しくないかもしれません。しかし、「アクセシビリティを担保したカラーパレット」を、大規模なプロダクトで破綻なく運用し続けるのは、驚くほど困難です。 Webアクセシビリティ（身体的な条件や利用環境に関わらず、誰もが情報や機能に
GTMで「特定ページ」にだけ発火するトリガーを作る際、多くの方がURL系変数をお使いになってると思います。 ただURL系の変数と一口に言っても、「Page URL」変数に始まり、「Page Hostname」変数や「Page Path」変数など複数種類がありますよね。 実際のところ、やろうと思えば「Page URL」変数だけでも設定はできます。できますが、実はそうすると落とし穴があったり、問題なくやろうとすると正規表現が複雑になったりと、いろいろと問題がぽこぽこ出やすくなります。 しかしURL系の変数を適切に使い分けることができるとそんな問題も起こりにくく、設定もすっきりできたりするんです。 本記事は過去の「Googleタグマネージャで「特定のページ」を指定するルールの作り方」を今風に手直しした内容となっています。 トリガーの名称が旧称（ルール）にはなっていますが、具体的な条件の作り方は今
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 今の時代、便利なものでAIに依頼すればものの数秒で実装が完了します。 では、ドロップダウンデザインをUXの視点から考えて、「いつ」採用するべきなのでしょう？ そしてどんなシチュエーションでどのような配慮をするべきなのでしょうか？ ドロップダウンに関する記事を読んで学んだことを備忘録としてまとめます。 原則 5-10の選択肢がある場合に使用する ※ あくまで目安で、全てに適用できるルールではないと思います 選択肢が少ない場合はラジオを使えないか検討する ドロップダウンは、少なくとも2回のクリックが必要です。最初のクリックでメニュ
はじめに これまで、デザイナーが UI 改善を提案する際には Figma でデザインを作成し、エンジニアに実装を依頼するのが一般的でした。しかし、Cursor と Devin の導入によって、デザイナーの役割や視点が大きく変わりつつあります。 本記事では、Figma とコードを Cursor によって繋げる取り組みと、そして AI エージェント Devin を活用したことで、どのように UI 改善のプロセスが変化したのかを紹介します。 キカガクの開発組織に Cursor と Devin を導入した際のブログもぜひご覧ください！ Cursor × MCP × Figma でコードを直結 従来は、Figma 上でデザインを作成して、実装段階でコミュニケーションをとる際に、エンジニアとデザイナーの双方にとって時間や手間が発生する課題がありました。 また、デザインデータの Figma と実装コード
こんにちは！株式会社Rabeeでデザイナーをしているkoppiです🐝 FigmaのVariables、使っていますか？ 「ちょっと難しそう」そんな理由で手を出せていない方も多いかもしれません。特に、デザイナーとしてキャリアを始めたばかりの方にとっては、少しとっつきにくい印象があるのではないでしょうか。 「String、Color、Number、Booleanが登録できるらしいけど、それっていつ使うの？」「登録すると何が便利になるの？」 この記事では、そんな疑問を持っている方向けに、Variablesの使い方と活用シーンを分かりやすく紹介していきます！ 1. テーマカラーを切り替えるライトモードとダークモードの画面を作りたいとき。 Color Variableを使えば、モードごとに色を登録しておくだけで、画面全体のテーマを一瞬で切り替えることができます。 使用するすべての色にLightモー
【神機能1】リアルタイム音声対話 Google AI Studioで注目すべき機能の一つが、Gemini 2.5の「Native Audio Output」を活用した、音声で話しかけると自然な音声で返答してくれるリアルタイム音声対話機能だ。日本語を含む24言語以上に対応しているため、英語が苦手でも安心して利用できる。 競合のChatGPTにも「Advanced Voice Mode」という同等の機能があるが、有料プラン（月額約3000円）でも1日あたり約60分の使用制限がある。無料プランではさらに短く、具体的な上限は非公開だが、制限に達してしまうと低性能モードに自動的に切り替わるというなんとも使い勝手の悪い仕様になっている。 では実際に使ってみよう。Google AI Studioにログインし、左側サイドメニューから通常の「Chat」ではなく「Stream」をクリック。 現在利用できるのは
5分でわかるGA4は以下のコンセプトで作成しています。 ・とっても難しいGA4を ・小さな会社のみなさんのために ・1つのテーマを記事と5分ほどの動画で ・簡単に説明する ちょっとずつGA4を覚えたい人は見てみて下さい。
「Webサイトの担当者になったけれど、何から手をつければいいのだろう？」 「Googleアナリティクス（GA4）を開いてみたものの、数字の羅列に圧倒されて、どこをどう見ればいいのか分からない…」 もしあなたが今、このような悩みを抱えているなら、この記事はきっとお役に立てるはずです。 Webサイトをより良くしていくための最初の、そして最も重要なステップは、「今、自分のWebサイトがどんな状態なのか」を正しく把握することです。 やみくもに改善策を試す前に、まずはWebサイトの現状をじっくりと見つめ、課題を明らかにすることから始めましょう。 この記事では、初めてWebサイトの担当者になった新米Webマスターの方に向けて、GA4のデータをどのように活用すればよいかを丁寧に解説していきます。 今回はその第一歩として、「現状のWebサイトを把握する時間」に焦点を当てます。 分析を始める前にぜひ見ておき
1日持たないiPhoneが復活。わずか90分、アップルストアでバッテリーが新品に2025.07.05 16:35136,609 小暮ひさのり 2024年8月7日の記事を編集して再掲載しています。 思っていたよりもサクサクでした。 使っていくうちに劣化は避けられないスマートフォンのバッテリー。iPhoneも例外ではありません。 編集部吉岡のiPhone 13 miniも、購入から2年でバッテリーの最大容量が76％まで低下。普通に使っていると、昼過ぎくらいに20％〜30％まで減るという状態で、外出にモバイルバッテリーが欠かせないとのこと。 Image: ギズモード・ジャパン端末の情報を見るとバッテリーの状態が｢修理｣となってて、もう修理しないとヤバいぞ感が…。なので、今回は実際にAppleストアでバッテリー交換の修理を申し込んでみました。 修理前に行う手順から、当日やることまで、手順を紹介しま
CSSのclip-pathを使うと要素を好きな形に切り抜けます。コンテンツを斜めに切り抜いたり、画像を丸く切り抜いたり、おそらくみなさんも見たことがある表現なのではないでしょうか？ clip-pathでは形を切り抜くための関数が利用できます。2025年4月ごろにリリースされたChrome 135、Edge 135、Safari 18.4にはshape()関数が追加されました。shape()関数を使うとより自由度の高い切り抜きが可能になります。 今回の記事ではclip-pathとshape()関数でどんな表現ができるかをご紹介します！ clip-pathとは まずはclip-pathについて簡単に確認しましょう。 冒頭でも紹介した通り、clip-pathでは要素を切り抜くためのクリッピング領域を作ります。circle()、rect()、path()、polygon()などの関数を使うことで、
つまり、AIOは「AIで最適化する（with / by AI）」のための戦略的アプローチだといえます。 ２．LLMO（Large Language Model Optimization – 大規模言語モデル最適化） LLMO（Large Language Model Optimization）とは、文字通り「LLM（大規模言語モデル）に対して、自社の情報を最適化する」という、広報・情報発信レベルの戦略的アプローチです。 これは、ChatGPT、Gemini、Perplexityといった対話型AIや、GoogleのAI Overviewのような生成AIがユーザーの質問に答える際に、自社のウェブサイトやコンテンツを「信頼できる主要な情報源」として引用・参照させ、ブランドや製品、サービスについて正確かつ好意的に言及させることを主な目的とします。 具体的にLLMOがカバーする領域は、以下のように多
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
