takumi YANO/矢野 拓実 @takumiYANO_ 【140字でまとめるマニュアル設定】 最初はISOを最低で。シャッター速度を1/125で。 ①ぼかしたいならF値を開放ぎみ(1.8等)、くっきりさせたいならF値を絞る(5.6や8)集合写真や背景 ②明るいなと思ったらシャッター速度を早める(1/500や1/1000等) ③暗いなと思ったらシャッター速度を遅くorISOをあげる pic.twitter.com/ziQMlCZYxm 2018-02-11 11:06:12
グッときたphoto、写真術
takumi YANO/矢野 拓実 @takumiYANO_ 【140字でまとめるマニュアル設定】 最初はISOを最低で。シャッター速度を1/125で。 ①ぼかしたいならF値を開放ぎみ(1.8等)、くっきりさせたいならF値を絞る(5.6や8)集合写真や背景 ②明るいなと思ったらシャッター速度を早める(1/500や1/1000等) ③暗いなと思ったらシャッター速度を遅くorISOをあげる pic.twitter.com/ziQMlCZYxm 2018-02-11 11:06:12
2018年のAutoPagerize系拡張機能のあれこれ - 近江在住
2018年です。 私自身は相も変わらずAutoPagerize系拡張をメインブラウザ2つ（Firefox、Google Chrome）に突っ込んで、SITEINFOをほどほどのペースで今もWedataにアップしたりメンテしたりしてます。2017年はVimperatorが死んだり、VimFxに手を出したらこっちも死んだりと、ブラウザ環境が大幅に変わった年でした。今挙げたのはどちらもFirefoxでの出来事ですが、同じような破壊的変更のあおりを受けて本家本元、 id:swdyh 謹製のAutoPagerizeも使えなくなったのがFirefox Quantumのリリースされた昨年11月。それからしばらくしてChrome向けで id:os0x 製のAutoPatchWorkもいつの間にか使えなくなっていました（自分が観測したのは今月初頭b:id:t_f_m:20180206）。 AutoPager
【保存版】デザインを学ぶすべての人に贈る、配色アイデア見本101選
配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。 コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ
状態遷移時にアニメーションを伴うUIのアクセシビリティ周りの実装について - yuhei blog
ディスクロージャーの開閉時やモーダルダイアログが表示される瞬間など、あらゆるUIは状態遷移のたびにアニメーションを伴う。にも関わらず、アクセシブルなUIを実装するための手法について書かれた文献で、アニメーションを伴う状態遷移時におけるWAI-ARIAの利用方法というようなテーマが取り上げられているものは見たことがない。UIにおけるアニメーションの役割を踏まえて、それをどのようにして実装すべきだと考えているかについて述べたい。 結論としては、セマンティクス上はアニメーションの存在を意識させないように実装すべきである。多くの場合、アニメーションはUIの状態遷移を視覚的に表現するために存在する。例えばディスクロージャーにおいては、閉じた状態と開いた状態の間を擬似的にアニメーションによって表現することで、ユーザーが状態変化前後のビュー（View）の繋がりを理解する手がかりになる。これは視覚を用いて
JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた！ - paiza開発日誌
どうも、まさとらん（@0310lan）です！ 今回は、ドラッグ＆ドロップで誰でも簡単にWebサイトを製作できるサービスのご紹介です！ そのままでもWebオーサリングツールとして大変便利なのですが、JavaScriptで好きなようにカスタマイズしてオリジナルのエディタを開発＆公開できるという面白い特徴があります。 現在、オープンソースとして活発に開発が進められているので、ぜひこの機会にみなさんも試してみてください！ 【 GrapesJS 】 ■「GrapesJS」の使い方！ それでは「GrapesJS」を使ったWeb製作エディタがどのようなツールなのかを見ていきましょう！ トップページにある「Webpage Demo」というボタンからアクセスすることができます。 登録なども不要で、すぐにブラウザ上で「エディタ」が表示されます。 この画面上で、自分の好きなようにWebサイトを製作することができ
浅利与一義遠 on Twitter: "某作で、巨大な人型だけど頭が無くて、体に顔が張り付いているデザインを見た。 自分も同様の事を、以前やった事があるんだけど、体に張り付いているのが横顔だったせいか「顔が無いですね」と言われたので、黙っててっぺんに頭を付けて再提出した… https://t.co/D09GNgkCMr"
某作で、巨大な人型だけど頭が無くて、体に顔が張り付いているデザインを見た。 自分も同様の事を、以前やった事があるんだけど、体に張り付いているのが横顔だったせいか「顔が無いですね」と言われたので、黙っててっぺんに頭を付けて再提出した… https://t.co/D09GNgkCMr
AMP stories が発表されたので早速簡単なストーリーを作ってみた件
Accelerated Mobile Pages （AMP）の新しい拡張コンポーネントとして、「AMP stories」 が発表されました。このフォーマットは、タップ操作によって軽快に閲覧可能なフルスクリーンのビジュアルコンテンツを提供可能にします。 AMP stories が v0.1 から v1.0 へとアップデートされ、2019年 3月 19日をもって、v0.1 は廃止される予定です。これに伴い、下記で紹介しているサンプルは少し古くなっていますので、補足記事を別途書いています。詳しくは 「Re: AMP stories が発表されたので早速簡単なストーリーを作ってみた件 （v1.0 対応版）」 をご覧ください。 Accelerated Mobile Pages （AMP） については過去、この Blog でも何度か触れていますが （文末、「関連エントリー」 を参照）、先日、新たに 「
Seele - 01,02 Alphabet | Maniackers Design Font
Maniackers Design Web開設20周年（1998-2018）を記念し、フリーダウンロードフォントとして配布開始致しました。（2018.02.17～）『Seele - One, Two』は、2008年8月4日に発売したManiackers Designのフォント+ロゴ作品集『DESIGN FONT MANIA』（発行：MdN／著：Maniackers Design／CD-ROM付／現在は絶版）に収録されていた特典フォントで長らく本書でしか入手する事が出来なかったフォントです。『Seele』とはドイツ語で『魂』という意味です。『エヴァンゲリオン』とは関係ありませんが、TVアニメ『機動戦士ガンダム 水星の魔女』『BEATLESS』『エウレカセブンAO』『Fate/Grand Order 絶対魔獣戦線バビロニア』などの劇中で使用されているフォントとして採用されています。（そのままで
任天堂が対コロプラ特許侵害訴訟で使った特許番号が明らかになったので中身を解説します（前半）（栗原潔） - エキスパート - Yahoo!ニュース
話題になっている任天堂対コロプラの特許侵害訴訟、裁判資料に閲覧制限がかかっていたため、どの特許が問題になっているのか明らかではありませんでしたが、ようやく閲覧制限が解除されたようで、WSJ紙の望月記者が裁判記録を閲覧してツイッターで報告されています（多謝）。 ということで、以下、簡単に内容を説明していきます。 3734820号については、以前に私が書いた記事の勝手予想が当たっていました。内容については当該記事をご参照ください。以下、残りの4件（のうちの2件）について簡単に解説します（公報に直リンが張れるようになったのは助かりますね）。主要クレームのみ見ていきます。 特許4262217号 「ゲームプログラム及びゲーム装置」 【請求項１】 ゲーム画像が表示される表示画面上の位置を指示するためのポインティングデバイスを備えるゲーム装置のコンピュータに、 前記ポインティングデバイスからの出力信号に
Nintendo Switchで展開する任天堂のインディーゲーム戦略(後編) | WHAT's IN? tokyo
かつて家庭用ゲーム機でのゲーム開発と言えば、大企業が高価な開発機材と大量の人員を投入し、審査やマーケティング、ディスクのプレスなどさまざまな段階を経てリリースされるのが当たり前の時代があった。しかし、時代が流れれば常識も変わる。デジタル配信によるゲームソフトのダウンロード販売が一般的となった現代では、サークルや個人などのごく小規模な環境でゲームを開発し、流通させることが可能となった。それがいわゆるインディーゲームだ。 ソフトの製造や販路の確保といった物理的な障壁が取り払われても、家庭用ゲーム機でゲームソフトをリリースするには、まだまだ超えなければならないハードルがいくつも存在する。インディーゲーム開発者にとっては、こうした手間が少ないこともまた、今回取り上げるプラットフォームの魅力と言える。 連続2回でお送りしている任天堂インディーゲーム担当者へのインタビュー。前編に続き後編となる今回は、
カスタマーサポートの写真を「女性」「男性」「ブロンド美女」「猫のキャラクター」に変更すると、何が起こるのかという記録
ウェブサイトやアプリの開発を行っている場合、ユーザーと直接連絡が取れると製品のフィードバックに役立ちますが、同時に心無い中傷に担当者がストレスを受けてしまう可能性もあります。ウェブサービスの運営者がカスタマーサポートの写真と名前を「女性」「男性」「ブロンド美女」「猫のキャラクター」にすることで、届くメッセージにどのような変化が見られるかを実験しており、写真1つでストレスを格段に減らせる可能性が示されています。 Why I don't use my real photo when messaging with customers on my website · Kapwing Blog https://www.kapwing.com/blog/why-i-dont-use-my-real-photo/ オンライン・ムービー編集ツール「Kapwing」の開発者で創業者の1人である24歳の女性・
リモートワークと感情に依存した働き方について - 表道具
気がついたら「リモートワーク」と名の付いた記事が3本目になってしまった。 まとめ 普段感情を出すなって言われてるのに，相手の感情を読み取ることが仕事に必要だという状況がおかしいので，感情を表に出せる環境のほうがいい 対面でのコミュニケーションでは，無駄に感情が必要になる。いろいろな方法を使って相手の感情を読み取ったりする場面を減らした方がいい。その方が安心して感情を出せる リモートで感情がわかりすぎても困る。プライベートは大事にした方がいい speakerdeck.com 何日か前に id:daiksy さんのこのスライドを見てから調子が悪く，何かモニョっとした感情が頭の中を渦巻いている。 というのも，このスライドで言われているリモートワークの難しさは，人が組織でやっていっていることがどれだけ感情という基盤に乗っているかということを浮き彫りにしているからだ。 スライドの方を見てくださればわ
無料でアニメーションバナーも作れる超有能ツール！Google Web Designerの基本｜アナグラム株式会社
皆さんはバナー作成の際、どのようなツールを使用していますか？PhotoshopやIllustrator等の有料のグラフィックデザインソフトは、社内に導入していないケースやデザインの技術がなく利用していない人も多いのではないでしょうか。 フリー素材サイトでダウンロードした画像をリサイズし入稿するのも良いですが、テキストを一文加えるだけで印象が変わり、アニメーションを加えることで広告をより目立たせることができます。 2016年6月にFlash形式のディスプレイ広告がGoogle アドワーズへアップロードできなくなり、2017年1月以降Flash形式のディスプレイ広告が廃止されました。Flash形式と同じく動きのある広告は、HTML5広告を利用することが推奨されています。Google Web Designerでは工数もかけずにGoogle ディスプレイネットワークキャンペーン向けのHTML5広告
「原子」が見えた！ なんと一眼レフで撮影に成功
プラスに帯電し、電界によってほぼ静止している1つのストロンチウム原子を撮影した写真。よく見ると、黒い部分の中心にうっすらと青い光が見える。（PHOTOGRAPH BY DAVID NADLINGER, UNIVERSITY OF OXFORD） すばらしい写真というものは、ときにデジタル一眼レフカメラと小さな原子、そして好奇心旺盛な博士論文の提出候補者という組み合わせで撮影されるものだ。（参考記事：「単一原子の影の撮影に初めて成功」） 英オックスフォード大学で、量子コンピューターに使う原子を閉じこめる研究をしていたデビッド・ナドリンガー氏は2017年8月7日、一般的なデジタル一眼レフカメラを使ってこの写真を撮影した。黒い背景の前で青紫色のライトに照らされているのは、プラスに帯電したストロンチウム原子だ。両側には2つの金属電極があり、間にできる電界によって、原子はほぼ静止している。この装置は
電柱地中化、事実上強制「３年で１４００キロ」 : 政治 : 読売新聞（YOMIURI ONLINE）
防災上重要な道路や、お年寄りが歩きやすくなるバリアフリー化が必要な道路を「重点的に無電柱化を進める対象」と位置づけ、地中化を事実上強制する内容だ。２０１８年度から３年間で、１４００キロ・メートルの無電柱化を実現する目標も掲げた。 推進計画は、１６年末に施行された無電柱化推進法に基づいて初めてまとめるもので、国の無電柱化政策の基本方針となる。国土交通省は１９日にも計画案の意見公募（パブリックコメント）を始め、年度内に正式決定する。 計画案は、地中化の進め方について「やみくもに実施せず、必要性の高い区域を重点的に無電柱化する」と明記した。
[CSS]簡単で便利！ページで使用されていないCSSのセレクタを見つける無料ツール -Unused CSS
指定したWebサイトで、使用されていないCSSのセレクタを自動で検出する無料オンラインツールを紹介します。 ページ内部のリンクも再帰的に調査し、複数のページにも対応しています。 Unused CSS finder Unused CSS finderの特徴 Unused CSS finderの使い方 Unused CSS finderの特徴 Unused CSS finderは指定したWebサイトの内部リンクを再帰的に調査し、複数のページで使用されていないCSSのセレクタを一覧表示するオンラインツールです。 Webページで使用されていないCSSのセレクタを一覧表示。 内部リンクを自動解析し、配下ページも解析（現在ベータ版で100ページまで）。 解析するCSSは最初に指定したWebページで読み込まれているCSSのみ。 配下ページのみのCSSは、対象外。 擬似クラス（:hover, :focus
![[CSS]簡単で便利！ページで使用されていないCSSのセレクタを見つける無料ツール -Unused CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/13bafc429c32033b471cc81092c51f89806be732/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201801%2F2018021701-01.png)
巨乳主義の精神とプロテスタンティズムの倫理 - 本しゃぶり
人が巨乳に惹かれるのは本能ではなく文化である。 その大きさから歴史の重みを感じ取ってもらいたい。 犬山あおいに蹂躙されたオタク 『ゆるキャン△』の犬山あおいが強い。 『ゆるキャン△』2話 一時期、Twitterを見ていると彼女のイラストが頻繁に流れてきた。今期アニメで一番注目を集めているキャラと言っていいだろう。 しかし、最初から人気があったのではない。アニメの放送がスタートしたのは2018年1月4日からであり、彼女が本格的に登場したのは2話からだ。4話までの彼女は、メインキャラなので登場シーンは多かったが、注目を集めていたのは主人公である志摩リンと各務原なでしこの両名だった。 情況が一変したのは2月に入って5話が放映されてからである。 『ゆるキャン△』5話 乳に打たれたオタクは「エッッッ」と言って倒れた。 これ以降、pixivの閲覧数はうなぎ登りとなる。 「犬山あおい」タグがついたpix
肌に直接貼る薄型ディスプレー開発 | NHKニュース
伸び縮みして肌に直接、貼り付けられる厚さ１ミリほどの薄型ディスプレーを、東京大学などの研究グループが開発しました。 手の甲に貼り付けて、センサーが計測した心電図の波形を表示させたり、家族からの簡単なメッセージを受け取ったりするなど、さまざまな応用が考えられるということです。 ディスプレーは、ゴム製で小型の発光ダイオード、マイクロＬＥＤが埋め込まれ、最も大きいもので、縦６センチ横１０センチの画面に簡単なマークや動画を表示できます。伸び縮みすることから手の甲などに直接貼り付け体を動かしても違和感がないということです。 これを使えば、センサーが計測した心電図の波形を、自分の手の甲に貼り付けたディスプレーに表示させたり、家族などから送られてきた簡単なメッセージを見たりするなどさまざまな応用が考えられるということです。 染谷教授は「スキンディスプレーを使えば、お年寄りから子どもまですべての世代の人が
1998年と2015年の新旧トヨタ・カローラを衝突させると壊れ方がこんなに違う
普通に乗っていると便利な乗用車も、ひとたび事故が起こると悲惨な被害を引き起こしてしまうこともあります。安全規制が高められたことで自動車の安全性は飛躍的に向上を続けてきたのですが、生産時期がおよそ20年違う2台のトヨタ・カローラを衝突させるとその安全性能には大きな差があることがよくわかります。 1998 Toyota Corolla vs 2015 Toyota Corolla (Auris) - Crash Test - YouTube この衝突実験は、Australasian New Car Assessment Program(オーストララシア新車アセスメントプログラム：ANCAP)が実施したもので、1998年に生産されたトヨタ・カローラと2015年に生産されたトヨタ・カローラを時速64kmでオフセット衝突させています。 1998年のカローラは、このように運転席までがめちゃくちゃに壊れ
軽い気持ちでLinkedListを使ったら休出する羽目になった話 - Qiita
ざっくり言うと リスト構造のデータに対してランダムアクセスはしちゃだめだぞ。お兄さんとの約束だ！ 発端 数年前に他部署の支援で作ったJavaのシステムに、ちょっとデカめのデータを突っ込んだらありえないほど遅いので助けてくれ、と連絡が入った。 まぁクエリとかインデックスをちょっと見れば直るっしょ・・・と鼻をほじりながら支援に向かった。 処理内容 遅い部分の処理は以下のようなものであった。 処理対象のデータをListで受け取る。 それをforループで1件ずつ前処理する。 処理結果をオブジェクトに格納し、ORマッパーでDBにINSERTする。 これだけ？ そう、これだけだ。並列処理なんて高級なことはもちろんやってない。 インフラ調査 処理中のサーバのようすを調査する。今回のインフラは典型的な3層3サーバ構成。 WEBサーバはなにもかもが余裕。 APサーバではCPUを1つ使い切っている。 14コア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
picpipe.io
超合金魂 GX-80 万能戦艦 Ν-ノーチラス号（早期予約特典付）| プレミアムバンダイ
「デッサンの練習をしてください」「こちとら美大でデッサンやりまくってましたけど」編集者の言い方が独自解釈すぎてつらい - Togetter