オンライン講座を通して日本文化を発信するNaro.tvにて、「アニメ／特撮カテゴリー」 の第1弾講師として登場した押井。「押井守に学ぶアニメ・映画」は計300分の全20セッションで、押井の思考や、映画監督として実践していることが紹介される。セッションの中には「GHOST IN THE SHELL / 攻殻機動隊」のシーン分析や、映画と出会った幼少期から監督になるまでの振り返りも。価格は税込1万円。期間限定で税込7980円で購入できる。また押井のコメントと、アニメ特撮研究家・氷川竜介氏から「押井守に学ぶアニメ・映画」についての推薦文も到着した。 押井守監督コメントアニメーション監督は机上で映画を作ることが仕事です。 机の上には映画の根拠となるものー現実の風景も役者も存在しません。 そこにあるのは言葉と、それが作り出すイメージだけです。 そして、だからこそ僕は映画を語ることに拘ります。 映画を
2023/02/14 PR Blenderで不穏な「無人の風景」を生み出す、CG作家「たいらかける」が語る画づくりのコンセプト。 マウスコンピューター Blenderテクスチャモデリングライティング ごく普通の日常風景を題材にしながら、どこか「不気味さ」を感じさせるCGを生み出す、たいらかける氏。これまでの作品から、制作の秘訣や本人のバックグラウンドなどを探るとともに、現在制作で用いているマウスコンピューターのクリエイター向けノートPC「DAIV 5N」のパフォーマンスや使い勝手を伺った。 重視しているのは、腑に落ちない感覚 CGWORLD（以下、CGW）：3DCGを始めて1年ちょっととのことですが、アートに関する経歴はどのような感じでしょうか。 たいらかける氏（以下、たいら）：2020年に、まずは点描画やイラストなどの創作活動からスタートしました。その後、2021年の12月頃からはBle
マークアップのわかり方
この記事は、2022年10月28日に開催されたDIST.37「マークアップな夜」での発表「マークアップのわかり方」をもとにしたものです。当日は話せなかった内容も大幅に追加しています。 現代における「マークアップ」とはどのような行為なのか。いかにそれと向き合っていけばいいのか。そういったことについて考えてみます。 マークアップの議論においては、「マークアップには正解がない」という意見が決まって出ます。正解がないと言うならば、たいていなんであってもそうです。たとえばCSSやJavaScriptの書き方には「正解」があるのかと考えてみると、必ずしもそうではありません。 しかし、ことさらマークアップにおいてこれがよく言われる理由としては、妥当性を判断する基準がわからない、ということでしょう。 というのも、CSSなら望む通りの見た目になればとりあえずOKだし、JavaScriptでも意図した通りの振
衝動買いした分離型キーボード「Keychron K11 Pro」が最高だった。その「日本語入力」カスタマイズ手法（西田宗千佳） | テクノエッジ TechnoEdge
1971年福井県生まれ。得意ジャンルは、パソコン・デジタルAV・家電、ネットワーク関連など「電気かデータが流れるもの全般」。主に、取材記事と個人向け解説記事を担当。 最近多いので「またですか」と言われそうだが、メカニカルキーボードの話をする。 先週、あるキーボードを買った。冷静に考えると「生まれて初めて」レベルのものであり、ちょっと面白い体験だった。だがいまや、「これが私にとってはベストだった」と確信するくらい気に入っている。 購入は「衝動買い」だったのだが、そこから考えた諸々のことは、「キーボードと人間」を考える上でけっこう重要なことではないか……と考えている。 というわけで、衝動買いから考えた話をお伝えしたい。 ※この記事は、毎週月曜日に配信されているメールマガジン『小寺・西田の「マンデーランチビュッフェ」』から、一部を転載したものです。今回の記事は2023年8月21日に配信されたもの
１月に発売ししたニディガが、めでたい事にたくさんの方から愛される作品となりました。２週間で２０万本、嬉しいね！ 諸々の数字が大きくなるに連れ、やることも増えてきまして、発売前より忙しくなるという嬉しい悲鳴を上げている状況です。仕事があるのは良いことですね。これからも、超てんちゃんとあめちゃんのために頑張ろうと思います。いや、もう「超てんさん」だな……。 というわけで、ネタバレ無しで、製作にまつわるお話とか、ちょっとした裏話を書いていったりします。オタクは長文で作品の話をするのが大好き！ ↑100万本達成時のインタビュー。こちらもネタバレ無しでいろいろ書いてあるので読んでみてね。 ・企画とか 今作は、何を隠そう僕が企画したゲームです。 「企画」って具体的になに？ って方も少なくないでしょう。僕も、なんかアニメのOPとかでクレジットされてる役職くらいのイメージでした。 ざっくり言うと「始まりの
「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog
「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要
ロゴ画像のようにさまざまなサイズ、さまざまな形の画像を美しく揃えて配置するスタイルシートのテクニックを紹介します。 CSSのテクニックだけでなく、デザイン上の注意点も解説されており、実装時の参考になります。 Aligning Logo Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ロゴを配置する時のデザイン上の注意点 ロゴを配置するグリッドの実装 CSSブレンドモードを使用してホワイトの背景を削除する ロゴの最後の行の中央揃え 実装時の注意点 終わりに はじめに フロントエンドのデベロッパーとして、複数のロゴを配置したことがあるでしょう。この実装は最初は簡単に思えるかもしれませんが、ロゴを揃えたり、中央配置にする時に悩ますかもしれません。さらに、ロゴにはさ
H(uman-friendly) な grep コマンド hgrep をつくりました． github.com '\w+ で検索した時の出力 ファイルを特定のパターンで検索し，マッチした箇所を構文ハイライトしたコード片で表示します．超ざっくり言うと，ripgrep で検索して bat でマッチ箇所付近を表示するような感じです． grep -C によるコンテキスト表示に似ていますが，マッチ行が近い時は1つのコード片にまとめる，周囲何行を表示するかをヒューリスティックに少し賢く決めているなど，ちょっと出力は工夫しています． 動機 手元のリポジトリでコードを検索する時は 単純に grep で検索してマッチ結果を眺める grep | fzf のように検索結果を fzf で絞り込んだりプレビューする vim $(grep -l ...) のように検索結果をエディタで開く あたりを使い分けているのですが
技術blogのリンクを投げたらChatGPTが要約して、いい感じに整形してチャンネル投稿してくれるbotを社内Slackに生やしたら捗った話
こんにちは、株式会社シグマアイのエンジニアの@k_muroです。 今回の記事は最近導入した「技術blogを良い感じに共有してくれるSlack bot」のご紹介を。 はじめに 技術の進化は止まらない。(真面目な話、AI系の進捗がマジですごいて全然追えない) 毎日のように新しい技術、フレームワーク、ライブラリ、ツールが生まれています。そんな中でエンジニアとして働いていると、この情報の波に疲れを感じること、ありませんか？ ありますよね？(脅迫) 実際私もその一人で、この小さな疲れが積み重なって大きなストレスとなることに気づきました。 「新しい技術情報、追いつけるかな？」 「あのブログ記事、後で読もうと思ってたのに、どこいったっけ？」 「チーム全員が同じ情報を持ってるか心配だな。」 そんな日常の疑問や不安から逃れるための一歩として、私はあるSlack botを開発しました。このbotは、送られた技
しょっちゅう人手不足になるところでは働くな。
もう最初から、この記事の結論を書いてしまおう。 「しょっちゅう人手不足になるところでは働くな」である。 わたしはちゃんと（？）企業勤めした経験はないから、あくまで学生時代のアルバイトを通じての所感だけど。 でも、バイトだろうが正社員だろうが、これはたぶん同じだと思う。 「しょっちゅう人手不足になるところでは働くな」 バイトの面接を取り付けたらため息をつかれた 学生時代アルバイトを探しているとき、地域の無料求人雑誌で、ちょうどよさそうな募集を見つけた。 駅前のスーパーの惣菜屋さんで、時給は低いが家から近く、1日3時間から入れるとのこと。希望条件にぴったりだ。 さてさて、さっそく電話。 「求人広告を拝見してご連絡いたしました。担当の方はいらっしゃいますか？」と聞いてみる。 すると電話口の女性は、「ふぅん……年は？」と無愛想に聞いてくる。 「大学1年です」と答えたら、大きなため息をつかれた。 た
はじめに 業務自動化といえばRPAとかPython等が良く使われるが、これらは基本的に判断が多い複雑な業務の自動化には向かず、やったとしても自動実行→手作業→自動実行→手作業…と言ったように人の判断が居るところで業務プロセスが分断されてしまうのが悩みどころ。 そこで「GUI上で自動実行前に手作業」＋「バックグランドで自動実行」と両方の機能を持ち、業務を分断する事なく作業できるアプリを作ろうと考えた。 結論から言うと「Flet」を採用した。以下経緯説明。 お手軽なGUIライブラリを探す旅 Pythonはデスクトップアプリ開発には不向き？ アプリを開発するにしろメインの処理は自動化なので、アプリ開発に特化したフレームワークではなく、Pythonを使用出来る柔軟性の高そうなGUIライブラリが無いか探すことにした。 巷でたまに耳にするが、デスクトップアプリ開発はC#やJavaが多くPythonは環
立命館大学情報理工学部教授 上原 哲太郎 情報セキュリティ学者。デジタル・フォレンジック研究会会長や情報セキュリティ研究所理事を務め、官公庁のセキュリティ対策支援や、警察組織のサイバー犯罪アドバイザーなどを行う。「PHS反対運動の父」を掲げつつ、「PPAP」や「神エクセル」への反対運動にも取り組んでいる。 公式サイト 立命館大学 研究者学術情報データベース X メールで送られてくるパスワード付きファイルや、文書ファイルを「紙」に印刷しないと回覧できない決裁フロー。効率や情報の安全性の点において、エンジニアからすると技術の扱いに疑問を感じる業務慣習が日本の一部で横行しています。情報セキュリティの専門家で立命館大学情報理工学部教授の上原哲太郎さんは、「日本の事務はコンピュータが絡むと途端に不思議なルールが生まれる」と指摘します。 上原さんに、こうしたルールが消滅するのはいつになるかと聞くと、「
ページのコンテンツが少なくても、フッタを一番下に配置するCSSのテクニックを紹介します。コンテンツが多ければ、成り行きで配置されます。 フッタの高さは自由で、CSS GridやFlexboxやcalc()は使用せず、追加のラッパーも必要ありません。シンプルなHTMLに、数行のCSSで簡単に実装できます。 A Clever Sticky Footer Technique by Chris Coyier 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コンテンツが十分な量でなくてもフッタを一番下に配置する方法 はじめに 「スティッキーフッタ」というと、ページをスクロールした時にぴたっと固定表示されるposition: sticky;を思い浮かべる人が多いと思います。 しかし、それはここで話すこととはすこし異なります。 「ス
墓標｜會川 昇
前回ＵＰしたように、ＯＶＡでは色々と思いが果たせなかったケースがあります。途中降板ならまだいい方で、企画を通すためにさんざ作業した挙げ句、いざ実現すると別の人が脚本書いている、或いは企画そのものが無くなっている。そんなものはざら。 普通ならそういう作品については守秘義務契約があり発信できないはずですが、なにせまともな契約というものが存在しなかったかつてのアニメ界。企画だけ書かせて買い取りのギャラすら払っていただけてないのだから、契約書があるはずもなく。 なので久しぶりにそうしたことどもを思い出して、墓参の代わりにしようか、と。そんな記事です。いつものことですが、本当に書けないことについては触れないと思います。また完全なオリジナル企画(私の原案)の場合はいちいちその内容を説明しないといけなくなるし、そのネタをどっかで使いまわしていることもあるので、紹介はしないかと。そうそう、割と長く関わった
近年、OpenAIのGPT-4やGoogleのGemini、MetaのLLaMAをはじめとする大規模言語モデル（Large Language Model：LLM）の能力が大幅に向上し、自然言語処理において優れた結果を収めています[1][2][3]。これらのLLMは、膨大な量のテキストデータで学習されており、さまざまな自然言語処理タスクにおいて、タスクに固有なデータを用いてモデルをファインチューニングすることなく、より正確で自然なテキスト生成や、複雑な質問への回答が可能となっています。 LLM-jp-eval[4]およびMT-bench-jp[5]を用いた日本語LLMの評価結果。Nejumi LLMリーダーボード Neoより取得。 大規模言語モデルは近年急速な進歩を遂げていますが、これらの進歩にもかかわらず、裏付けのない情報や矛盾した内容を生成する点においては依然として課題があります。たとえ
DeepL を使って英語の PDF ファイルをレイアウトを保ったまま翻訳するツールを作りました✨→「あなたが神か」「これは凄い」
佐藤 竜馬 / Ryoma Sato @joisino_ DeepL を使って英語の PDF ファイルをレイアウトを保ったまま翻訳するツールを作りました✨論文読みが快適になります。ぜひご活用ください！ readable.joisino.net pic.twitter.com/6T5Hn0n7Al 2022-08-16 17:41:27
2020年12月7日に更新 最近の事情 UIWebViewの完全廃止 UIWebViewはiOS8以降に非推奨になっていたが新規アプリの申請を終了する予定でした。2020年末以降に延長した。今のところ未定となった。 WKWebViewに移行しなければいけない。依存しているライブラリに組み込まれている可能性があるので、今一度確認した方がいいだろう。iOS15では完全に使えずに実行時にクラッシュになるかもしれない。 developer.apple.com Apple Push Notification Serviceのアップデート 古いプッシュ通知の方法が使えなくなる。2021年3月31日に延期になりました。新しいプッシュ通知の方法を使うように切り替える必要がある。 developer.apple.com Xcode12でのビルドが必須 2021年4月末からXcode12でのビルドする必要があ
【2021年版】国内外Tech系YouTubeチャンネル10選 - 登録者数順まとめ！ - - RAKUS Developers Blog | ラクス エンジニアブログ
技術広報のyayawowoです。 エンジニアの皆さん、プログラミングの勉強は捗っていますか？ 効率的な学習ができていますか？ 本記事では、昨今盛り上がり続けているYouTube市場で、 プログラミング学習をメインで配信している国内・国外のチャンネルをご紹介します。 動画を見ながらコーディング学習もできるので、一石二鳥？いや、三鳥なレベルで効率的な学習ができますよ。 また、YouTubeの高度な検索方法にも触れていますので是非最後までお読みいただけますと幸いです！ では、スタート！ 国内チャンネル プログラミング全般を学習するなら？ たにぐち まことのともすたチャンネル フロントエンドを学習するなら？ しまぶーのIT大学 【とらゼミ】トラハックのエンジニア学習講座 バックエンドを学習するなら？ キノコード / プログラミング学習チャンネル プログラミングアカデミー 渋谷で働くエンジニア福の「
新しいNext.jsの入門 ─ App DirectoryによるWeb開発をハンズオンで理解しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）
使用するライブラリ このアプリで、Next.js以外に使用するライブラリは以下の4つです。インストール方法等は必要な箇所で説明します。 Prisma TypeScriptのORマッパーです。アプリでのノートの保存等に使用します。 ▶ Prisma | Next-generation ORM for Node.js & TypeScript Tailwind CSS CSSフレームワークです。アプリのUIデザインに使用します。 ▶ Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Zod バリデーションライブラリです。APIレスポンスの型定義とバリデーションに使用します。 ▶ Zod | Documentation SWR データフェッチ用のライブラリです。ノート一覧のクライアントサイドで
報道番組のデザインに注目！ ニュース画面のテロップと「テレ朝UD」｜Fontworks | フォントワークス公式note
皆さん、「テレ朝UD」はご存知でしょうか？ テレ朝UDは、テレビ朝日の長年の経験に基づくテレビテロップの知見と強いこだわりを、フォントワークスのフォント制作の技術で実現したオリジナルフォント。2022年10月から以下の報道番組のテロップに使用されています。 2022年10月からテロップに「テレ朝UD」を使用している報道番組テレ朝UDの開発背景や、書体の特徴については、フォントワークスのコーポレートサイト「もじがたり」で紹介されていますので、ぜひそちらもチェックしてみてください。 そしてもじがたりの取材のため、テレビ朝日 コーポレートデザインセンターにお話を聞きに行くと耳に挟んだ編集部。これはじっとしていられません。「何か面白い話がうかがえそう！」と取材に同行させてもらいました。 テレビの現場の方にお話を聞けるなら、やはりデザインについて勉強させていただきたい！ 「ニュースの画面ってどんなふ
本書は、未来のプログラマ、コンピュータ設計者のために書かれた、Raspberry Piを題材にコンピュータの「仕組み」、コンピュータサイエンスの基本を学ぶ書籍です。Raspberry Pi開発者たちが、プロセッサ、メモリ、ストレージ、ネットワーク、オペレーティングシステム、プログラミング、3Dグラフィックス、オーディオ、そして入出力制御などについて、それらの歴史的な背景なども合わせて詳細に解説を行います。また、解説内容の一部は、実際にRaspberry Piで動かしながら学ぶことも可能です。 はじめに ケンブリッジ ここからが本題 成長曲線の伸び悩むところ 将来に向けて 監訳者まえがき 1章 驚くべきコンピュータの姿 おいしくて果汁あふれるラズベリーの成長 SoC わくわくするクレジットカードサイズのコンピュータ Raspberry Piに何ができるか？ Raspberry Piボードの紹
Modern Web Development on the JAMstack を読んでまとめた - console.lealog();
https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf Netlify社が2019年に公開した本？PDFです。 せっかくJamstackの会社に入ったので、読んでおかないといけない気がして。 あとJamstackは人によって解釈が違ったりするとし、Jamstackの真髄について知っておきたいですよね？と思い。 ただこれなんと127ページもあるんですよね〜。 全編もちろん英語なので、読むのも中々に大変ですよね〜。 てなわけで、ざっくり訳してまとめまておきました。（それでも長いけど） はじめに ここ最近のWebの進化はすさまじい ブラウザもJavaScriptもパワフルになった その分ユーザーの要求も増える やることが増えると処理は遅くなる 遅いページは見向きもされないモバイル当たり前の世界だ
この記事はBASEアドベントカレンダー2023 7日目の記事です ! (12/8追記) 「基盤」という誤った表記を「基板」に変更しました。 まえがき唐突ですが、インターネットの世界に生きる私のような人間にとって、現代社会のあらゆる自己表現はテキストを介して行われる、といった面があります。 テキストを書かなければ人間関係も仕事も始まりません。 そしてそのテキストをひねり出すためになにが必要なのか。それはキーボードなのです。 古来よりキーボードというハードウェアにまつわる話題は様々ありましたが、近年そのなかでもメカニカルキーボードというカテゴリが大変な賑わいを魅せています。 自分もそんなメカニカルキーボードの世界に魅せられてジャンキーになってしまった人間の一人です。 しかし、キーボード界隈はさまざまな用語が飛び交っている割に、網羅的な情報が少なくとっつきにくい部分があるのもまた事実。 そこで、
フロントエンド初心者が無事に Hugo のブログを Gatsby で一から作り直すことができた。その振り返り。 歴史 インターネットを小中学生(もはや 25 年以上前)に触り初めた頃に、HTML で文章の構造を作り CSS でデザインする、ということができるのを知って感動したけど、結局自分には何かが合わなくてそれを突き詰めることができなかった。というか、それを知ったが故にテーブルレイアウトとかがどうしても気に入らず、かといって CSS は float が難しすぎて、結局ウェブサイトを作る、という根本的な営みをずっと避けてきてしまった。 時は過ぎ、Wordpress の様なブログエンジンや Hugo の様な仕組みがあったおかげでブログを初めて続けることはできた。13 年前にレンタルサーバに Wordpress を置いて始めたこのブログも 9 年前には VPS での Wordpress 運用に
今やフォトレタッチからビジネス文書の作成、映像制作やDTP、さらにはウェブ制作に至るまで、あらゆるプロフェッショナルシーンに活用できるソフトウェアを提供しているアドビ。それらのソフトウェアに欠かせない、しかしあまり意識することのない要素の1つがフォントではないだろうか。写真の加工やドキュメントの作成時に普段何げなく使っている日本語テキストだが、日本語をグラフィックとして正しく表現するには、正しくデザインされたフォントが不可欠となる。 そんなフォントの開発を先導してきたアドビのなかでも、初期から関わってきた技術者と責任者が、東京で開催されたフォントの祭典「ATypI」のために来日、本誌のインタビューに応じていただいた。米アドビで書体開発チームのシニアマネージャーを務めるダン・ラティガン氏と、同タイプアーキテクトのケン・ランディ氏の2人が、アドビがフォントに力を入れる理由、それぞれがフォント開
2021年のフジロック、初日・20日と2日目・21日、客として現地で参加してきました。 様々な言説が世に流れている中で、自分が見た今年のフジロックに関して記しておこうと思い、この文章を書きました。 ショートコメントはたくさん出ているので、できるだけ状況を丁寧に綴ろうと思った結果（それだけが原因じゃなく書き手である私の問題なんでしょうが）、とてつもなく長い文章になってしまいました…。 目次はつけませんが、前段ののち、「自分が実際に見た場内の様子」、「抗原検査などの入場条件について」、話題にもなっていた「なぜ無観客配信にしなかったのかについての考察」等について順番に書いています。 ＊ 正直に言うと、開催前日まで、現地に行くかどうか散々悩んでいました。 先に申し上げておくと、フジロック開催に対しては、主催であるスマッシュが地元・湯沢町をはじめ新潟県、そして国とも協議を続けてきた上で、できうる限り
はじめに 少し前から話題になっているが、日本の労働生産性はG7で最も低いらしい。 日本生産性本部資料より https://www.jpc-net.jp/intl_comparison/intl_comparison_2018_press.pdf 日本は人口減少に突入していることもあって、「作業の効率化」や「自動化・省力化」をいうフレーズをあらゆる業種で聞くようになった。 ITエンジニアは、あらゆる職業の中でも最も効率化、自動化をして生産性を高められるといっても過言ではないだろう。プログラマの三大美徳(「怠惰」「短気」「傲慢」)にもあるように、同じことを何度もやらない、楽をするためにがんばるという生産性を意識した感性が重要視されているからだ。 生産性を高めることで、勉強する時間が作れたり、新しいことを経験したりするなどしてさらにスキルアップができ、さらに生産性が上がるという好循環を作り出すこ
こんにちは。ISID 金融ソリューション事業部の若本です。 先日、GPT-4から発展し、画像も扱うことができるGPT-4 with vision（GPT-4V）が発表されました。GPT-4Vは大規模マルチモーダルモデル（LMMs: Large multimodal models）と呼ばれるAIモデルの一種であり、GPT-4の入力として「画像」を拡張したものになります。 今日は Microsoft Researchの論文[1]を中心に、Open AIの発表したSystem Card[2]も踏まえ、GPT-4Vでできることや苦手とすること、そして実用上の制限について解説します。 GPT-4Vの特徴 ① 画像とテキストを入力にできる GPT-4Vでは、GPT-4のテキスト入力に加えて画像も入力することが可能になりました。 画像は複数枚入力することが可能であり、かつ、画像とテキストを任意に交互に組
Webで縦書きなどを実現する「CSS Writing Modes Level 3」、ついにW3Cの「勧告」に
Webで縦書きなどを実現する「CSS Writing Modes Level 3」、ついにW3Cの「勧告」に HTMLで構造化された文書に対してスタイルを与える「Cascading Style Sheet」（CSS）は「CSS 2」から、directionプロパティでテキストの表示方向を左から右か、右から左かを指定可能でした。 今回勧告になった「CSS Writing Modes Level 3」では、従来の横書きの左から右への記述（英語やヒンディ語など）、横書きの右から左への記述（ヘブライ語やアラビア語など）に加えて、日本語やモンゴル語などで使われるような縦書きなどを指定することができます。 また、縦書きでは、右から左への行送り（中国語、日本語、韓国語など）と、左から右への行送り（モンゴル語など）も指定可能。 これらは同一ページ上で混在でき、さらに双方向混在の記述における分離、字形の方向
東大生推奨「本当に暗記に効くノート術」。勉強したことをずっと覚えておくには○○が重要だった - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
多くの社会人が勉強において悩まされるのが、“記憶力” の問題。「学生時代より記憶力が劣るから……」と勉強がはかどらないと感じる人もいるでしょう。しかし、効果的に覚えるための “記憶に残る” ノートの取り方さえ押さえていれば、学習効率は上がるのです。 長期的に覚えるための “暗記に効くノート術” を、覚えたい内容別に3つご紹介。筆者が実践した効果も共有しましょう。 【ライタープロフィール】 青野透子 大学では経営学を専攻。科学的に効果のあるメンタル管理方法への理解が深く、マインドセット・対人関係についての執筆が得意。科学（脳科学・心理学）に基づいた勉強法への関心も強く、執筆を通して得たノウハウをもとに、勉強の習慣化に成功している。 1. 用語をまとめて覚えたいなら……「メモリーツリー」 2. 苦手分野について重点的に覚えたいなら……「間違いノート」 3. 本の内容を覚えたいなら……「コーネル
モダンCSSでよく使用されるレイアウトを実装するまとめ
ヘッダ・フッタ・コンテンツ・サイドバー、フルページのレイアウト、最下部のフッタ、中央配置、カードなど、一般的なWebサイトやスマホアプリのUIをモダンCSSで実装する方法を紹介します。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。これからのプロジェクトに役立つCSSのテクニックを解説します。 Layout patterns 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 モダンCSSで実装するレイアウト アスペクト比が維持される画像カード 最大値と最小値を決め、伸縮するカード コンテナに合わせて最適化されるカード スペースに合わせて伸縮するパンケーキ 聖杯レイアウト ラインナップ 積み重なるパンケーキ RAM (Repeat, Auto, Minmax) メディアクエリなしのサイドバー これからの
CSS Flexboxで、Webサイトのヘッダを実装する最近のテクニックを紹介します。 ロゴやナビゲーションの配置、各要素間のスペースの与え方、使用可能なスペースに検索フォームを広げて配置など、Flexboxを効果的に使用した実装方法です。 Building Website Headers with CSS Flexbox by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ヘッダの構造を確認 Flexboxの動作 ヘッダの実装バリエーション Flexboxでヘッダを構築するための便利なテクニック Flexboxで実装したヘッダのテンプレート 終わりに はじめに 私が初めてHTMLとCSSの基礎を学んだとき、Webサイトのヘッダを実装することは非常に難しい作業の1つでした。2014年頃のこ
CSSを理解するには、プロパティや値を知っているだけでは不十分です。CSSのレイアウトアルゴリズムがどのように機能するかを理解する必要があります。 ブログやツイートで便利なCSSスニペットが紹介されていても、なぜ機能するのか、レイアウトアルゴリズムがどのように使用されているのか説明されていないことはよくあります。CSSにおけるレイアウトアルゴリズムについて解説します。 CSSの初学者をはじめ、長く携わっている人にも、気づきや学びがあると思います。 Understanding Layout Algorithms by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSにおけるレイアウトのアルゴリズム レイアウトアルゴリズムの確認 インライン要素の不思議なスペース 終わりに はじめに 数年
2023/12/28 栗田 唯の映画から学ぶ画づくりのセオリー 第1回：『ブレイキング・バッド』シリーズから学ぶ、視線誘導（前編）【新連載】 映画、アニメ、ゲーム、イラスト……。クリエイティブな画づくりの基礎をCGWORLD.jpで学ぼう！ この連載では、画づくりの基礎を学びたい、復習したい人に向けて、有名な映画やTVドラマシリーズからシーンをピックアップして、そのセオリーを解説していきます。紹介する内容は、「画」が関わる全てのクリエイティブに通じるもの。登場する映画やTVドラマを研究しながら、基礎を一緒に学んでいきましょう！ この連載について 皆さん、こんにちは！ ストーリーボードアーティストの栗田です。キャリアとしてはBlizzard Entertainmentからマーザ・アニメーションプラネット株式会社、トンコハウス・ジャパンを経て、現在はフリーランスで様々な作品に携わっています。本
Appleが殺そうとしているもの2020年版リスト
AndroidアプリでおなじみのUIImage: AppleiOS 14で話題のウィジェットとAppライブラリは、Android古参のUIです。ウィジェットは大きさも見た目も好みで変更が可能。たとえば気になるお天気とメッセージ系アプリをHOME画面に表示したり、レイアウトの自由度が格段にアップします。一方、Appライブラリはアプリをカテゴリ別に分けておける機能ですね。アプリを隠せるところなんかは、Androidのドロワーに怪しいまでに似ていますよ。 Video: Jon Rettinger/YouTubeインスト抜きでアプリの一部機能を限定的に使える｢App Clips｣も、スマホに強い米Gizmodo編集部のSam Rutherfordに言わせると｢AndroidのInstant Appsだよね｣。Androidの友だちに見せたら、こんなの昔からあるわいって言われるかも。 Google翻
Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に、 API から取得したステートを流し込み、それらを「いつ、どこで、どう」レンダリングするかという課題への最適解を、各位が模索するフェーズとなっている。 コンポーネントを敷き詰めるコンテナ側の設計は、 Flexbox および Grid の登場によるレイアウトの進化が手助けしたところも多いにある。しかし、「ページ」を前提に設計された CSS は、「コンポーネント」を前提にした設計に移行するうえで、ミッシングピースが多かった。 現在、提案/実装が進んでいる CSS の新機能群には、
Tailwind CSSは結構いいんでないの？というポエムです ユーティリティーファーストって考え方について まず、 ユーティリティークラスが何かということ ユーティリティークラスを使ってHTMLを書いていくということってどういうことか これは、ある程度CSSを書いている人であれば想像できることであろうと思う。 こんな風に、あらかじめユーティリティー的なクラスを用意しーの .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-a
CSS Flexboxで配置する時に知っておくと便利！オートマージン（margin: auto;）の仕組みと効果的な使い方
Flexboxも、margin: auto;も、CSSでよく使うプロパティです。 このFlexboxとオートマージン（margin: auto;）を組み合わせると、さまざまなレイアウト・配置ができます。例えば、ナビゲーションのアイテムを配置する際に、ロゴだけ左端に、検索を右端に、といった配置もオートマージンが活躍します。 オートマージン（margin: auto;）の仕組み、CSS Flexboxとオートマージンの効果的な使い方を紹介します。 Flexbox: Aligning with Auto Margins by Samantha Ming 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Flexboxにおけるオートマージンの役割 マージンについて理解する オートマージンが常に優先される オートマージンの効果的な使い方 F
レスポンシブの確認が簡単に！ iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター
iPhoneをはじめ、PixelやGalaxyのAndroidスマホ、iPadやGalaxyのタブレット、ラップトップ、ワイドスクリーンなど各モデルのサイズでWebページを表示して確認ができるChromeの機能拡張を紹介します。 デベロッパーツールのデバイスモード（command+shift+M）で各デバイスの表示を確認できますが、モバイルシミュレーターはさらに多くのデバイス、スクリーンショット・動画撮影など機能も充実しています。また、モバイルシミュレーターでデベロッパーツールを使用することも可能です。 無料で、多くのデバイスをサポートしているのがいいですね。 WinでもMacでも、ツールバーと右クリックから1クリックで簡単に起動できます！ Mobile FIRST レスポンシブの確認を簡単にできます。 スクロール・スワイプなどの操作をはじめ、リンクをクリックしてのページ移動もできます。
「賃貸にはない家」を目指して。ミニキッチン付きの仕事部屋で効率UP【エンジニア、家を建てる】 - MY HOME STORY │スーモカウンター注文住宅
職業柄、「よりよいもの」や「よりよい環境」を求める方が多いエンジニア。そんなエンジニアの「家づくり」にはきっと、さまざまなこだわりが詰め込まれているはず。 「エンジニア、家を建てる」第5回は、埼玉県戸田市に戸建てを建てた、とよしまさんに寄稿いただきました。 もともと賃貸マンションで夫婦と子ども4人の6人家族で暮らしていたとよしまさんが40代半ばで建てたのは、パートナーのご両親との2世帯住宅。趣味を充実させるため、仕事に集中するため、家族のプライベートな空間を確保するため……「注文住宅だからこそ」徹底的にこだわり抜いたといいます。 こんにちは。都内の外資系テックカンパニーでソフトウェアエンジニアをしている、とよしまです。マンガ家の妻と4人の子どもとの6人家族です。 私たち夫婦は最初の子どもが生まれた16年ほど前から、川崎市にある3DKの賃貸マンションで暮らしていました。 子どもが増えるにつれ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
押井守監督にアニメ・映画を学べる約300分のオンライン講座、本日より配信
Blenderで不穏な「無人の風景」を生み出す、CG作家「たいらかける」が語る画づくりのコンセプト。
NEEDY GIRL OVERDOSEのいろんな話（ネタバレ無し）｜にゃるら
CSSでロゴのようにサイズが異なる画像を美しく揃えて配置するスタイルシートの実装テクニック
えっちな grep をつくった - はやくプログラムになりたい
Pythonを使ったGUIアプリを「お手軽に」作りたかった件 - Qiita
「PPAP」「決裁にハンコ」をやる人たちは何を考えている？ 謎慣習が消えぬ理由を上原哲太郎教授が解説【フォーカス】
この実装方法は巧い！ コンテンツが少ない量でもフッタを一番下に配置するCSSのテクニック
RAGの性能を改善するための8つの戦略 | Fintan
更新できなければ淘汰されるiOSアプリ - いつもあさって
Raspberry Piで学ぶコンピュータアーキテクチャ
現代メカニカルキーボード用語の基礎知識｜simezi9
フロントエンド初心者がGatsbyでブログを作り直した話 - As a Futurist...
「源ノ角ゴシック」構想は25年前から--“フォント愛”あふれる米アドビ書体チームに聞く
2021年のフジロックに参加して｜有泉智子
ようこそdotfilesの世界へ - Qiita
GPT-4Vができることをまとめてみた - 電通総研 テックブログ
CSS Flexboxでヘッダを実装する最近のテクニックのまとめ
Web制作者はしっかりと理解しておきたい！ CSSにおけるレイアウトアルゴリズムを解説
栗田 唯の映画から学ぶ画づくりのセオリー 第1回：『ブレイキング・バッド』シリーズから学ぶ、視線誘導（前編）【新連載】
次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
ユーティリティーファーストとTailwind CSSのススメ - Qiita