顧客満足度を向上させて売上を拡大させる顧客関係管理(CRM)のアプリケーション「Salesforce(セールスフォース)」は、今や世界を席巻する勢いで売上を伸ばしています。Salesforceの価値は120億ドル(約1兆3000億円) といわれており、CRM市場の20％を占有し、何百万もの開発者がSalesforceプラットフォーム用のアプリを構築しています。なぜこんなにもSalesforceがCRMの世界で圧倒的人気を誇っているのか、データサイエンティストのTaimur Abdaalさんがつづっています。 What's Salesforce? https://tryretool.com/blog/salesforce-for-engineers/ ◆CRMとは？ Salesforceがなぜこんなにも人気を集めているのかを理解する前に、まずCRMの歴史を知っておく必要があります。 かつて、
ヘッダやコンテンツの区切りを斜めにしたいとき、どのように実装していますか？ CSSの三角関数が主要ブラウザのすべてにサポートされたことで、今まではかなり複雑なCSSやJavaScriptが必要だった斜めのレイアウトがシンプルなCSSで実装できます。 コンテンツ自体を斜めにすることも、水平のままにしておくことも可能です。 Diagonal Layouts in 2023 斜めのレイアウトを実装するこれまでの方法は、下記をご覧ください。 ヘッダやコンテンツを区切るラインを斜めに実装するCSSやSVGのテクニック総まとめ 1. rotateではなく、skewを使用する 2. 疑似要素を使用する 3. CSSの三角関数で適切なpaddingを設定する 4. CSSカスタムプロパティでpaddingを管理する 斜めのレイアウトを実装したデモ 1. rotateではなく、skewを使用する width
こんにちは！逆瀬川 ( https://twitter.com/gyakuse ) です。 今日は英語論文をサクッと翻訳する方法を共有します。 素晴らしい事前学習済みモデルの恩恵で素人でも1時間程度で実装できてしまいます。 なお、実装めちゃ汚いのですが、そのあたりはご容赦ください。 論文以外の文字埋め込みのないpdfを翻訳したい場合はこちらを参考にしてください: 論文全体の自動要約についてはこちら: 概要 翻訳モデル、レイアウト検知ライブラリとpdfを操作するライブラリを用いて外国語で書かれたpdfファイルを翻訳します。 翻訳にはフリーのニューラル機械翻訳モデルFuguMTを使用します。 この手法の嬉しさ DeepLおよびDeepL APIではpdf翻訳がサポートされていますが、行の切り替わりで別の文章と認識されることが多く、途中までの文章で翻訳されるため精度が落ちてしまいます この手法で
CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数で定義する便利ツール -Min-Max Calculator
Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、という感じです。 このclamp()関数を使用して、CSSでレスポンシブ対応のフォントサイズやレイアウトを簡単に定義できるツールを紹介します。ツールはオンラインでも、ローカルでも利用できます。 Min-Max Calculator Min-Max Calculator -GitHub Min-Max Calculatorの特徴 Min-Max Calculatorの使い方 Min-Max Calculatorの特徴 Min-Max Calculatorは、レスポンシブ対応にする時
『機動警察パトレイバー2 the Movie』について色々書いてみた（「幻の爆撃」「荒川茂樹」など） - ひたすら映画を観まくるブログ
機動警察パトレイバー2 the Movie どうも、管理人のタイプ・あ～るです。 さて先日、『機動警察パトレイバー2 the Movie』に関する記事を書いたら長くなりそうだったため途中で一旦終了、本日はその続きです（前回の記事を読んでない方はこちらをどうぞ↓）。 type-r.hatenablog.com 前回は「荒川が後藤と南雲に会いに来て”思ひ出のベイブリッジ”のビデオを観る」という辺りまでだったので、今回はその後の出来事について書いてみますよ（なお、言うまでもなくネタバレしているため未見の方はご注意ください）。 ●夜の首都高 機動警察パトレイバー2 the Movie 荒川に「どうです、ドライブでもしませんか？近場をぐるっと」と言われた後藤と南雲が、走る車の中で「ベイブリッジ爆破事件」に関する情報を聞くシーンは、非常に”押井守監督らしさ”が出ていて個人的にも好きな場面です。 大人3
CSSのサブグリッド（subgrid）の基礎知識と使い方、たった一行のCSSで複数カードの水平グリッドを簡単に揃えられる！
CSSのサブグリッド（subgrid）がChrome 117でサポートされ、Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できるようになりました。 先日の記事でもお伝えしたように、subgridを使用するとカード内の見出しやテキストの水平グリッドを簡単に揃えることができます CSSのサブグリッド（subgrid）の基礎知識と使い方、プログレッシブエンハンスメント、デベロッパーツールによるデバッグ方法などを紹介します。 CSS Subgrid by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに サブグリッド（subgrid）の基礎知識 ページレベルの「マクロ」グリッドを共有する サブグリッドのサポートをチェ
篠房六郎 マンガワンにて「姫様はおあずけです」新連載 @sino6 これちょっと面白かったんで、自分でも小一時間ほど手直ししてみたのがこの画像です 数々の細かい間違いはさて置いて、空間があまり気持ちよくなく、レイアウトも甘かったんでそこらへんを全体的に修正して、手前の二人が際立つようにしました。元画像と印象を比較してみて下さい。 pic.twitter.com/KyyCYGxnXs twitter.com/4CXDbfAPrP5Pt2… 2023-04-23 15:58:59
訳文；「そこにはなんの報酬もありません。このゲームが何を為していてどう機能しているのか、ただただ見ていたかったのです」ジェンキンズ、カーソン、ホッキング、『Outer Wilds』へつづく２，３の論考 - すやすや眠るみたくすらすら書けたら
翻訳の秋が今年もきました。また去年みたく面白い記事をいくつか見つけて勝手に紹介したいところです！ 去年アップした『訳文；「"好奇心駆動型の冒険"とでも言うべき特殊なタイプの冒険に報酬を与えるゲームをつくりたい、それが『Outer Wilds』の主目的です」Ａ・ビーチャム氏の論文より』で翻訳紹介した論考のなかで、参照文献として挙げられていた文献のうち２つ、ヘンリー・ジェンキンズ著『GAME DESIGN AS NARRATIVE ARCHITECTURE（物語による建築物としてのゲームデザイン）』とボニー・ルバーク取材『Clint Hocking Speaks Out On The Virtues Of Exploration(クリント・ホッキングが語る冒険の美徳)』。別記事１つ、ドン・カーソン著『Environmental Storytelling: Creating Immersive
大阪の問屋業者が複数のダミー会社を使ってガンプラを大量転売している事実が発覚し大炎上中ｗｗｗ : ホビログ フィギュア・プラモ情報
レイアウト含め大幅なリニューアル作業中です。更新は休みません。読みやすく面白いフィギュア情報サイトを目指して頑張ります。
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 最近はスマホで見ることを前提にデザインされたWebサイトも増えてきていますが、そのようなWebサイトでもPCでみた時にも違和感のないデザインになっています。 また、総務省の「通信利用動向調査」を見ると、スマートフォンでもパソコンでもインターネットが利用されている事がわかります。 利用状況 2022年のインターネット利用率（個人）は84.9％となっており（図表4-11-1-2）、端末別のインターネット利用率（個人）は、「スマートフォン」（71.2％）が「パソコン」（48.5％）を22.6ポイント上回っている。 （出典）総務省「通信利用動向調査」 このようにスマホ、PCどのデバイスでも見ることが
CSSの便利なプロパティmin-widthとmax-width、min-heightとmax-heightの効果的な使い方のまとめ
Webページやスマホアプリのレイアウトをはじめ、画像、ボタン、ナビゲーションなどを親要素に応じてそれらの幅や高さを適したサイズにしたい時がありませんか？ そんな時には、min-widthとmax-width、min-heightとmax-heightを効果的に使用すると、非常に便利です。 widthとheightプロパティにおけるminとmaxの効果的な使い方を紹介します。 Min and Max Width/Height in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに widthプロパティにおけるminとmax heightプロパティにおけるminとmax minとmaxプロパティの効果的な使い方 メモ リソース はじめに 要素の幅をその親に対して相対的にすると同時に、
ジョジョの「地球の歩き方」が発売された。 各部の聖地がこれでもかと紹介されている。 聖地巡礼にどれくらい使えるのかレビューした。 ジョジョの歩き方 聖地巡礼の観点 仙台 連想スポット 地名 グルメ イタリア ネアポリス カプリ島 ポンペイ ヴェネツィア サルディニア島 ローマ イタリアのまとめ 終わりに ジョジョの聖地巡礼記事 ジョジョの歩き方 ということで買った。 地球の歩き方 JOJO ジョジョの奇妙な冒険 地球の歩き方Amazon 本書は単純にジョジョの聖地を紹介するだけに留まらず、荒木飛呂彦のロングインタビューがあり、美術や歴史の解説など様々なコラムも収録されている。普通の『地球の歩き方』は現地へ行くため買う人がほとんどだと思うが、本書はただ読むためだけに買うのも悪くない。 とはいえだ。やはり正統派の使い方は、聖地巡礼のガイドブックではないだろうか。実際、今年の8月に行われるプレゼ
こんにちは。フロントエンド開発で一番好きなのはCSS、Mhousetreeです。 普段はCSSアニメーションで遊んだりしています。 （頑張って作ったのでよかったら見てね！！！！！） 何かと使う中央揃え。なんとなく覚えているものを順番に試して中央に来たらOK！と思っていませんか？ 現在ではかなりいろんな種類の方法があり、それぞれ異なる特徴を持っています。 この記事ではCSSでよく使う（気がする）レイアウトパターンの中で、センタリングに関するものをまとめました！ まえがき この記事では各実例を独自の指標で評価して示しています。 長い記事になる予定なので、部分的に読まれる場合の参考になさってください。 実用性：記述量や例外（中身の文章が長い・改行がある要素など）への対応力など。 よく見る度：コーディングしていて出てくる頻度(n=1)。 お前しか勝たん度：独自性が強い・他の方法では代替しづらいもの
投稿日 2021-03-10 更新日 2022-11-14 Author 照沼健太 MANGA / ANIME 冒険する 『鋼の錬金術師』や『交響詩篇エウレカセブン』などアニメにまつわるデザインを多く手掛けるグラフィックデザイナーの草野剛が語るアニメグラフィックデザインへのこだわり。 グラフィックデザイナーの草野剛 「端的に言えばアドビとアップルのおかげ」。 自身がグラフィックデザイナーという仕事をしていることについてそう話すのは、数々の人気アニメ作品のアートディレクションを務める草野剛。幼少期から、ゲームのパッケージデザインや企業のロゴに興味を持っていたという草野は、グラフィックデザインのプロセスはビデオゲームに類する感覚があると言う。 「グラフィックツールの操作感はビデオゲーム（UI&UX）の延長線上であり、考えをまとめて形にしていく感覚や過程に関しては、言ってみれば『マインクラフト』
この記事は、ReactでCSSを書くときに関連したCSSを別々のコンポーネントに分けるのをやめようという記事です。主な理由は、スタイリングという機能が複数コンポーネントに分散するのを防ぐためです。これには修正時に複数コンポーネントにまたがって修正が必要になるのを防ぐという意味もあります。 Flexboxの例関連したCSSが複数の要素に分かれることはよくあります。その代表例がdisplay: flexです。例えばこんなレイアウトを考えてみましょう。左側のボックスの幅が決まっていて右側の幅が可変の2カラムレイアウトです。 左のカラム (100px)右のカラムこのレイアウトはおおよそ次のように実現できます。 /* 親要素 */ display: flex; /* 子要素（左） */ flex: 100px 0 0; /* 子要素（右） */ flex: auto 1 0;では、Reactではどの
No.1 blog.tinect.jp No.2 nlab.itmedia.co.jp No.3 diamond.jp No.4 diamond.jp No.5 biz-journal.jp No.6-10 論文を剽窃されて 1 年半かけて撤回させた話 - 宇宙線実験の覚え書き 論文海賊版サイト、日本の違法ダウンロード720万件 5年で5倍超 | 毎日新聞 本探しのプロ「図書館司書」の力で、子どもの頃の本棚を再現する | オモコロ ASCII.jp：国会図書館デジタルコレクションのリニュアルとChatGPT 「AIがあれば司書なんていらない」という人間の意見を見かけたので、AI側の見解を聞いてみたら至極真っ当な意見が返ってきた - Togetter No.11-20 「PC入力できる学生で十分」ある大学図書館で事務長が司書をクビにして学生に目録を任せた結果、大変なことになった話 - Tog
1983年に立ち上がった埋蔵文化財調査室で、約40年にわたって学内の発掘調査を担当してきました。江戸時代に加賀藩の江戸屋敷が置かれていた本郷キャンパス。建物の改修や建設の度に学内各所で行われてきた発掘調査によって、その広壮な加賀藩邸の姿が明らかになってきました。 2013～14年に総合図書館前広場（アカデミックコモンズ地点）の工事に伴い行った発掘調査では、井戸、排水溝、便所の遺構が発掘されました。1827年に第11代将軍徳川家斉の二十一女・溶姫が、前田家13代斉泰に嫁いだ時に建てられた溶姫御殿の最奥部にあたる場所です。 御殿の正門である赤門から奥に広がる約5,200坪の広大な御殿でした。特に長局ながつぼねは、大奥と同じレイアウトで、その「三ノ側長局」、「三ノ側続長局」という女中が居住していたエリアから5基の便所が出土しました。土を掘り、その中に木桶を埋める構造でした。便槽は2基が対になって
GoogleやAirbnbなどの著名企業だけでなく、国内でも1000社以上が使っているというプロジェクト管理サービスが「Wrike」です。圧倒的な使いやすさだけでなく、2021年1月21日にシンクライアント技術大手のCitrixに22億5000万ドル(約2330億円)で買収されたことでも話題になっていたので、実際に使ってみました。 チームの仕事をオンラインでまとめて管理 | Wrike https://www.wrike.com/ja/ まずは公式サイトにアクセスし、メールアドレスを入力して「今すぐ始める」をクリック。 入力したメールアドレスに確認用のメールが送られてくるので、本文中の「あなたのEメールであることをご確認ください」をクリック。 アカウント作成ページに遷移するので、上から氏名・パスワード・電話番号を入力し、会社の規模・部署・居住国を選択したら、「次へ」をクリック。 すると、プ
以前に 劇薬の The New CSS Reset という記事を書き、その中で「UAスタイルシートを理解していれば、どんなCSSリセットも使える」と言いました。 ただ改めてUAスタイルシートの事を検索にかけても「ブラウザのデフォルトのスタイルシートです」で終わる記事が多く、これでUAスタイルシートを理解しろというのは無理な話です。 そこで後進のために、UAスタイルシートとは何なのか？ UAスタイルシートとリセットCSSの付き合い方を文章として残しておきます。 UAスタイルシートとは？ UAスタイルシートとは、User Agent Style Sheet の略で、webブラウザがデフォルトで持っているスタイルシートのことです。これは、HTML要素をどのように表示するか、振る舞いを持たせるかを定義したものです。 スタイルシートの種類と階層 スタイルシートといっても、いくつかあります。 多くのド
今年も GitHub のトレンドで 2021 年の JavaScript/TypeScript を振り返ります。去年の記事はこちらです。 — GitHub のトレンドで振り返る 2020 年の JavaScript | WEB EGG 集計方法 GitHub トレンドは過去の履歴を公式に提供していないため、非公式に集計されたデータを利用しています。 データソースはlarsbijl/trending_archiveを使用 去年はxiaobaiha/github-trending-historyを利用したが今年のデータは無かったので変更 日ごとにまとめた markdown になっており、remark で AST→ データ化しました 集計期間は 2021/01/01 から 2021/12/15 まで 対象言語はJavaScriptとTypeScriptのみ 集計後のデータはこちらのスプレッドシー
CSS Flexboxで実装するWebページでよく見かけるレスポンシブ対応のレイアウト、カードレイアウト、ナビゲーションバー、サイドバー、聖杯レイアウトなどのHTMLとCSSのコードを紹介します。 コードは非常にシンプルなので、テンプレートやスニペットとして再利用できます。 Master CSS Flexbox 2021 🔥- Build 5 Responsive Layouts🎖️|| CSS 2021 by Joy Shaheb 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Flexboxの構造・各プロパティと値 実装の準備 Level 1: シンプルなカードレイアウト Level 2: ナビゲーションバー Level 3: サイドバー Level 4: 少し複雑なカードレイアウト Level 5: Holy Grai
田中 直 @nao_ta_na_ka 部屋のレイアウトを参考にしようと雑誌やインスタを見ても、どれも圧倒的に本棚が少ない。どれだけ紙の本を読まない設定なのだ！と憤慨しても仕方ないので「文系研究者のためのお洒落部屋」特集希望。サブタイトルは「お洒落に見せる研究書の収納術」で。こうなると自作本棚ってことになってくるのか。 2022-11-05 14:07:17 田中 直 @nao_ta_na_ka 理想は、十畳ぐらいの部屋を壁一面本棚にして、作業机を置くってのがいいな。くつろぎスペースにまで戦争関係の本を置いておくと、やはりあまり落ち着かない。 2022-11-05 14:11:52
「ラグナロクオンライン」20周年おめでとう！ ROは長期運営でどのように変わったのか，筆者が撮影したSSとプレイ体験から振り返ってみたい
「ラグナロクオンライン」20周年おめでとう！ ROは長期運営でどのように変わったのか，筆者が撮影したSSとプレイ体験から振り返ってみたい ライター：山口和則 PC向けMMORPG「ラグナロクオンライン」（以下，RO）が，本日（2022年12月1日）で，ついにサービス20周年を迎えた。2001年にβテストが開始され，2002年の12月1日に正式サービスが始まったROは，同ジャンルの黎明期において，初期にリリースされた作品であり，まだ前例の少なかったジャンルに挑戦し，この偉業を達成したことを純粋に祝いたいところだ。 公式Twitterアカウントでは，RO20周年を記念して「ラグナロクオンライン同窓会」Twitterキャンペーンを実施中だ。写真（左）にある“乗れる魔法陣ライト”（1名）や，“光る魔法陣カーペット”（10名）などがプレゼントされる。モデルはお馴染み中村聡伸氏だ。公式サイトの「キャン
Instagramに使用されているCSSのテクニックを紹介します。 世界で多くのユーザーが利用し、閲覧する環境もさまざまなデバイスに対応する必要があります。下記のモックアップをどのように実装しますか？ Inspect Element As A Way To Feed Your Curiosity by Ahmad Shadeed はじめに Instagramに使用されているCSSのテクニック レイアウトにCSS GridやFlexboxを使用していない Instagramのアンケートに使用されているCSSのテクニック 終わりに はじめに フロントエンドのデベロッパーにとっての最高の贈り物のひとつは、Webページを調べるだけで何がどのように実装されているのか、CSSが裏でどのように機能しているのか確認できることです。Webページを見ている時に気になるレイアウトやエフェクトがあり、どのように実
PREDUCTSは「いい仕事」を生み出す道具のメーカーです。 これは私たちブランドの目指す姿でありつつ、自分たち自身が、道具に求めていることでもあります。日々使う道具も”使いやすく”、”創造性を刺激してくれる” ものであってほしい。そんな道具を探しながら、ものづくりに勤しんでいます。 このシリーズでは、PREDUCTSのメンバーが普段愛用している道具たちをご紹介していきます。 こんにちは、PREDUCTSの宮澤です。 グラフィックや動画、音楽、3DCG、CADなどを扱う職種の方は、データを入力するキーボードはもちろんのこと、高精度なポインティングをおこなうマウスやトラックパッド等のデバイスも多用されると思います。 キーボードやマウスを総じてインプットデバイスと呼ばれ、中でもマウスやトラックパッドのようなポインタ（カーソル）の位置を操作するデバイスは、ポインティングデバイスといいます。キーボ
2022年になりました。矢倉眞隆（@myakura）と申します。昨日に続き、新春特別企画のブラウザとウェブ標準動向について紹介します。 取り上げるトピックの数やそのインパクトから、今回はCSSを独立した記事として取り上げることになりました。「ブラウザとウェブ標準動向」についても寄稿していますので、そちらもお読みいただければうれしいです。 2022年以降のCSSは大きく変化しそうだなと思っています。これまでも、CSS3と呼ばれていた機能による表現力の強化、FlexboxやGridなど強力なレイアウト機能の追加など、大きな変化と言えるだろうものはありました。しかし現在提案・実装されている機能は、CSSの根幹を拡充するものと、これまでと性質が異なるものです。 Compat 2021とInterop 2022で互換性の向上 CSSのつらいところとしてまず取り上げられるのが、ブラウザ実装の挙動の違い
異形の片手用キーパッド「Azeron Cyborg」。慣れは必要だが手に馴染む形に変えられるカスタマイズ性の高さは魅力だ
異形の片手用キーパッドは，慣れが必要だがカスタマイズ性の高さは魅力 Azeron Cyborg Text by 小西利明 PCゲーマー向けの入力デバイスで，地味ではあるが根強い人気を誇るのが「片手用キーパッド」（※片手キーボードとも）という製品だ。キーボードやゲームパッドの機能をコンパクトにまとめて片手で操作できるようにした機器で，左手で使うように設計されたものが多い。単にキーボードの一部キーをまとめただけの安物もあるが，人気があるのは，各キーやスティックに任意の機能を割り振れるカスタマイズ重視の製品だ。ゲーマーだけでなく，作業時にキーボードショートカットを多用するデザイナーやイラストレーターからの需要も高い。国内で広く流通している製品としては，Razerの「Razer Tartarus Pro」（以下，Tartarus Pro）が挙げられる。 使ってみるとなかなか便利な片手用キーパッドで
Flutter はじめの一歩
本記事は、このPublicationの中でも特に初学者向けに書かれています。主なターゲット層は以下のような方です。 JavaScript・PHPなどとっつきやすいWeb系の言語は見よう見まねで触ったことがあるがきちんとは理解できてはいない(プログラムを1行も書いたこと無いレベルの場合はFlutterの前にまず何かとても簡単な入門書をまず一冊挟んだ方が良いです)Flutterを触り立て(環境構築は済んでいる)以前、以下の呟きをしましたが、例えばデザイナー本業の方がFlutterも活用できるようになると幅が広がると思い、また公式ドキュメントにもその旨が書かれていました。 とはいえ、元々バリバリコードを書けてしまうようなごく一部のデザイナーを除いて、やはりFlutterを使いこなせるようになるには(UIレイアウト周りに絞ったとしても)けっこう障壁が高いとは思うので、本記事がその補助となれば幸いで
AIでコードを生成！ テキストを入力すると、UI要素やコンポーネントを実装するHTMLとCSSを生成してくれる -AI CODE
AIは、Web制作にもすごい速さで浸透しそうですね。今までも似たツールがいくつかあったのですが、かなり出来がよいので紹介したいと思います。 テキストを入力、たとえば「シンプルでモダンなナビゲーション アイテムは日本語」と入力すると、そのUI要素を実装するHTMLとCSSを生成してくれるAIツールを紹介します。 AI CODE 実際に試してみましたが、ナビゲーション、ボタン、カード、フォームなど、UI要素やUIコンポーネントやレイアウトが数秒で簡単に実装されました。 また、次のバージョンではJavaScriptにも対応して、UIライブラリも追加する予定とのことです。 AI CODEの使い方 AI CODEの使い方は簡単、登録など面倒なことは一切不要です。 サイトにアクセスし、テキストを入力して「Generate」ボタンを押すだけです。 テキストは英語だけでなく、日本語でも大丈夫です。たとえば
金田伊功から『呪術廻戦』まで、上妻晋作が語るアクション作画の40年 - ロングインタビュー - fullfrontal.moe
上妻晋作は日本で最も偉大なアクションアニメーターの一人です。 1970 年代後半にアニメ業界に参入して以来、上妻氏はアニメの歴史の中で最も重要な作品を参加して続けてきました。その中で、『銀河鉄道 999』では動画で、『うる星やつら』と『幽☆遊☆白書』では原画を務め、 近年は『呪術廻戦』などスタジオMAPPAの作品で原画としても活躍。40年以上にわたり、上妻氏は風変わりとする独特のスタイルを発展させてきました。 その上、伝説のアニメーター金田伊功の友人として、上妻氏には逸話が数多くある。 『ファイナルファンタジー』劇場版、および複数のファイナルファンタジーゲームの絵コンテを担当で、上妻氏はゲーム業界とアニメ業界の接触や 3DCGの初期の実験を目撃するという特権的な立場にありました。2023年8月に私たちが会ったときに話し合ったのは、これらすべてとそれ以上のことです。 聞き手: ワツキ・マテオ
CSSを書いている時に、ふとFlexboxのプロパティがどんな挙動だったか確認したくなることはありませんか？ CSSをVisual Studio Codeで書きながら、CSS Flexboxのチートシートを利用できる機能拡張を紹介します。 Flexboxの各プロパティや値がどのような挙動か、一目で分かります。 CSS Flexbox Cheatsheet -VS Code 1年ほど前にも紹介しましたが、先日v3にバージョンアップしました！ ほとんどのプロパティにインタラクティブなデモが追加され、各値がどのように機能するかより分かりやすくなっています。 Flexboxの挙動がアニメーションに CSS Flexboxのチートシートは、当ブログで翻訳したチートシートなどを参考にしているとのことで、Flexboxの各プロパティや値の挙動が簡単に分かります。 参考: CSS Flexbox の基礎知
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">
観葉植物、もっとお迎えしたいけど部屋のどこにどう置いたらいいの？ 植物に囲まれて暮らす3人に聞いてみた #ソレドコ - ソレドコ
おうちで長い時間過ごすなら部屋を充実させたい！ と、ステイホームをきっかけに観葉植物を育て始めた人も多いのではないでしょうか？ ソレドコでも、観葉植物との暮らしを提案する記事を公開しました。 ▶ 観葉植物と暮らすコツは、実はとてもシンプル。「植物の選び方＆育て方」の基本を園芸家が教えます 今この文章を書いているソレドコ編集部員も、この記事をきっかけにサボテンを育て始めたのですが、お部屋に緑があると気分が変わりますよね。毎日、世話をしていると愛着も湧いてきます。 「もう一鉢増やそうかな」「今度は違う種類の植物を買ってみようかな」と考えることもあります……が、いざ部屋を見渡してみると、観葉植物がフィットする置き場所がない！ というわけで、今回は多種多様、たくさんの観葉植物に囲まれて暮らす3名の方に、 《現在の植物との暮らし方》 《植物の置き方ノウハウ》 《植物を置く上で役立ったアイテム》 《今
Webサイトのアイデアに困ったときは、多くの優れた参考サイトを見ることが、次のデザインへとつながります。 なぜなら、レイアウトや配色、文字組みなど実践的なプロのテクニックを学びつつ、変化の早いトレンドも確認できるのが理由です。 この記事では、デザイナーが参考にしたい最新ウェブデザイン30個をまとめてご紹介します。 クライアントとの打ち合わせ時のサンプル見本や、「ああしたい、こうしたい」というデザインの共有にもおすすめです。 Webデザインに悩まない、心をつかむ最新サイトまとめ YOLU[ヨル] ナイトケア ビューティーブランド 満点の星空をテーマに、流れ星のようなSVGラインアニメーションが素敵な、美容系ウェブサイト。 Shop MrBeast 2022年を代表する、90年代レトロブームの再来をテーマにしたウェブサイト。 パステルカラーの配色や、ピクセルドット風フォント、くるくるまわるホバ
はじめに これまでも「Setting Sync」という拡張を入れることで、複数のVisual Studio Codeの設定を同期することは可能でした。ただGithubやGistの設定がやや面倒な側面があり、初期設定が煩雑でした。 しかしVer.1.48でついに公式の設定同期機能「Settings Sync（紛らわしいですがこちらは複数形）」がリリースされました。以下の内容が同期可能です。 設定 キーボードショートカット ユーザースニペット 拡張機能 UIの状態（表示言語、アクティビティバー、パネル、画面レイアウト、コマンド履歴、同一通知の抑止） ここではその簡単な使い方と、何ができるのか簡単にまとめたいと思います。 なお公式ドキュメントはこちら。 https://code.visualstudio.com/docs/editor/settings-sync 事前準備 設定の同期を利用するた
こんにちは！逆瀬川 ( https://twitter.com/gyakuse ) です！ 今日は契約書の更新差分の比較をGPT-3とGoogle Document AIを使ってやってみたいと思います。 概要 異なるバージョンの契約書をPDF解析システムとGPT-3を使って自動的に比較し、リスクなどの検討も自動で出力する仕組みを作る。 Colab 使い方 Document AIの準備 (作成方法など詳しくは後述) Google CloudのDocument AIでプロセッサを作成する プロセッサ一覧から作成したプロセッサを選び、予測エンドポイントをコピーする https://console.cloud.google.com/ai/document-ai/processors json形式のAPIキーファイルをダウンロードしておく OpenAI APIキーの準備 すべてのセルを実行 比較した
編集未経験の"素人"がやけくそで立ち上げた謎多きふたり出版社・点滅社を直撃取材！「社名は筋肉少女帯の楽曲からつけました」 - ライフ・文化 - ニュース
週プレNEWS TOPニュースライフ・文化編集未経験の"素人"がやけくそで立ち上げた謎多きふたり出版社・点滅社を直撃取材！「社名は筋肉少女帯の楽曲からつけました」 ふたり出版社・点滅社の屋良朝哉代表と小室ユウヤさん 日本一パンクで破滅的な（!?）ふたり出版社・点滅社をご存知だろうか。 代表の屋良朝哉（トップ写真・左）が友人の小室ユウヤ（トップ写真・右）を誘い、知識・経験ゼロの素人ながらも見切り発車で設立。昨年11月に発売されたロックバンドの詩集を皮切りに、今年5月には主にSNSで活動する歌人の第一歌集を刊行すると、大橋裕之や杉作J太郎らに加えてアマチュア作家が多数参加する漫画選集を続けて発売。出版社を続ける中での苦楽や情熱を素直に綴ったSNSへの共感も相まって、本を刊行するたびに話題となっている。 「もうだめだ」。そう呟きながらも、先月、無事に1周年を迎えた。彼らはいったい何者で、これから
レスポンシブの実装が今までと変わる！ CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説
CSSの新機能コンテナクエリ（@container）と:has()疑似クラスが、いよいよChrome 105（8月末、来週リリース予定）でサポートされます。 コンテナクエリとは今までのメディアクエリがビューポートに依存していたのとは異なり、親要素（コンテナ）のサイズに対してスタイルを適用できます。:has()疑似クラスは指定した要素を含んでいる場合にスタイルを適用できます。 レスポンシブの実装この2つの新機能は単独でも強力ですが、組み合わせるとさらにすごいパワーを発揮します。この2つの新機能の最初に理解しておきたい基礎知識を紹介します。 container and :has(): two powerful new responsive APIs landing in Chromium 105 by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスにもと
空のdiv要素について - uhyo/blog
昨日はこちらの記事に端を発する形で、空のdiv要素やspan要素は妥当なのかといった話題が見られました。 中身のない空の div 要素や空の span 要素は HTML 仕様として妥当なのか？ - dskdこの記事は空のdiv要素やspan要素が妥当かどうかという疑問にHTML仕様の観点から考察を加える大変面白い記事です。記事の結論としては、“僕の結論としては「否」である。”としています。 しかし、いくらHTML仕様を読んだといっても、こういった議論には解釈が入りがちです（こちらの記事でも結論の前に“ここからは完全に僕の解釈として書く。”と明記されています）。 仕様なのに解釈を入れる必要があるのはどうなのと思いつつ、実はこの記事でこれから紹介するように、HTML仕様もなかなか曖昧に書かれており解釈が必要なのは仕方のないことです。 筆者はどちらかというと空のdivを肯定する考えを持っていたの
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、映像サービスプロダクト本部の浜田（@narirow）です。 GYAO!では最近トップページの大規模な変更が行われました。本記事では映像サービスのバックオフィスを含む大規模な構成変更と、その成果として得られたスケーラビリティ・ページの表示速度の向上についてをお話しします。 GYAO!のトップページの特徴 映像サービスであるGYAO!のトップページは、豊富なラインアップの中から作品を厳選して掲載しています。有名作品をただ並べるだけではなく、レコメンデーションやターゲティングの技術を使って、閲覧者の趣向にあった作品を一覧しています。大量の画像が表示されていることに加え、縦に長いページ構成となっています。 課題と解決のアプロー
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
世界を席巻するCRMアプリ「Salesforce」はなぜここまで成功できたのか？
これは覚えておきたい！ CSSの三角関数で斜めのレイアウトを実装するテクニック
Google Colabで英語の論文を無料で翻訳する方法 - Qiita
「AIイラストを修正してみた」に集まった意見と批判 #AIイラスト
Figma初心者でも大丈夫！ レスポンシブWebデザインをFigmaで作るための3つのポイント
ジョジョの地球の歩き方を聖地巡礼の観点からレビュー - 本しゃぶり
【中央揃え編】CSS限界オタクと学ぶレイアウトCSSサンプル集 - Qiita
草野剛に聞く「アニメのグラフィックデザイン」について - TOKION
まとまったCSSを別のコンポーネントに分けないでほしい話 - uhyo/blog
2023年図書館系はてなブックマーク ベスト100 - やわらか図書館学
溶姫御殿のトイレから発見された高濃度の鉛の正体とは？｜堀内秀樹 | 東京大学
カンバン形式やガントチャートなど複数形式でプロジェクト＆タスク管理が可能な「Wrike」を使ってみた
UAスタイルシートとリセットCSSとは - 2023 - kojika17
GitHubのトレンドで振り返る2021年のJavaScript/TypeScript
【保存版】CSS Flexboxでレスポンシブ対応のレイアウトを実装するHTMLとCSSのシンプルなコードのまとめ
部屋のレイアウトを参考にしようと雑誌やインスタを見ても、どれも本棚が少ないので困ってしまう話。
Web制作者は要チェック！Instagramに使用されているCSSのテクニック
グラフィックデザイナー的キーボード＆マウスの最適化 | PREDUCTS
2022年のCSS | gihyo.jp
FlexboxのチートシートをCSSを書いている時に利用できるVS Codeの機能拡張
「旧姓では不利益」女性役員の声、経団連動かす 政治に別姓導入迫る：朝日新聞デジタル
Webデザインに悩まない、心をつかむ最新サイト30選まとめ
Visual Studio Code公式の設定同期「Settings Sync」を利用する - Qiita
契約書の差分比較をGPT-3を使って自動化する - Qiita
GYAO!トップページの表示パフォーマンス改善 〜 GraphQLアーキテクチャへの移行