背景画像にsvgを使用して、幅いっぱいに表示させようとしたら破綻した。 あるいは言う事をきかない。 「Chromeだと背景サイズ指定がうまく動かねぇよ！」 参考：background-size:100% 100%; doesn’t work properly in Chrome https://stackoverflow.com/questions/9334095/background-size100-100-doesnt-work-properly-in-chrome という記事は発見できたがfirefoxでも破綻する報告は見つけられなかった 検証の結果、svgがもつ「アスペクト比を保つプロパティ」を指定されていない場合の動作がブラウザによって違う事が判明。 背景画像にsvgを使用して、かつ、アスペクト比を無視したい場合などには注意が必要。 解決策：png画像に変換する。svgに「pre

おれたちビジネスパーソンはビジネス書を読んでビジネスカジュアルに身を包み、ビジネスクラスに憧れている。 そんなおれたちが泊まるのはもちろんビジネスホテルだ。 だが、常にカイゼンのPDCAまわすビジネスパーソンたるもの、ただ泊まっているわけではない。お得なビジネスホテルを選ぶポイントや、より快適に過ごすためのアイデアがあるだろう。 それを集めてシェアさせていただく企画である。

「エアコンから嫌なニオイがするときは、部屋の窓を全開にして16度で1時間つけっぱなしにすると解消できる」――エアコンメーカーのお客さま相談センターに聞いたという意外なお手入れ方法が、ネット上で話題になっています。 このお手入れ方法は本当に有効なのか、だとすればどんな仕組みでニオイが取れるのかを、エアコン製品を製造・販売する三菱電機に聞いてみました。 「ニオイ成分を結露水で洗い流す」 ――「部屋の窓を開けて16度で1時間運転」という方法は、本当に有効なのでしょうか？ 三菱電機：当社としては、こちらが有効としてお客さまにも回答しています。 ――どのような仕組みでニオイが取れるのですか？ 低い温度で冷房運転すると、熱交換器やドレンパンに付着して残ったニオイ成分が結露水に溶け込み、洗い流されてニオイが軽減される仕組みです。また、空気中に漂うニオイ成分も窓を開けることで室外に排出されるため、換気しな

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

2017/06/21 iOSは、入力フォームにフォーカスすると、自動でビューポート(ズーム値)を調整します。そのことで無駄に画面を拡大してしまい、入力後に元に戻さないといけません。この自動調整を防ぐには、フォントサイズを16px以上に設定します。 サンプルコードiPhoneやiPadなどiOSでは、入力フォームのフォントサイズが16px未満だと、入力時に文字を大きく見せようとお節介な自動調整をしてくれます。Androidしか持っていないウェブ制作者も、「フォームの文字は16px以上にしておく」ということを覚えておきましょう。 input { font-size: 16px ; }デモ上の入力フォームは、フォントサイズを16px以上に設定しているので、フォーカスしても画面が拡大しません。iPhoneなどでお試し下さい。 <!-- このコードは編集できます。 --> <!DOCTYPE htm

1ヶ月前に、Web開発者にオススメなAlfred用のWorkflowをまとめたGitHubリポジトリが2,000 starsを超える人気を博していて、その中に自作のFont Awesome Workflowも選ばれていて、それをきっかけに開発者向けのWorkflowが盛り上がっていることを知った。[^1] [^1]: このリポジトリは更新が遅く、各Workflow作者の最新バージョンを反映していない問題があったため、Font Awesome Workflowではこちらから削除依頼を出してリストから消してもらいました。そのため現在は掲載されていません。 つい最近だと、Googleのエンジニアで著名なAddy Osmaniがプレゼンで紹介していたり、フロントエンド向け情報サイトとして有名なSmashing Magazineが特集記事にしていた。 Automating Front-end Wor

Macの動作が重い/遅い時に試すべき対処法すべて 動きがもたつく時に試したい基本的なメンテナンス方法から各種リセット方法まで紹介 かつてOS Xと呼ばれていた時代ではOSをアップデートしたことによってMacを投げ捨てたくなるほど動作が重くなってしまう問題が起きる場合もあったが、最近のmacOSでは比較的動作が安定している。 「OS X Yosemite」の頃は、Mission Controlが固まる。文字入力も固まる。ウィンドウをスムーズに切り替えることができない。複数のウィンドウやアプリケーションを開き、文字入力をする僕にとっては作業にならなくて非常に困っていた。 試行錯誤を重ねた結果、僕のMacBook Proは絶好調だ。相変わらずメインのブラウザはGoogle Chromeで、4Kディスプレイを複数台接続してモリモリ作業をしている。動作が重くなってしまったMacを安定させる方法、もと

株式会社つみき UI/UX事業終了のお知らせ 拝啓　時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024å¹´4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024å¹´4月30æ—¥ [email protected]

【サイボウズ式編集部より】この「ブロガーズ・コラム」は、著名ブロガーをサイボウズの外部から招いて、チームワークに関するコラムを執筆いただいています。今回ははせおやさいさんが考える「チームの力を向上させる議事録の作成」について。 こんにちは、はせおやさいです。 4月、新入社員が初々しく研修をこなす風景を目にして「初心忘れるべからず」と唱えたりしておりますがいかがお過ごしですか。 さて、新入社員がまず任されがちなのが「議事録作成」。 わたしも新人だった頃に任されて四苦八苦しましたが、今となっては大好きな作業です。なぜかというと、議事録をうまく作れるようになることで、会議の進行をスムーズにし、チームの仕事のスピードを加速させることができるから。 ということで、今回は「議事録」について書いてみようと思います。 議事録って、なんで必要なの？ そもそもですが、人間とは、忘れる生き物です。「俺はそんなこ

MacBook Airが重い クラスメソッドでは、AWSチーム発足時から、JOINしたメンバーにMacBook Airを標準機として配っていました。最近、動作が遅くて困っているという声を聞くようになりました。全員がVMWare FusionにWindowsを入れていたり、Docker使ったりと、開発環境を整えているので、確かにメモリ8GBでも足りないかもしれません。私のマシンも文字入力で表示がワンテンポ遅れるほどの重さで困った状態でした。 今回試したマシンは、MacBook Air(13-inch, Mid 2013), 1.7GHz Core i7, メモリ8GB、OS X Yosemite(10.10.3)です。 UPDATE : 貴重なご意見頂いていますので追加しています。 解決策 最新マシンに乗り換える エンジニアはマシンが遅いと仕事になりません。そこで、現時点で最新で全部盛りのM

After using an operating system for a while, you begin to automate many of your most repetitive actions without realising it. Years of doing the same thing teaches you that saving a second or two here and there really can make a difference to your workflow. You essentially become an efficient, well-oiled machine, and though many of these best practices may seem obvious; they aren't necessarily lea

どうも。お久しぶりです。テラヤマす。ギリギリで生きてます。 知人から「3年後にニューヨークまでファーストクラスで行ってみたい。マイルで行けるか？」と訊かれまして、即座に「可能です」と答えました。ニューヨークまでのファーストクラス往復特典航空券1人分はレギュラーシーズンであれば12万マイル必要です*1。人気路線のファーストクラス特典航空券は、搭乗の約1年前に特典解放された瞬間、素早く空席を押さえる必要があるので、12万マイルは約2年で貯めきる必要があります。飛行機に一度も乗らず、バカみたいな大金を使わず、果たしてこれが可能なのか。可能です。2年と言わず、1年で貯めきれます。 自分が陸マイラー*2になって早7年。痛感するのは「最初の一年が大事」ってことです。最初の1年が最も稼げるんです。なぜなら、一回しか使えない技が全部使えるからです。2年目からはその技を封じられるので、あんまり稼げないんです

マネーフォワードでフロントエンドの開発をしています頼本です。 前回の「Haml、Sassを使って効率よくコーディングする方法（基礎編）」に引き続き、 今回は、初級編として、マネーフォワードがどのようにHaml、Sassを使っているのか、実戦で使える内容を例にご紹介いたします。 SassやCSSでチェックボックスやラジオボタンをカスタマイズする方法 デフォルトのチェックボックス・ラジオボタンは小さい・・・デザイン的にイケてないので見た目を変更したい・・・そんな要望は多くあると思います。 そこで、今回はinput+labelとSassやCSSで簡単にチェックボックス・ラジオボタンをカスタマイズする方法をご紹介します。 チェックボックス・ラジオボタンのデザインをカスタマイズした時の見た目 チェックボックスのカスタマイズ チェックボックスのテキスト ラジオボタンのカスタマイズ はいいいえ Haml

2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen