キリコって名前で女性だとPや脚本家が勘違いしてキャスティング先出ししちゃった説、まあまあありそうで笑う(真顔) というか、忠実に白髪ロングにするワケでもないのに白髪カツラを上に乗っけました感の強い髪型は何なの…。 そして、邦キチはタイミングが神懸っててワロタw
![テレビドラマ版『ブラックジャック』のドクターキリコに女優起用の原作改変に騒然、そこに颯爽と邦キチが改変ネタ切り込む回更新で奇跡的タイミング過ぎた](https://cdn-ak-scissors.b.st-hatena.com/image/square/21d11fd28649cd52b905308b0ea1833138f7060d/height=288;version=1;width=512/https%3A%2F%2Fs.togetter.com%2Fogp3%2F7d9c9956cd5dd67aabbca0ba4aaefa39-1200x630.jpeg)
キリコって名前で女性だとPや脚本家が勘違いしてキャスティング先出ししちゃった説、まあまあありそうで笑う(真顔) というか、忠実に白髪ロングにするワケでもないのに白髪カツラを上に乗っけました感の強い髪型は何なの…。 そして、邦キチはタイミングが神懸っててワロタw
Adobeツールの乗り換えを検討し始めたけど、 「どこで見つければいいの?」「どんなツールを選べば後悔しない?」「代替ツールのいいところって何だろう?」「乗り換えのタイミング今なのか?」「費用の違いはどのくらい?」 普段から利用するツールだからこそ、自分にとって最適なデザインツールを知りたい方向けのリストとなっています。 Adobe Creative Cloudソフトから乗り換えたいと考えているひとへ どんな代替ツールがあるか知りたいひと いろいろツールを見たけどピンとこないひと 自分にあったツールが知りたいひと 代替ツールへの乗り換えで失敗したくないひと 目次Photoshopの代替ソフトIllustratorの代替ソフトPremiere Proの代替ソフトAfter Effectsの代替ソフトAdobe Creative Cloudの代替ツール Photoshopの代替ソフト 1. A
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい!」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
「きれいだな」「残しておきたいな」と思った風景を、そのまま切り取って残せる写真。 たくさん写真を撮っていると、あるときふと、どれも同じような写真に見えたり、思い通りのイメージで撮れないと感じたりすることがあります。 そんなときは、まず「構図」を見直してみましょう。 同じ写真でも構図を変えるだけで、写真の雰囲気や印象は大きく変わります。 構図を意識して写真を撮ることで、その写真の中で特に目立たせたい要素が際立ち、作品を通して伝えたいメッセージがより伝わりやすくなるからです。 さらに、構図をたくさん知っておくと、写真撮影の引き出しが増え、目の前の被写体や風景の魅力を引き出しやすくなります。 この記事では、よく使われる構図から応用編まで、15種類の構図を紹介します。 この記事の内容を参考に、表現の幅を広げ、もっと写真撮影を楽しんでくださいね。 まず押さえておきたい10の基本構図 まずは、基本的な
書類の一部だけを照らす光 NHKスペシャルで、書類にこんなふうに光が当たっているのをよく見る。 「NHK 大川原化工機」の Google 画像検索結果のキャプチャ NHKが手に入れた書類にスポットライトを当てて、重要な行や単語だけを分かりやすいようにするのが典型だ。その他、暗闇の中に書類そのものをぼんやりと浮かびあがらせるやり方もある。 これを真似したいなあと思っていた。「盆踊り大会のお知らせ」のようななんでもない文書でも、こうやって照らせばなにか重大な資料みたいに見えないだろうか。 どうやって照らすか しかし問題がひとつある。これそもそもどうやって光を当ててるんだろうか。まずはシンプルに、書類に帯状に光を当てるやり方を試してみたい。 そのためにこんな方法を考えてみた。 照らしたい紙の上に透明の板を浮かべ、そこに光のスキマを作るための紙を置いて、全体を上から照らすのだ。 スマホのライトで照
男性的 女性的 子どもっぽい レトロ アンティーク オールド モダン 伝統的 渋い 和風 丸い カクカク カジュアル フォーマル 存在感 インパクト 繊細 美しい 上品 高貴 元気 陽気 明るい 親しみ すっきり かわいらしい クール ポップ やさしい なごやか シンプル おしゃれ ホラー アニメ ゲーム 個性的 面白い くせある
CSSのサブグリッド(subgrid)がChrome 117でサポートされ、Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できるようになりました。 先日の記事でもお伝えしたように、subgridを使用するとカード内の見出しやテキストの水平グリッドを簡単に揃えることができます CSSのサブグリッド(subgrid)の基礎知識と使い方、プログレッシブエンハンスメント、デベロッパーツールによるデバッグ方法などを紹介します。 CSS Subgrid by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに サブグリッド(subgrid)の基礎知識 ページレベルの「マクロ」グリッドを共有する サブグリッドのサポートをチェ
今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。 下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-heightやmax-heightを同時に設定できるので、上限下限のサイズを設定することもできます。 CSSの新しいプロパティはfield-sizingです。field-sizingプロパティを使用すると、フォームコントロールのデフォルトのサイズを無効にし、フォームのサイズをコンテンツに依存させることができます。そのため、自動で拡張されるtextareaを実装するのが簡単になります。 参考: Feature: field-sizing CSS property CSSは
モダンブラウザをターゲットにしたWeb制作では、リセットCSS自体が必要ないかもしれません。とは言っても、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。 現在のWeb制作に合わせて制作されたリセットCSSを紹介します。なぜそうするのか、なぜそれを使用しないのか、CSSの知見やテクニックも満載です! A (more) Modern CSS Reset by Andy Bell 他のリセットCSSが気になる人は、こちらも注目です。 A (more) Modern CSS Resetの前のバージョンも解説しています。 2023年、現在の環境に適したリセットCSSのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに モダンブラウザに適切なデフォルトのリセットCSS 各リセットCSSの解説
2023/9/12にChrome 117、9/15にEdge 117がリリースされ、CSSのSubgridが全ブラウザに対応しました。 Subgridとは、CSS Gridで新しく使えるようになった機能の一つ。行列(グリッド)を入れ子にして、親行列の行や列に子行列を整列させることが可能です。 この記事では、Subgridの基本から応用までを具体的なデモを交えて詳しく解説します。CSS Gridが初めての人でもわかりやすいよう、CSS Grid自体の解説も盛り込んでいます。 前提知識: CSS Gridとは CSS Gridとは、行と列を使ったレイアウトのことです。行・列とは、次の方向を指します。 CSS Gridを使うと、次のようなことができます。 ■ エリア名を指定して配置できる ■ 行列を繰り返したり、隙間をつくる ■ 行・列数の自動変更、敷き詰め 複雑な行列の入れ子と、subgrid
見やすいスライド資料は事前準備と5つのコツさえ押さえればOKクライアントさんに向けてのプレゼンテーションや、社内共有向けの資料、セミナーでの登壇資料などで用いられる「スライド資料」。いざ作ってみると、「なんだか読みにくいな」「色やレイアウトがまとまらない」と感じ、苦手意識を持っている方は多いかもしれません。 でも、デザイナーじゃなくても!デザインツールを使わなくても!いくつかのコツを押さえるだけで見やすいスライド資料は作れます。 この記事では、見やすいスライド資料をデザインするコツを5つの章に分けてご紹介していきます。 「レイアウト」「カラー」など、気になるところから読んでみていただいても大丈夫です。 スライド資料の作成だけでなく、バナーやチラシなど、いろんなデザインにも役立つコツをイラスト付きでわかりやすく説明しているので、今作っているデザインに悩んでいる、デザイン勉強中、という方もぜひ
こんにちは! バーグハンバーグバーグ編集部です。 新人ライターさんから編集部によく寄せられる「どうやって記事を作ればいいですか!?」という声。 そこで前回は、どんな人でも書けるようになる『Web記事の作り方』をネタ出しとアポ取りに絞って解説しました。 ↑第三回 今回は、取材に行くときのコツやインタビューのやり方、撮るべき写真を解説します! 前回と同じく、ジモコロ編集部のギャラクシー(左)と加藤(右)が、新人ライター瀬戸はるかさんに、解説する形で進めましょう! ▼登場人物 WEBライター|瀬戸はるか フリーの新人ライター。取材やインタビューはほぼ未経験。 ジモコロ編集長|ギャラクシー 雑誌の編集、通販番組の脚本を経てWEB編集者に。【ギャラクシーが書いた記事】 WEB編集者|加藤亮 編集プロダクションで編集とライティングを学んだ。【加藤が書いた記事】 服装について 早速なんですが、取材の時っ
はじめに Microsoftの提供するVisual Studio Code(VSCode)は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げられたりすることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確
詳しい素性はわからない。けれど、非の打ち所がないその実力はファンならだれでも知っている――それが木上益治という人だった。 監督を務めた『MUNTO』シリーズのDVD特典でオーディオコメンタリーに出演したり、メイキング映像に顔出しをしている以外、ほとんど露出がなく*1、京都アニメーションに来た経緯などをわずかに周辺のスタッフが話す程度で、多くは謎に包まれていた。 そこへスポットを当てたのが、「週刊女性」2019年10/22号(10/8発売)掲載の記事。専門学校時代から京都アニメーションに入社するまでの経緯を関係者に取材し、まとめたものだ。興味深い話ばかりだったが、個人的に気になったのはあにまる屋に所属していたときのプロレスに関する部分。 あにまる屋は別名“野獣屋”と呼ばれる、一風変わったアニメ会社で、毎日のように近くの寿司店で飲み会を開いていたという。 「普段は口数が少なくて黙々と仕事をする
Visual Studio Code(以下、VS Code)を今よりもっと使いこなしたい! そんな人にお勧めの解説書を紹介します。 VS Codeの最大の特徴は、高いカスタマイズ性と豊富な機能拡張。本書では使用する言語に適した開発環境の構築方法、UIや設定のカスタマイズ方法、特にお勧めの機能拡張を軸に、VS Codeを使いこなす方法を解説したものです。 著者の上田 裕己氏(@ikuyadeu0513)はVisual Studio Codeのコントリビュータで、VS Codeの機能拡張なども開発されています。 本書はそんな著者によるVS Codeの実践的な操作方法、言語ごとの開発環境の構築、拡張機能など、幅広い内容が網羅された一冊です。
はじめに 最近のCSSのアップデートは目覚ましいものがありますが、 みなさんは、CSSの値と単位がここ1年くらいで大きく変わっていることはご存知ですか? Dynamic viewport が追加されたり、math 関数が追加されたりなどの大きな変更は、ご存知かもしれないですが、calc()で ネイピア数 e や 円周率 πなどが使えるようになったり、 フォントに相対的な長さ単位が追加されていたりと細かい変更も多くあります。 そのため、この記事では、CSS Values and Units Module Level 3 から CSS Values and Units Module Level 4の変更点を中心に紹介しようと思います。 Viewport単位 CSS Values and Units Module Level 3 から CSS Values and Units Module Le
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く