レスポンシブ対応のレイアウトを実装する際に手間なのは、ブレイクポイントの定義です。ここ1,2年でもたくさんのデバイスがリリースされ、それに伴いスクリーンサイズの種類も増えてきました。 そんな時に便利なのがCSSの「calc()関数」を使ったテクニック。 calc()を使用して、デスクトップやタブレットやスマホのそれぞれに最適なレイアウトを実装するテクニックを紹介します。 Use calc() to Change the Height of a Hero Component 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 calc()を使ったフォントサイズの可変 paddingとline-heightの場合 ヒーローコンポーネントの場合 calc()を使ったヒーローコンポーネントの実装 calc()のサポートブラウザ 最後に ca

Adobe XD: ツールメニューのショートカット V 選択 R 四角形 E 楕円形 L 線 P ペン T テキスト A アートボード Z ズーム command+3 選択範囲に合わせてズーム XDでは、選択範囲に合わせてのズームもできます。 Adobe XD: パスまたはペンに関するショートカット P ペンツールに切り替える ダブルクリック ポイントを切り替える option 非対称のコントロールポイント shift コントロールポイントの角度をスナップ shift アンカーポイントの角度をスナップ command+option+U 合体 command+option+S 前面オブジェクトで型抜き command+option+I 交差 command+option+X 重なる部分を中マド command+8 パスに変換

VSCodeを使い始めました。とりあえずデフォルトをイケてる感じにしたかったので、4つの拡張機能をインストールしました。せっかくなので共有します。 Before After 私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います！ Dracula Theme Material Icon Theme Indent Rainbow Bracker Pair Colorizer 1. Dracula Theme まずはこれ。Dracula Themeです。 これを入れればシンタックスハイライトが変わり、かなり雰囲気が良くなります。デフォルトのハイライトだと特別感が少ないので、本当におすすめです。 追記：Dracula以外のおすすめThemeをこちらにまとめています。よかったら見てください。 VSCodeをカッコよくするTheme拡張7つ GitHub https:/

子供が生まれると、大きな喜びと同時に大きな責任とお金が必要となります。 日本では、その負担を軽減し、より良い子育てをしてもらうために日本では多くのサポートを受けることができます。 国と地方自治体の両方で、そういった制度が用意されています。 ただし、残念ながら知らないと受けられず、見逃してしまうことがあります。 この記事では、子供が生まれたときに特にメリットの大きい12の保障について、知っておいていただきたいことをわかりやすく簡単に記載しております。 お伝えするものはすべての人に当てはまるものがほとんどですが、中にはお住まいの市区町村によって受けられる保障に違いがありますのでご確認ください。 是非、今後の子育てにお役立て頂ければ幸いです。

一般に、本は読めば読むほど物知りになれると思われがちだが、実際は逆だ。読めば読むほど、世の中はこんなにも知らないことであふれているのかと思い知らされる。その繰り返しが読書だ。 「ディアトロフ峠事件」をぼくはまったく知らなかった。これは冷戦下のソヴィエトで起きた未解決事件である。 1959年1月23日、ウラル工科大学の学生とOBら9名のグループが、ウラル山脈北部の山に登るため、エカテリンブルク（ソ連時代はスヴェルドロフスク）を出発した。 男性7名、女性2名からなるグループは、全員が長距離スキーや登山の経験者で、トレッキング第二級の資格を持っていた。彼らは当時のソ連でトレッカーの最高資格となる第三級を獲得するために、困難なルートを選んでいた。資格認定の条件は過酷なものだったが、第三級を得られれば「スポーツ・マスター」として人を指導することができる。彼らはこの資格がどうしても欲しかったのだ。 事

文章の校正チェックを自動で行うVisual Studio Codeの拡張機能「テキスト校正くん」を弊社からリリースしました。無料で利用できます。 テキスト校正くん – Visual Studio Marketplace 短い文章であれば目視でもチェックできますが、長文になるとチェックに時間がかかり見落としも多くなってしまいます。また、いくら内容のいい文章を書いても誤字や脱字が多く体裁が整っていないと、印象が悪く読みづらい文章になってしまいます。 そんなとき、「テキスト校正くん」を利用することで、文章チェックの手間を軽減でき、文章の品質を高めることができます。 ▲VS Codeの拡張機能「テキスト校正くん」 「テキスト校正くん」でできること この拡張機能は、VS CodeでテキストファイルやMarkdownファイル等の日本語の文章をチェックします。編集時に自動で校正のチェックを行い、エディタ

レシピ忘れる前に何とかしないといけないと思い立って。お菓子は大体オレオ無双。材料にある「座頭市」は砂糖の間違いです。「全裸」は全卵の間違いです。「人妻み」はひとつまみです。無駄に長いので、お暇な時にでも読んで献立に役立ててください。 長くなったので、次のまとめを作りました→　https://togetter.com/li/1279103

「貯蓄から投資へ」と言われ続けて数十年。 未だに日本では「投資は怖い」と貯金だけする人が多い一方、 人生一発逆転を狙って高レバレッジをかけたり、ものすごくボラティリティ（＝価格変動幅）の高い商品に投機する人もいます。 定年後に退職金を（大手証券、大手銀行や郵便局、大手保険会社みたいな、ものすごーく信頼できるっぽく見えて実はそうでもない）金融機関のバカげた商品につぎこんで失ってしまう高齢者もいれば、 働き盛りの多忙な会社員や医師などが「それ、どう考えても詐欺でしょ？」みたいな不動産投資話に騙されて自己破産の憂き目にあったりもする。 「なにもしなくても毎月○万円ずつ儲かります！」なんて営業トークを、医学部に入れる学力のある人が信じてしまう「信じられない！」世の中。 いったい、なんなん？ とくに「不動産投資」を「不労所得」などと呼ぶのは、その時点で詐欺です。 不動産投資はかなりめんどくさい「事業

最終更新日: 2022年10月3日 Photoshopで画像から人や物などのオブジェクトを除去する方法は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、除去レタッチ作業を行っているというひとは、どれだけいるでしょう。 今回は、Photoshopの各種ツールを駆使した除去、消去テクニックと、いつその技を使うのがベストなのか、各サンプルと一緒にまとめてご紹介します。これらの方法を実践することで、写真に写り込んでしまった不要なモノを、2〜3分の短時間で、スピーディーに除去することができるので、フォトショップ初心者のひとにもオススメです。

いわゆるフラッシュプレゼン（*）のスライドの作成においては「文字を抜いていく」という意識が不可欠。サンプルで解説してみます。 セリフ（口頭で話す内容）をそのまま記入した例スライド内のテキストボックス内に自動折り返しで文字を入力しただけの状態。 これを、グラフィックデザインでは「ナリユキ」といいます。この場合だと「好きなのは」というカタマリが分断されてしまうので、読むスピード（＝理解のスピード）が落ちてしまいます。 プレゼンのスライドは、ある意味、すべてがキャッチコピー。 「読んでから理解する」のではなく、ポスターのように一瞬で「すっと入ってくる」ようにするためには、改行のケアが不可欠です。 なお、行間も調整されていないため、上下の行が、つながっているのか、別のアイテムなのか、「パッと見」で判断できません。 ナリユキをやめて文節で改行ナリユキをやめて、文節で改行した例です。行間も調整していま

ウェブページの表示速度は、離脱率やコンバージョン率にもっとも影響する重要なポイントです。Googleが公表した調査結果では、「表示に3秒以上かかると、約53%のユーザーは離脱する」「表示速度が1秒から6秒に落ちると、直帰率は106%上昇する」というデータが出ているようです。 表示速度を改善する施策は色々とありますが、本記事では「AMPアンプ（Accelerated Mobile Pages）」を作成する際に利用するJavaScriptライブラリーを使って、簡単に表示速度を改善する手法を紹介します。 AMPとはウェブページの読み込みを高速化させる技術 「AMPアンプ（Accelerated Mobile Pages）」とは、名前の通りモバイルでのウェブページの読み込みを高速化させる技術です。 本サイト（ICS MEDIA）では以前「AMPの利点と対応HTMLの作り方」で導入方法を紹介していま

ユーカリの木とコアラの親子がデザインされたマンホールのふた。長年、山梨県富士河口湖町の町道に一つだけ使われてきた。実はこれ、千葉県松戸市のふた。外部の指摘を受け、気づいた町は今月７日、その日のうちに町のふたと取り換えた。なぜこんなことが起きたのか。 松戸市のマンホールのふたは、富士河口湖町勝山の旧勝山村役場から南に約５０メートルの町道にあった。直径６０センチ、重さ約４０キロで、表にはユーカリとコアラの図柄、「まつどし」「おすい」の表記。裏を見ると１９８９年に製造されたことがわかり、３０年近く設置されていた可能性もある。 富士河口湖町は２００３年と０６年に旧勝山村など４町村が合併して誕生。町内で使われているマンホールのふたは、合併前の町村のものと、合併後の富士河口湖町のもの。旧勝山村で使われていたふたにはリスやフジザクラが描かれていて、松戸市のふたは本来、あるはずがない。 松戸市によると、コ

本記事は、2018年04月28日に公開した記事「カメラ初心者が土壇場で編み出した“脱・素人”ポージング集 #それっぽい写真 」の内容に修正を加えたものです。2017年の3月からライターとして活動しています、オバラミツフミです。記事を書いた当時、カメラマン不在の取材で自分が撮影を担当しなければいけなかった際に編み出した、#脱・素人ポージング集 をまとめたところ、2万PVを超える反響がありました。 現在は広報PRを本業にしていて、ライターとしての活動が少なくなりましたが、今でも #脱・素人ポージング集 が役立っています。本領を発揮するのが、「社員インタビュー」です。 インタビュー記事を担当者がひとりで制作する場合、取材と写真撮影を同時に行うのは不可能です。またカメラ担当をアサインしても、いきなり決めポーズを撮影するのは難しいでしょう。 もしこれから社員インタビューをつくる機会があれば、以下に紹

SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理

Machine Learning Production Pitch #5 の登壇資料です。 小売業向けに展開している Insight for Retail というプロダクトの機械学習基盤に求められる要件と、それに対する設計思想・実装の概観を書いています。

誰にでも起こる可能性のあるトラブルの１つが「交通事故」です。 身近な人が交通事故にあったという話を聞くケースも多いのではないでしょうか？ 実は、交通事故で保険会社から提示される損害賠償の額は正しく交渉すれば3倍以上になったり、100万円単位で増額することが可能なことがよくあります。これは、保険会社から提示される賠償額が適正額よりも低くなっていることが多いためです。 今回は、万が一交通事故の被害にあってしまった場合の慰謝料交渉術について、わかりやすくご説明します。 あなたやあなたの身近な人が万が一、事故にあったときに、不当に低い補償ですまされてしまうということがないようにするためにも、この記事はぜひ保存しておいてください。 １　保険会社から提示される慰謝料は適正額よりかなり低いことがよくある！ まず、最初にお伝えしたいことは、保険会社から提示される賠償額は適正額よりもかなり低いことが多く、決

昨年暮、「竹尾」さんがpixivにアップを始めた 死んで生き返りましたれぽ　その1〜16 という 心停止から、ICU〜個室〜一般病棟の治療を経て、無事退院までの日々 を綴ったマンガが7/16に完結した。 すでに、pixivでは多くの読者を得ているのだが、今日、たまたまtwitterでタビトラ先生(@tabitora1013)に教えて頂いたので、まだご覧になってない方の為に紹介する。 この作品の恐ろしいところは いったんICUから個室に移ったところで、脳浮腫が起き、「不穏」な状態が続いた ことだ。 治り始めた と思った患者さんが、 極度に不穏な状態 となるのは、周りの家族や友人達には、耐えられない不安と絶望を与える。ところが、この「竹尾」さんの家族は実に強い。弟妹は、「竹尾」さんが無茶な生活の末に倒れたことを責めなかった(その5)。すばらしいのは、社会福祉士かつ精神保健福祉士をされている妹さ

サービス終了後、「全コンテンツオープン化」を目指して動いていたソーシャルゲーム「星宝転生ジュエルセイバー」（紹介記事）。その公式サイトで、1月17日より、ゲーム内イラスト300点以上を含む、二次利用フリーコンテンツの配布が正式に開始されました。配布されたデータは、利用規約に従うかぎり商用利用無償、事前承諾も不要とのこと。 「星宝転生ジュエルセイバー」公式サイト 「星宝転生ジュエルセイバー」は昨年7月に惜しまれつつもサービスを終了。しかし、終了後も「コンテンツを残してほしい」というユーザーの声や、「自分たちの実績としてコンテンツを残したい」といった運営側の思いから、ゲーム内で使われていたイラストやテキストデータなどを「二次利用フリー」で公開する「全コンテンツオープン化」を宣言。これまでもサイト上でイラストなどを見ることはできましたが、今回、正式に二次利用可能なデータの配布がスタートした形とな