2023年後半頃から、ブラウザの「戻る」ボタンを押すと、訪問したおぼえのないページが表示されることが増えた。そういうページは大抵、記事風の広告やサイト内の記事へのリンクが大量に並ぶという構成になっている。 こんなレイアウトになってることが多い。 この手法はブラウザバック広告とかブラウザバックレコメンド (あるいはレコメンデーション) とか呼ばれており、国内外の複数のWeb広告会社がこれを提供しているようだ。 たとえば、こちらはGMOアドマーケティングの “TAXEL” が提供しているブラウザバックレコメンド。 【新たな収益・回遊源が誕生！】ブラウザバックレコメンド サイトから離れてしまうユーザーに対し、広告やレコメンド記事を表示させることで、収益化や内部回遊に繋げることを目的としているフォーマットになります。 ……というのがセールスポイントらしいのだが、サイトから離れる人は、サイトから離れ
引っ越し1週間、スーパー快適です。忘れないうちに、成果をインパクト順に５つ、まとめておきます - 勝間和代が徹底的にマニアックな話をアップするブログ
おかげさまで無事引っ越してから1週間が経ちました。本当に快適すぎて、何で早く引っ越ししなかったんだろうと、後悔するレベルです。 何が快適になったんだろうということなんですが、多分あと1年とかすると忘れてしまうと思うので、今のうちに書き留めておきます。 まず、前提としては都内から都内への引っ越し、どちらもだいたい都心部です。そして、低層マンションから一軒家でどちらも賃貸ということをイメージしておいてください。 引っ越して便利になった事５点、インパクト順です。 第１位 家具をすべて、軽量のものか可動式にして、レイアウトを自由にしました とにかく色々な形でライフスタイルは変わるし、価値観は変わるし、優先順位も変わるんですけれどもこれまで何が一番問題だったかというと、私の前の家は造作や特注の家具が多かったので、人間が家具に合わせて生活をしなければいけないということでした。 そして大きくて重すぎて当
2024年08月23日07:45 宮崎駿が38歳で監督デビューした時の鬼畜エピソードクソワロタｗｗｗｗｗ Tweet 1: 以下、5ちゃんねるからVIPがお送りします 2020/11/29(日) 04:09:07.136 ID:k7quoMIg0 大塚っていうパヤオの先輩が映画版ルパンの監督をやることになったんだが 鈴木清順の書いた脚本がゴミ過ぎて大塚がパヤオに「監督なんかやりたくねえよ」と電話した そしたらパヤオが「じゃあオレがかわりにやるわ」と立候補 パヤオはその日のうちに手伝っていた高畑の赤毛のアンの仕事を辞職(メインスタッフなのに)して(高畑は激怒)会社も辞めて大塚のスタジオに移籍した つづく 2: 以下、5ちゃんねるからVIPがお送りします 2020/11/29(日) 04:10:44.028 ID:k7quoMIg0 大塚のスタジオに移籍してくるときにパヤオは丹内司っていうのち
【イカしたUIを見る】Vol.2 これは発明だ！と思ったUIパーツ10選｜Goodpatch Blog グッドパッチブログ
知れば知るほど面白くなるUIの世界を皆さんにもチラ見せしたい……ということで、連載の第2弾となる今回は「これは発明だ！」と私たちが感動したUIパーツについてご紹介します。 ミクロな視点でアプリを観察し、UIパーツ一つひとつに注目してみると、普段は気付けない面白い発見がたくさんありますよ。 ※各UIパーツの名称は、公式で発表されているものではなく、私たちが便宜的につけた呼称になります。 関連記事：UIデザインとは？ 大切な5つのポイントや取り組み事例を紹介 Apple Booksのセミモーダル Appleが提供する電子書籍アプリ「Apple Books」では、カルーセル状に並んだ本を押すと、そのままセミモーダルが立ち上がります。前の画面の一覧性を保ちながら、それぞれの本の詳細を見ることができるのが特徴的ですね。さらに下スクロールすることで、全モーダルへと滑らかに変化します。 このUIのポイン
映画『攻殻機動隊 SAC_2045 最後の人間』の初日舞台挨拶が新宿ピカデリーにて11月23日に開催され、声優を務めた田中敦子、大塚明夫、山寺宏一、潘めぐみが登壇した。 『攻殻機動隊』シリーズは、1989年に士郎正宗が『ヤングマガジン増刊 海賊版』（講談社）にて原作コミックを発表して以来、押井守監督による『GHOST IN THE SHELL / 攻殻機動隊』をはじめ、さまざまなシリーズが制作されてきた。その最新作となる『攻殻機動隊SAC_2045』は、『攻殻機動隊 S.A.C.』シリーズを手がけた神山健治と、『APPLESEED』シリーズを手がけた荒牧伸志によるダブル監督体制。これまでの『攻殻機動隊』のアニメーションを制作してきたProduction I.Gと、SOLA DIGITAL ARTSの共同制作によるアニメーションシリーズだ。シーズン1は2020年4月より、シーズン2は2022
Xiaomi TV A Pro 43 2025 購入レビュー：「量子ドット」はウソですが･･･コスパは凄い！ | ちもろぐ
粗利益率5%ポリシーの外資系メーカー「Xiaomi」から、戦略的な価格設定の43インチテレビが発売されました。 「Xiaomi TV A Pro 43 2025」です。チューナーレスだから国営放送の電波を受信できず、YoutubeやPrime VideoなどVODサービスをTV本体だけで見られます。 もちろん、パソコンと接続すればPCディスプレイとして利用できます。格安な大型4Kゲーミングモニターに超コスパが良さそうなのでAmazonで1台買って詳しくレビューします。 （公開：2024/9/3 | 更新：2024/9/3） この記事の目次 Toggle Sponsored Link 「Xiaomi TV A Pro 43 2025」はどんなゲーミングモニター？ Xiaomi TV A Pro 43 2025【量子ドット】 Xiaomi / サイズ : 43インチ / 解像度 : 3840
すぐに役に立つものはすぐに陳腐化してしまうから方法ではなく設計の本を読む - API Design Patterns の読書感想文 - じゃあ、おうちで学べる
あなたがさっきまで読んでいた技術的に役立つ記事は、10年後も使えるでしょうか？ほとんどの場合でいいえ はじめに 短期的に効果的な手法や知識は、ソフトウェア開発の分野において、急速に価値を失う傾向があります。この現象は、私たちが何を重点的に学ぶべきかを示唆しています。最も重要なのは、第一に基本的な原理・原則、そして第二に方法論です。特定の状況にのみ適用可能な知識や即座に結果を出すテクニックは、長期的には有用性を失う可能性が高いです。これは、技術や手法が時間とともに進化し、変化していくためです。 learning.oreilly.com 「API Design Patterns」は、このような考え方を体現した書籍です。しかも480 ページもあります。本書は単なる手法の列挙ではなく、Web APIデザインの根幹をなす原則と哲学を探求しています。著者のJJ Geewax氏は、APIを「コンピュータ
フロントエンドカンファレンス北海道2024 で発表させていただきました。 スライド中のリンク一覧
あの演出はそういう名前だったのか！ 「明日から使える！海外文献に頻出するLevel Design用語の紹介」で13用語を学ぼう［CEDEC 2024］
あの演出はそういう名前だったのか！ 「明日から使える！海外文献に頻出するLevel Design用語の紹介」で13用語を学ぼう［CEDEC 2024］ ライター：わさび 2024年8月21日，ゲーム開発者向けカンファレンス「CEDEC 2024」で，ゲームデザイナーの知久 温氏によるセッション「明日から使える！海外文献に頻出するLevel Design用語の紹介」が行われた。 本セッションは開発者向けに行われたものではあるが，実例を交えてやさしめに解説されていたため，「あのゲームで使われていた演出はこういう名前だったのか！」と，ゲーマー目線でも楽しめる内容だった。レベルデザイナーの目線で見るゲームの世界をのぞいてみません？ 知久氏は，ハクスラSTGや対戦TPSといったジャンルでレベルデザイン業務を経験した実績を持つフリーのゲームデザイナー。副業としてゲーム開発の研究家としても活動している
技術者も知っておくべきプレゼン資料作成術：社内研修会レポート - Insight Edge Tech Blog
Introduction こんにちは、データサイエンティストの善之です。 Insight Edgeの分析チームでは、有志が技術テーマについて1時間枠で講義し、チーム内でディスカッションを行う「技術研修会」を不定期に実施しています。 先日の研修会では、チーム内でのアンケート結果から最も希望が多かった「プレゼン資料作成術」をテーマに実施しましたので、そのレポートを行います。 技術とは少しテーマがズレますが、他の技術的テーマよりも希望が多く、他部署（開発チーム・管理部）からも参加希望があるなど、皆さん関心の高いテーマだと感じました。 今回は私の前職（コンサルティングファーム）での経験をもとに、プレゼン資料作成術についてお話ししました。 slackでのアンケート結果 目次 講義内容 ①全体のストーリーライン&各スライドのメッセージを作る ②各スライドのチャートを作成 ③ページをレイアウトする ④見
ジャンプTOON Next.js App Router の活用〜得られた恩恵と課題〜 | CyberAgent Developers Blog
目次 はじめに Colocation を意識した設計方針 Parallel Routes と Intercepting Routes を用いた設計パターン サーバー側に処理を寄せたことによる恩恵と課題 Next.js が抱える課題 おわりに 参考文献 はじめに ジャンプTOON のWeb版（以降、ジャンプTOON Web）の開発を担当している浅原昌大（@assa1605）です。 5 月にサービスを開始した「ジャンプTOON」は、オリジナル縦読みマンガ作品や人気作品のタテカラー版を連載する、ジャンプグループ発の新サービスです。 ジャンプTOON のフロントエンドには、Next.js を採用し開発をしています。 本記事では、Next.js の最新機能や設計パターン、Next.js を採用した恩恵と現在の課題について紹介します。 Colocation を意識した設計方針 Parallel Rou
アニメーション実装のテクニックのひとつにFLIPと呼ばれるものがあります。FLIPアニメーションは2つの状態をなめらかにつなげるテクニックで、とくに移動や拡大といった動きに有効です。FLIPアニメーションを用いると、次のようなアニメーションを実装できます。 本記事では、ライブラリに依存しないFLIPアニメーションの原理を理解し、実装する方法を紹介します。 FLIPアニメーションとは FLIPとは、First, Last, Invert, Playをまとめた造語です。これらはFLIPアニメーションの手順を説明したものになります。 First：アニメーションを開始するときの状態 Last：アニメーション終了時の状態 Invert：変化量を計算し、Lastの状態に適用してFirstの状態を復元します Play：Invert量を徐々に減らしてLastの状態に近づけていきます FLIPのおもしろい点
［インタビュー］ゲーム業界でがんばっ定年！ サクラ大戦をドット絵から“今の感じ”に転換させたグラフィッカー，吉田 徹氏（58歳）
［インタビュー］ゲーム業界でがんばっ定年！ サクラ大戦をドット絵から“今の感じ”に転換させたグラフィッカー，吉田 徹氏（58歳） 編集部：楽器 カメラマン：永山 亘 セガ ジャパンアジアパブリッシング事業本部 マーケティング本部 Webデザイン部 部長の吉田 徹氏 ゲーム業界では秀作を生んだクリエイターが名を上げ，いつしか会社の顔となり，界隈の代弁者として，業界の印象を形成してきた。 しかし，彼らの総数は業界従事者の1％ほどだろう。その裏には開発のみならず，広報や経理，社内エンジニアにカスタマーサポートなど，名を上げずとも人生を生きる99％側の“名もなき戦士たち”がいる。 言い換えればそれは我々であり，世界の大多数だ。 ゲーム業界自体，未成熟ゆえの輝きがあった昭和・平成時代とは違い，今では就業規則に福利厚生にコンプライアンスにと成熟した。大手を中心とする一部メーカーでは徐々に“定年退職者”
札幌の牛トロ丼と美味いカツカレー
行く先々で「うちの会社にはいないタイプだよね」と言われるが、本人はそんなこともないと思っている。愛知県出身。むかない安藤。（動画インタビュー） 前の記事：Y染色体がいつかなくなるって本当？研究者に聞きました ＞ 個人サイト むかない安藤 Twitter はじめは見逃しました 最初に「牛とろ丼」を見たのは札幌のレストランだった。 牛とろって何？と思ったけど、この時は一人だったしおなかいっぱいだったので入らずに通り過ぎてしまいました へー札幌には変わった食べ物があるなー、くらいに思い、滞在中にいつか食べればいいやと通り過ぎたのだ。 それからしばらく牛トロ丼のことは忘れていて、サンドイッチを食べたりチャーハンを食べたりセイコーマートに行ったりして楽しく過ごした。 セイコーマートの温かいおにぎりが好きです こうしてすっかり忘れていた牛トロ丼だが、この数日後に思いがけず食べることになる。運命ってほん
先日、display:contents;というプロパティをはじめて知りました。 他のdisplayシリーズと比べるとあまり馴染みがなかったので、今回はdisplay:contents;とは何か、どんな場面で使えるのかについて紹介します。 1. 結論 display:contents;を指定した要素は、あたかも存在しないかのように扱うことができる これにより、グリッドレイアウトやレスポンシブデザインを作成する際に便利に活用できる ただし、アクセシビリティに課題が残るため、慎重に使用する必要がある 2. display:contents; とは？ 2-1. display:contents;の概要 display:contents;を指定した要素は、存在しないかのように扱われ、指定した要素の子要素が直接親要素内に挿入されます。 Mdn Web Docsでは以下のように説明されています。 これら
この記事では、ウェブサイトを訪れたひとが思わず押したくなるボタンデザインをまとめてご紹介します。 どのボタンも基本、HTMLとCSS（JSもすこし）で作成されているので、手軽にコピペで利用でき、カスタマイズも自由自在。 ボタンをデザインするときに気をつけたいポイントをチェックしておけば、より効果的なボタンの使い方ができますよ。有名サイトのボタンをコピペできるサービスもおすすめです。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、今後のデザイン制作に活用してみてはいかがでしょう。 こんなことできるの?!最新HTMLテクニック・スニペット きらりと輝くコール・トゥ・アクションボタン すべてのモダンブラウザでサポートされるようになった@propertyを利用した新しいCSSの使い方エフェクト。細部まで洗練されあt、注目を集めるCTAボタン。 See the Pen Shin
タイムラインを見ていると「flexとgridの使い分けがよく分からないよ」という人が多く散見されるので、今回は僕が普段意識していることを皆さんに紹介します。 これから紹介することはあくまで僕のやり方で、絶対的な正解とかではないので参考程度に留めておいてください。実装において頻出するレイアウトをサンプルに、どのように考えてレイアウトを組んでいけばよいかを自分なりに説明できたらなと思います。 はじめに僕がレイアウトを組む上で大事にしていること、および意識していること。それは、レイアウトに変化が起こった際に崩れが生じないことはもちろん、将来的な変更に対して柔軟に対応できることです。 極論を言ってしまえばgridは使わなくても大抵のレイアウトは組めてしまいます。Internet Explorerに苦しめられていたあの頃を思い出してみてください。現在でもgridは難解だからflexだけ使用するって方
はじめに企業の業務において、請求書や領収書、名刺などの紙媒体の情報を電子化し、管理・活用することは非常に重要です。しかし、これらの作業は手作業で行うと多大な時間と労力を要します。また、人的ミスも発生しやすく、業務効率化の大きな障壁となっています。そんな中、近年、OCRの性能向上やLLMの性能向上によって、あらゆる業務の効率化できる可能性が高まっています。この記事では、写真や書類から情報を抽出する取り込み業務について、OCRとLLMを利用したソリューションについて紹介します。 情報抽出などの取り込み業務の課題情報抽出などの取り込み業務では、以下のような課題が存在します。 手作業による時間と労力の浪費 大量の書類を処理する場合、作業コストが膨大に 単純作業の繰り返しによる従業員のモチベーション低下 他の付加価値の高い業務に注力できない 人的ミスの発生 量が多くなるほど、入力ミスや誤読などの人的
〈8〉アムロをどう演出したか――到達点としての『機動戦士ガンダム』第１話｜富野由悠季論｜藤津 亮太｜webちくま
富野由悠季とはどんなアニメーション監督か。「演出の技」と「戯作者としての姿勢」の二つの切り口から迫る徹底評論！ 書籍化にさきがけて本論の一部を連載します。 今回はシリーズ「到達点としての『機動戦士ガンダム』第１話」の２回目です。第１話はなぜ視聴者を夢中にさせるのか。その魅力を演出面から読み解きます。（バナーデザイン：山田和寛（nipponia）） 前回「〈7〉観客を引きずり込む冒頭部」はこちら フラウとアムロ１――日常を描く 『ガンダム』第１話に戻ろう。 サイド７に潜入したジオンのモビルスーツ・ザクは、偵察を始める。パイロットの双眼鏡にひとりの少女が、隣家に入っていく様子が捉えられる。少女は、アムロのお隣さんのフラウ・ボゥで、ここから物語の軸は、主人公であるアムロ側へと切り替わる。 アムロの家を舞台にしたフラウ・ボゥとアムロのやりとりは、脚本を書く段階で星山が気を配った部分だ。星山は、スト
はじめに こんにちは、ZOZOTOWN開発2部Androidブロックの小林（@kako_351）です。普段はZOZOTOWN Androidアプリの開発を担当しています。今年の3月に入社して機能改修や既存機能の調査などの業務に携わってきました。その中でZOZOTOWN Androidアプリについて知見を持っていないため、調査や開発の際に学習コストがかかるといった課題が見えてきました。本記事ではAndroidアプリの実装を把握するアプローチをご紹介します。 目次 はじめに 目次 背景 実装を把握するアプローチの全体像 ドキュメントの把握 目的 アプローチ モジュール構成や画面遷移などの全体構造の把握 目的 モジュール構成 画面遷移 アーキテクチャの把握 目的 アプローチ ライブラリや使用技術の把握 目的 アプローチ ビルドやデプロイなどCI/CD環境の把握 目的 アプローチ テストの把握 目
ユーザーに刺さるUIデザイン実用テクニック37選
UI Tipsで公開された「UI Tips for Landing Pages & Apps by Jim Raptis」より許可をもらい、日本語抄訳しています。 シンプルなUIデザインテクニックで、より良いユーザーインターフェースをデザインし、ユーザーが満足する方法を一緒に学びましょう。 現役UIデザイナーのジム・ラプティス氏が実際の製品でテスト、検証した実用度の高いテクニック集なので、手軽に試すことができ、効果的にホームページやアプリのUIを改善できます。 時間がない人のために、今回紹介するテクニックのまとめがこちら。 各項目では実際のサンプルをつかって、「良い例」と「悪い例」を比較。すぐできる解決策と一緒に詳しく紹介しています。 ユーザーが恋に落ちるUIデザイン実用テクニック1. ソーシャルログイン2. より良いメニューデザイン3. グーテンベルグの法則4. モーダルの削除5. 不揃
ハイパーモダンPython
ハイパーモダン（hypermodern）という言葉は20世紀初頭を代表するチェスプレーヤーたちが考案した、当時モダンであると考えられていたオープニング戦略を超える斬新な戦略に由来するものです。本書はPythonを使った開発におけるハイパーモダンな戦略を提示します。Poetry、Nox、pytest、Ruff、uv、Ryeといった新しいツールを活用して、ワークフローをさらに効率化し、堅牢かつ信頼性の高いプロジェクトにする手法を紹介します。ハイパーモダンな戦略を通じて、開発において本当に重要なことを学べる1冊です。 訳者まえがき はじめに Ⅰ部 インストールと環境 1章 Pythonのインストール 1.1 複数のPythonのバージョンをサポートする 1.2 Pythonインタプリタを探す 1.3 WindowsにPythonをインストールする 1.4 Windows用Python 1.5 m
「ヴィレヴァン」大量閉店の理由→昔は不謹慎グッズとか誰も知らないグッズで溢れてたのに、今はどこもサンリオポケモンクレしんおぱんちゅうさぎやもんな
ライブドアニュース @livedoornews 【大量閉店】｢ヴィレヴァン｣経営が犯した失敗とは news.livedoor.com/article/detail… 人材教育が十分にされなかったことで、ヴィレヴァンを支える店員にサブカルの知識が薄く、普通の売り場しか作れなくなってしまったこと、多店舗化などが原因だと識者は語る。 pic.x.com/5w7rva51eq リンク ライブドアニュース 大量閉店｢ヴィレヴァン｣経営が犯した最大の失敗 - ライブドアニュース チェーンストア研究家の筆者がヴィレッジヴァンガードの業績不振に言及した。筆者がインタビューした「ヴィレッジヴァンガード全店巡る人」が原因を説明。ショッピングモールなどへの出店、人材教育が十分にされなかったためだそう 16 users 131 ペスハム9/5初単独オフラインセミナー【起業家コーチ】【FAN PASS】NINJAメ
世界の憧れ”きれいな日本の公衆トイレ”の危機をAIが救う!? 混雑予測、清掃回数管理、さらに便器数＆動線の最適化など最新技術がすごすぎる 駅やオフィスビル、動物園・水族館、病院など、いつ、どこを訪れてもおよそキレイで、しかも無料。それが日本のトイレです。「きれいなトイレは日本の文化」とまでいわれ、訪日外国人客はその充実ぶりに驚き、日本に帰国した人は「ホッとする」といいます。ただ、空前の人手不足もあり、「いつでも・どこでも無料でキレイ」は、難しくなっているそう。こうしたトイレのお困りごとを、AIやDXで解決しようという試みが、LIXILではじまっています。その詳細を聞いてみました。 トイレ設計をDX化。みんなの意見でよりよいトイレ設計を「選べる」ように LIXILは家庭用をはじめ、さまざまな設備機器等を生産している住宅設備メーカーです。今回注目したのは、住まい用ではなく、誰もが利用するパブリ
Linux 使いになりたい人向けの Intel N100 ミニ PC で構築する開発環境（１６）- Ubuntu
このマシンで最終的に Windows と Ubuntu Desktop が使えるように環境構築することを目指します。zenn.dev を購読している人のレベルを考えると、画面キャプチャはそれほど必要がないと考えているため少なめです。また、説明についても明示しないとわかりにくいと思われるものに絞っているので少なめです。 ここでは Linux のディストリビューションのひとつである Ubuntu をインストールしてみましょう。Linux のディストリビューションにはいくつかありますが、WSL でも使ってきた Ubuntu はデスクトップ版があって、日本でも人気があります。そのため、有志が用意した日本語版も提供されていて、情報が入手しやすく、初心者にもお勧めです。 ミニ PC のマシンへ OS の Ubuntu をインストールする手順については、基本的には次のようになります。 OS をインストー
ゲーム好きなら「自分の部屋をゲームに集中できるゲーム部屋にしたい」と思ったことがあるのでは？ 今回は「一人暮らしの部屋をゲーム部屋にする」と仮定して、向いている物件の特徴やレイアウト例のほか、最初に必要なもの、おしゃれな部屋にするコツ、おすすめのアイテムや家具などをゲーミング家具ブランドのBauhutte（バウヒュッテ）さんに聞いてみました。 ゲーミング部屋に最適な部屋を探そう！快適な回線と防音性は確認必須！ はじめから大きい回線を選ぶ＆後から個人で回線が引けるか確認しておく ゲーム部屋を作る上で、快適なネット環境は必須条件です。賃貸物件では物件全体でインターネット回線を契約しているケースやインターネット無料の物件もあります。個人的に回線を引くよりも初期費用がかからないのはメリットですが、ゲームの種類によっては通信速度が遅くてストレスがたまることもあります。 「プレイするゲームによって必要
確かな情報設計力を鍛える——社内研修「UIデザイントレーニング」レポート｜Goodpatch Blog グッドパッチブログ
グッドパッチでは社員向けにさまざまな研修を実施しています。定期的な新入社員向けの基礎研修のほか、専門性と難度をより深めた「専門研修」を実施することがあります。この記事では、筆者usagimaruがグッドパッチのデザイナー支援組織であるDesignOpsとして2024年に実施した社内研修 「UIデザイントレーニング」 の内容を一部ご紹介します。 UIデザインの新卒研修についてはこちらの記事でご紹介しています。 https://goodpatch.com/blog/ui-training-softwaredesign 研修の概要 この研修は、社内の若手UIデザイナー7名を対象に、情報設計の考え方や方法論を駆使した実践的なUIデザインに取り組むプログラムとして設計しました。主な企画をDesignOps部署中心に行い、筆者が講座自体の設計と制作、そして講師としての登壇と講評までを担いました。 進行
執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「独習」シリーズ、「これからはじめるReact実践入門」、「改訂3版 JavaScript本格入門」他、
はじめに教わるデザインの基本。気をつけるべき28のポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
突然ですが、下記のバナーにはデザインのルール上あまり適切でないことが含まれています。 ・ ・ ・ みなさんはわかりましたか？ 「なにがよくないのかわからない……」という方は、ぜひこの記事を最後までご覧ください！ 今回は新米デザイナーさんに向けて、先輩からはじめに教わるデザイナーが覚えておきたい基本やポイントをご紹介します。レビュワーの立場にあるデザイナーの方も、デザインのチェックリストとして使っていただけると幸いです！ （すぐに答えが知りたい方はこちらをクリックしてジャンプ！） 今回ご紹介するのは、デザイナーなら誰もが一度は目にするような基本中の基本です。ただし、これらは「絶対的なルール」というわけではありません。経験豊富なデザイナーさんであれば、状況に応じてあえてこれらの基本を外すこともあると思います。 でも、覚えておいていただきたいのは、ルールを知った上で破るのと、知らずに破るのでは大
AWS Location ServiceをCDKで構築して地図をカスタマイズしてみた - Taste of Tech Topics
こんにちは、igaです。 8月ももう終わりですが、まだまだ暑い日が続きますね。私は数年前から日傘を使うようになりましたが、晴れた日に外を歩く際、日傘があると少しだけ体感温度がましになるので、夏は日傘が手放せなくなりました。 今回は、AWS Location ServiceをCDKで構築して、地図のスタイルをカスタマイズしてみました。 AWS Location Service AWS Location Serviceとは AWS Location Service（以降、Location Serviceと表記します）はAWSが提供する、地図や位置情報、移動経路などが利用できるサービスです。 aws.amazon.com 今回の内容 今回は、次の2つを実施します。 Location ServiceをCDKで構築して、クライアントで地図を表示する 地図のスタイルをカスタマイズする 地図のスタイルの
2024/08/24(土)で開催されたフロントエンドカンファレンス北海道 2024に関する、現時点での公開資料と X アカウントリンクをまとめました。 よろしければご活用ください。 はじめに 登壇者名は敬称略させていただいています。 スライドについては、ご本人がツイートで展開されていたり、スライドサービスにアップロードされているものを記載。 X アカウントについては、fortee や資料に記載されていたり、資料公開の投稿で分かった方のみ記載。 リンクの間違い等ありましたらコメントいただけると助かります🙏 タイムテーブル 本イベントでは2つの会場でそれぞれ講演がありました。 便宜上、以下のように A, B と表します。 カケハシ（8F）：A LINE ヤフー WOW ルーム（6F）：B 11:00 - A - Webの潮流から考える、フロントエンドの溢れんばかりの魅力とフロントエンドエンジ
本書はデータ可視化の実践と普及に10年以上携わってきた矢崎裕一氏が、情報デザインやコンピュータサイエンス、データサイエンス、統計学、記号学、インタラクションデザイン、ストーリーテリングなどの各分野に分散しているデータ可視化の知見を統合し、本質的なノウハウだけを抽出した解説書です。 プログラミング言語やツールに依存しない、いつどんな状況でも使えるデータ可視化の考え方やワークフローを学べます。 データ可視化はユーザーのインサイトを知るために不可欠の手法です。ぜひこの1冊で、基本を全部習得してしまいましょう。 目次 〈基礎編〉 第1章 なぜデータを可視化するのか 第2章 データ可視化とは何か 第3章 どんな分野で用いられているか 第4章 チャートの文法とは何か 第5章 可視化表現の三層モデルとは何か 第6章 色はどのように選ぶか 第7章 コミュニケーションとしての可視化 〈実務編〉 第8章 ワー
この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。 うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次デザインツールWeb便利ツールFigma・モックアップツールユニーク・面白ツール デザインツール KRESKA.art – Drawing and Painting あらゆるブラウザ上で動作する無料のお絵描き＆ペイントツールで、シンプルで使いやすいインターフェースと、超リアルな書き心地や豊富なブラシコレクションが特長。 Public Work by Cosmos
SNSが私たちの日常生活に深く浸透している現代、特にアイドルオタクにとって、好きなアイドルの最新情報を追いかけたり、ファン同士で交流したりするために、SNSは欠かせません。しかし一方で、情報が次々と押し寄せるせいで心身ともに疲れ果ててしまうことも……。 そこで本記事では、そんなSNS疲れを解消するためのデジタルデトックス法について詳しくご紹介します。たまにはスマホを手放してゆっくりしてみましょう。 SNS疲れとは？ SNS疲れの定義 オタクならではのSNS疲れの特徴 デジタルデトックスの重要性 スマホの使いすぎが脳へ与える影響 オタクにおすすめのデジタルデトックス法 フォローするアカウントの整理 通知の管理 SNSの使用時間の制限 アプリの活用 SNS休憩日を設定 代替活動の選択 アイドル関連の活動をオフラインで楽しむ 心身のケア デジタルデトックスを続けるためのヒント おわりに SNS疲
日本のアニメの制作システムは変えられないのか「ANIME FANTASISTA JAPAN 2024」で井上俊之・押山清高・小島崇史が激論を交わす
2024年8月11日(日)・12日(月)に武蔵野市で開催された「ANIME FANTASITA JAPAN 2024」で、「『フリップフラッパーズ』から『ルックバック』へ――理想の制作システムをめぐって」と題したトークが行われ、『ルックバック』原動画や『フリップフラッパーズ』で原画を手がけた井上俊之さん、『フリップフラッパーズ』『ルックバック』監督の押山清高さん、『フリップフラッパーズ』キャラクターデザイン・作画監督の小島崇史さんがトークを繰り広げました。特に中心となったのは、演題にもなっている「理想の制作システム」で、井上さんは、作画監督が原画上がりを描き直す現状の制作システムを変える必要があるのではないかと問題を提起していました。 アニメ・ファンタジスタ・ジャパン2024 https://anime-fantasista-japan.jp/ 左から、イベントに登壇したモデレーターの高瀬
『デジタル激弱な作家ですが、Kindle出版できるでしょうか？』 ～１、ご挨拶とこれまでのこと。｜野村美月
お久しぶりです。野村美月です。 noteに最後に投稿してからもう３年近くになるのですね。 ２０１６年～２０１９年まで３年間筆を折っていた私ですが、２０２１年の秋から２０２３年の秋までの２年間、またしても書かない日々を過ごしておりました。 １度目の休筆についてはnoteの『私が筆を折っていた３年間と、サンタさんへの手紙』で語っています。 このときは手術など体調面での影響が大きかったのですが、２度目の休筆も最初は体調的なことからでした。また書けるようになったのが嬉しくて、１ヶ月に２作ペースで長編を執筆したりしたからでしょうか。 首と肩を悪くしてしまいました。 ただでさえ手術の影響で左腕がダメダメで、サポーターをつけてごまかしごまかしパソコンに向かっていたのに、今度は左肩と首が常にズキズキ痛いという……。 どうにか改善したくて、鍼に整体にカイロに筋膜リリースにとネットで検索して、あちこち通いつめ
（初心者編）Vialを使ってキーマップを書き換えよう - 自作キーボード温泉街の歩き方
こんにちは。自キ温泉ガイドのサリチル酸です。 今回はVIA、Remapに続く第3のキーマップ変更ソフトを紹介したいと思います。 はじめに Vialとは Vialの使用方法 キーボード設定画面を開く キーボードを接続する キーボード選択画面にキーボードが表示されない場合 Vialでできること キー配列（英語配列/日本語配列等）を変更する レイアウトを変更する キーボードをテストする キーマップを変更する アルファキー（文字キー）とモディファイアキー（シフト、コントロール等の修飾キー）を変更する Tips.レイヤーキーの種類について解説 レイヤー関連のキーを設定する モディファイアキーと組み合わせたキーを設定する 特殊キーを追加する Backlightキーを入力する マクロを作成する キーボードを切り替える Tap Danceを設定する Comboを設定する Key Overrideを設定する
標準化されたCSSのzoomプロパティ
標準化されなかったzoom CSSのzoomプロパティをご存知でしょうか？ 有名（だった）なIE向けのハックとして *zoom: 1; などを記述したことがある人、または見たことがある人もいるかと思います。 zoom はIEの独自実装プロパティとして生まれいくつかのブラウザでサポートされたものの、長らく標準化されなかったことからサイトでの利用は推奨されることはありませんでした。 標準化されたzoomがNewly Availableに！ そんなzoomプロパティですが、標準化が進みBaseline 2024において「Newly Available」というステータスになりました👏 まだNewly Availableなので積極的な利用の推奨はできないものの、使い道を考えられるようになりました。 zoomに使い道がありそうな予感 CSSで要素を拡大する手段としてはtransform: scale
ブロック レイアウトの align-content プロパティが Baseline の一部になりました コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ブロック レイアウトとテーブル レイアウトで、CSS Box Alignment の align-content プロパティを使用できるようになりました。これにより、フレキシブル レイアウトやグリッド レイアウトを作成しなくても、ブロックの方向を揃えることができます。 アイテムを垂直方向に中央揃えする、以前は不可能だったタスクが、フレックスボックスとグリッドと align-content プロパティを使用することで簡単になりました。しかし、この位置揃えを行う以外の目的では、フレックスまたはグリッドのレイアウトを作成する必要がありました。このプロパティはブロック レイアウトに対して指定されており、ここ数か月で
:has()疑似クラスは筆者が断トツで一番気に入っているCSSの新機能です。筆者と同じ意見の読者も多いでしょう。少なくとも、State of CSSのアンケートに回答した方の中には多くいるはずです。セレクタを逆向きに指定できることで、これまでできると思いもしなかったようなすごいことがもっと可能になります。 「もっと」と言うのは、すでに多くの人が極めてスマートなアイデアを色々と発表しているからです。以下に一部紹介します。 Using :has() as a CSS Parent Selector and much more（Jen Simmons） Quantity Queries for “islands of elements” with the same class, thanks to CSS :has()（Bramus） Style a parent element based o
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザの履歴を操作して「戻る」ボタンで広告を出すやつについて – コーヒーサーバは香炉である
宮崎駿が38歳で監督デビューした時の鬼畜エピソードクソワロタｗｗｗｗｗ : 哲学ニュースnwk
田中敦子、『攻殻機動隊』の歩みを振り返る 「いつでも皆さんのそばにいます」
CSSレイアウト再入門:完全に理解してCSSを記述するために
JavaScriptで実現するFLIPアニメーションの原理と基礎 - ICS MEDIA
display:contents;って何？どんな時に使うと便利なの？ - Qiita
HTML/CSSでできる、押したくなる最新Webボタンエフェクト集
実例で学ぶFlexboxとCSS Gridの使い分け – TAKLOG
OCRとLLMを活用した情報抽出業務の効率化｜Algomatic
大規模なAndroidアプリの実装を紐解いていくアプローチ - ZOZO TECH BLOG
世界の憧れ”きれいな日本の公衆トイレ”の危機をAIが救う!? 混雑予測、清掃回数管理、さらに便器数＆動線の最適化など最新技術がすごすぎる
一人暮らしの部屋をゲーム部屋にしたい！ 物件選びのコツやレイアウト例、おすすめグッズなどを解説します - 住まいのお役立ち記事
群雄割拠のCSSフレームワークのトレンドを理解する | レバテックラボ（レバテックLAB）
フロントエンドカンファレンス北海道 2024 公開資料・Xアカウントリンクまとめ
ツールに依存しない「データ可視化の本質」を解説 『データ可視化の基本が全部わかる本』発売
もっと早く知りたかった！Web制作に便利な最新オンラインツール50個まとめ
オタクのSNS疲れにデジタルデトックス。スマホ離れするための具体的なTipsを紹介 - ソレドコ
ブロック レイアウトの align-content プロパティが Baseline の一部になりました | Blog | web.dev
まだまだある実例に沿った:has()の使い方 | POSTD