プロジェクトを保存しよう 動画を書き出すまえに、念のためプロジェクトを保存しておきましょう。 これは、ゲームで例えると手動セーブのようなものです。 環境によってはDaVinci Resolveが落ちることがあるので、万が一のことを考えてプロジェクトを保存しておきます。 やり方は、「ファイル」→「プロジェクトを保存」です。ショートカットキーは、Ctrlキー + Sキーです。 もし手動保存が煩雑である場合は、自動保存(自動バックアップ)する設定にしておくのもよいでしょう。 左上の「DaVinci Resolve」→「環境設定」の順にクリックする。 上部にある「ユーザー」タブを開く。 左メニューの「プロジェクトの保存とロード」を開く。 「ライブ保存」にチェックを入れる。 「プロジェクトのバックアップ」にチェックが入っていることを確認する。 「保存」をクリックする。 ▲このように設定しておけば、D
いよいよユーザーテストに入ります。テストの結果どうなり、何がわかったのでしょうか。今回は、ユーザーテスト本番の様子をお伝えします。 中根さん登場!前回の記事でもご紹介した中根さんに、実際に当社までお越しいただきました。中根さんは、アクセシビリティの専門家です。かつてはW3CのWAI (Web Accessibility Initiative) でアクセシビリティガイドラインの策定にも関わっており、現在ではアクセシビリティの情報サイト「AccSell」を主催して、Webに限らず、アクセシビリティ全般の情報を積極的に発信されています。 弁護士ドットコムの社内からは、20名ほどの参加者が集まりました。テストに先立ち、まずは視覚障害者の一般的な環境や、中根さんの普段の利用方法をご紹介いただきました。この内容は第1回、第2回の記事で触れた内容と重複しますので、そちらをご覧いただければと思います。 い
TypeScript の tsconfig.json が とりあえずできました. 次は静的解析ツールの TSLint を 設定する tslint.json の 設定内容について検討します. 作業環境 Windows 10 64bitNode.js 8.4.0 64bitTypeScript 2.4TSLint 5.6.0TSLint とは?TSLint は プログラムを動作させずに解析し問題になりそうなコードや規約違反などをチェックする TypeScript 向けの静的解析ツールです. JavaScript では ESLint、Java では SpotBugs(FindBugs) & Checkstyle などが同種のツールにあたります. 設定項目の確認TSLint core rules を 確認し、ざっと理解のためのメモを作りました. 英語ができないのと、TypeScript/TSLin
スマホや最近のブラウザではスクロールバーが出ないことがありますよね。 スマートでとてもいいのですが、枠の中にしっかり文字が収まってると スクロールできるかが分からない!と、いうこともあります。 (※あくまで個人的な意見ですが) (K)iPhoneでもスクロールバーを表示させて、カスタマイズする方法はWebkitで | web(K)campus 上は、参考にさせていただいたサイトです。 仕事で「文字がはみ出した時だけスクロールバーを出したい!」 という時に使用させていただきました!とても助かりましたm(_ _)m 同じ色、方法ですが私もご紹介させていただきます。 デモはこちら (スマホで開くにはデモサイトのレイアウト配慮できていません) html <!--普通のスクロール--> <div> 文章いっぱい<br> 文章いっぱい<br> 文章い
こんにちは。良昌です。 Facebook、GithubなどのJSON形式でユーザ情報を返却するAPIや、PhoneGap、Monacaなどのスマートフォンのマルチプラットフォームを提供するライブラリ、IDEが開発ツールとして定着してきたことにより、JavaScriptを利用する機会が増えたのではないでしょうか。 今回は、JavaScriptコンテナがWebブラウザの場合に、動的に確保されるメモリ領域の浪費を避ける方法について書きたいと思います。 JavaScriptにおけるメモリの浪費を避けるコーディング JavaScriptにおけるメモリの浪費を避けるコーディングをするためには、GC(ガベージコレクション)、クロージャについての知識が必要です。まずは、この2つの機能について説明していきます。 ■GC(ガベージコレクション) GCとはプログラムが動的に確保したメモリ領域の内、不要になった領
無料のオンラインホワイトボードサービスmiro(ミロ)とは?使い方や料金などを徹底解説 2019-03-31 (最終更新:2022-03-08) タスク・チームビルディング miro 本記事ではクリエイターやビジネスパーソンに絶大な人気を誇るオンラインホワイトボードサービス miro(旧 Realtime Board )について解説します。miroがあれば、「アイデア出し」「プロトタイプ作成」「ブレスト」「業務整理」「プロジェクト評価」などなど、個人やチームでホワイトボードで整理する様々な仕事をオンラインで完結させることができます。本記事ではそんなmiroの魅力や具体的な使い方について解説をします。
アプリをDLしてもらうために重要な要素の一つである★評価。 Apptentiveの調査では約8割の人がDL前にレビューを見ていて、DL率にも大きく影響をもつと言われています。 ★1で約12%、★2で約15%、★3で約50%、★4で約96%、★5で約100%のユーザーがDLしようと思う。 裏を返せば、アプリストアで見つけてもらっても★4以上ないと半分以上の人がDLをためらう悲しい事態に。 そこで今回は400個以上のアプリを触る中で良いなと思った「レビュー依頼施策」についてまとめました。 それでは、いってみましょう! ※補足 ・評価点と評価数は2020/5/5時点のGooglePlayのデータです。 ・触る中で見つけた内容なので、実際の仕様と異なる可能性があります。 ①嬉しい体験をした時に依頼する購入完了など価値を感じている時に依頼を出すのが基本。発生しやすいイベントだと回答数も集めやすい。■
Webサイトにファビコン(favicon)を設定しておくことで、ブラウザのタブやGoogleの検索結果にアイコンが表示されるようになります。 今回は、2021年現在のファビコン(favicon)の設定方法とおすすめの作成ツールについてご紹介したいと思います。 ファビコン(favicon)とは? ファビコンとは、Webページごとに設定されるブラウザのタブなどに表示されるアイコンのことです。 PCのブラウザでWebサイトを開くと、タブごとにサイト名の隣にアイコン画像が表示されますが、その画像はWebページ側で指定したアイコンが表示されるようになっていて、ブラウザでの見た目が分かりやすくなるだけでなく、Webサイトのブランディングやイメージ作りにも影響を与えます。 ファビコンは、主に下記の箇所に表示されます。 必ずファビコンを設定しないといけないわけではありませんが、ファビコンが設定されていない
独学でつまずいていませんか? Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください! →スクールの魅力が分かる資料はこちら!(資料請求) スライスせずに書き出せるPhotoshopの「画像アセット生成」って? 画像アセット生成とは、ファイルのレイヤーやレイヤーグループのコンテンツからJPEGやPNG等の画像アセットを生成するという、スライス作業を不要とする機能です。PhotoshopCCから実装されている機能で、CC2014以降は画像に加えてSVGの書き出しも可能となりました。 普段からコーディングもしているデザイナーさんは効率化のために早くから使ってい
こんにちは、HR業界でアプリマーケティングをしている宮﨑です。 ・アプリのアップデート前後のUI変化 ・Push通知など気になったGrowth施策 こうしたものを「#アプリノック」としてTwitterで毎日投稿しています。 本記事は11月も100本ノックをする中で感じた学びの第2弾になります。 それではいってみましょう! ①何をする画面なのかの明確化 同じ粒度の情報が多いと何をすべきかわからず面倒に。情報に差をつけて直感的に何をするか伝わる画面にする。 ■メルカリ:メルペイ画面のUI変更 ボタンが8個→4個に減りキャンペーンが目立つ位置に移動。引き算×強調のお手本にしたいデザイン。 ■AWA:曲のアクション画面のUI変更 お気に入り、ダウンロード、プレイリストの3点が明確にサイズアップ。 ②プッシュする施策は納得感を アプリ側がやって欲しいことを勝手に押し付けるのはNG。ユーザーの行動に合
「ザ・マイクロコピー」という本の中で次のような一説がでてきます。 何も考えずにこれしかないだろうと3回クリックするのと、これかなぁと迷いながら1回クリックするのとは同じ重みを持つ 。ちょっとした「?」がどれだけユーザーの集中力を邪魔しているか。 アプリの使い方に意識がさかれて、メインコンテンツへの集中がおざなりになっていたら勿体ない。アプリの運用者としては避けたい状況です。 そこで今回は「ユーザーに考えさせない工夫」を集めてみました。 それでは、いってみましょう! ①補足はとにかくシンプルに 長い説明は読み飛ばされるもの。最低限の言葉におさえることでユーザーの心理的負荷を下げていきたい。■無印良品:初回起動画面のUI変更 繰り返しや補足は全て削除。「はじめてor復元」のシンプルな画面に進化。 ■アパホテル:クーポン画面のUI変更 挨拶/会員情報/長い注意書き…etcを全て削除。1番重要な「
CSSで美しいシャドウをつけるbox-shadowの書き方を紹介します。 少し大きめのシャドウを適用し、ネガティブに縮小させることで、通常のシャドウより少しだけ彩度が高くなり、要素がくっきり見えます。
デバイスを判定する方法として、UAから判断したりUAparser.js などのライブラリを使う方法がありますが、とにかくモバイルかどうかだけを判定したい時に、ライブラリを読み込んだりするのもどうなのか。と思っていた時に、発見した方法がメディアクエリを利用する方法 参考: https://medium.com/@ferie/detect-a-touch-device-with-only-css-9f8e30fa1134 CSSの2つのフィーチャーを使う それは Hover と Pointer hover ポインティングデバイスが要素のhoverをサポートしているかをチェックすることができる pointer ポインティングデバイスを持っているか、もしそうならば、主要なポインティングデバイスにどれだけの正確性があるかを調べる この二つを組み合わせることで、モバイルデバイスを判定することができる
How to build accessibility semantics into web patterns and widgets ARIA Authoring Practices Guide (APG) Home Learn to use the accessibility semantics defined by the Accessible Rich Internet Application (ARIA) specification to create accessible web experiences. This guide describes how to apply accessibility semantics to common design patterns and widgets. It provides design patterns and functional
各要素の挙動の差をを考慮してHTMLを組み立てることが重要です。 例えば、アンカーリンク(<a>)同士を相互リンクする場合は、次のようにリンク先を別の子要素に肩代わりさせることで対処します。 <a href="#link-b"><span id="link-a">LINK A</span></a> <a href="#link-a"><span id="link-b">LINK B</span></a><aside>などlandmarkやブロック要素へVOフォーカスすると、最初の子要素を読み上げます。(最初の子要素がVOフォーカス可能な場合のみ) また、リンク先がlandmarkの最初の子要素の場合は、asideに設定したaria-labelの値も読み上げられます。 <!-- Link to span --> <aside aria-label="StarTrek"> <span id="
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く