はじめに1998年、デザインの勉強を全くしたことがない私がデザイン業界に入り、はや22年が経ちました。数年間は下っ端生活をしていましたので、まさか20年経ってこの会社の社長になるとは、当時の自分が聞いたら失神するでしょうね…。 そんな私は、デザイナーとして際立ったスキルや作風もなければ、立派な賞とも縁がないごく普通のデザイナーなわけですが、22年間楽しく続けてこれたのはなぜだろうと思うと、デザインという仕事を通して成長が感じられるからなのかもしれません。 このnoteでは、デザインの技術ではなく、デザイナーとして成長を実感していくための「デザイン脳」の鍛え方について書きたいと思います。デザイナーとして成長したい！と思っている方の一助になれば幸いです。 思考の変遷を残しておくデザインの経験を積んでいくと、「前よりうまくなったな」と思うはずです。うまくなったというのは、デザインの原理原則が身に
幼稚園バス3歳児置き去り死、防ぐには？ 「スクールバス王国」アメリカ 安全策は意外にアナログ でも確実（AUTOCAR JAPAN） - Yahoo!ニュース
2022年9月5日。静岡県牧之原市の幼稚園で、またしても小さな命が大人の不注意によって奪われた。 【写真】運転手に警報も【「スクールバス王国」アメリカのいろんなスクールバス】 (10枚) 5日の朝、園児を送迎するバスが幼稚園に到着したあと、本来ならばバスを降りるはずの3歳女児はバスから降りてこなかった。 ドライバーと派遣職員の2人は全員が確実に降りたか、確認を怠り、さらに幼稚園のクラス担任も確認をせず女児は登園したことになっていた。 約5時間後、熱射病で意識不明の重体となっていた女児がバスの中で発見される。病院に運ばれたあと、死亡が確認された。 3歳女児が倒れていたそばには、空の水筒が転がっていたという。最後まで何とか生きようと頑張ったのに、誰1人女児に気づくこともないまま放置されてしまった。 様々なメディアがこの幼稚園が所有する送迎バスとして青い日産キャラバンの写真を添えているが、実際に
俺は「急にセリフから始まる曲」が好きで好きでたまらない男です。 歌が始まるかと思ったらいきなり謎のセリフを耳に挿入された瞬間、脳が爆発するような興奮に襲われます。 いつか「急にセリフから始まる曲」を、滅多に会わない親戚とのカラオケで歌いたい。親友の結婚式の余興で歌いたい。葬式で流したい。 その日のために、この世に存在するあらゆる「急にセリフから始まる曲」を、ここに集めたい。情報お待ちしております。 ※5/10 曲追加しました あ アイシクル/霜月隼(CV:木村良平) 愛してると言えなくて/ゴールデンボンバー 愛の唄 ～チョンマル サランヘヨ～/チョナン・カン あいのちから/SEVENTEEN 曖昧ネットだーりん/小神あきら(岩崎宏美)＆白石みのる(白石稔) 赤い日記帳/あか組4 Need You〜夜空の観覧車〜/つばきファクトリー 朝顔/私立恵比寿中学 あしながのサルヴァドール/EG
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
普通のコードエディタに見えて実は壮大なゲーム(MMORPG)画面の「CyberCode Online」で遊んでみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、どこからどう見てもごく普通のコードエディタに見えて、実はマルチプレイ可能なMMORPGというジャンルのゲームが遊べるちょっと変わったWebサービスをご紹介します。 見た目はVisual Studio Code風の画面レイアウトなのですが、本格的なテキストベースのMMORPGになっていて、友人・知人と一緒に敵と戦いながらプレイヤーを成長させていくことができます。 第三者から見るとゲームで遊んでいるとは思われないのも1つの特徴になっています。 【 CyberCode Online 】 ■「CyberCode Online」の遊び方 それでは、最初に「CyberCode Online」をどのように遊ぶのか詳しく見ていきましょう！ サイトにアクセスすると、ごく普通のコードエディタが表示されるのですが、プログラムをよく見るとsignUp()関数が
プラレールは富山商事(→トミー→タカラトミー)が1959年に発売した「プラスチック汽車レールセット」を始祖とし、1958年に更にその元となる「ハイウェーセット」が発売されたという話を踏まえてご覧ください。 既存の情報も含まれます。 ※2020/8/14 新情報発掘に伴い追記。及び本文修正。 ※2020/10/12 追記。及び本文修正。 事の発端は3年前の2017年、プラレールの謎のポイントレールを発見した事に遡ります。 名称不明のポイントレール。カタログにも載ってなければセット品も未確認の謎レールです。半円が組めます。 暫定的に「安全側線レール」とでも呼んでおきます。 pic.twitter.com/Jjv2xFWald— なゆほ (@Nayuho6866) 2017年11月18日 ジャンクの古いボロボロな1960年代のレールの寄せ集めに入っていたこのレール。まだ「プラレール」ブランド登場
結城です。 2021年9月13日から14日にかけて、東京都立大学の大学院生向け特別講義として「リーダブルコード演習」を実施しました。 演習の内容は、当社でこれまでにも行ってきているリーダブルコードワークショップを、プログラミング経験が比較的浅い・プログラミングの量がまだそれほど多くない方向けに調整した内容としました。 この記事では、実施した演習の概要と、今回意識した点を紹介します。 本文が長いため、目次を用意してみました。 発端 演習の構成 座学パート リーダブルなコードを書く意義について リーダブルコードを実践するためにまず取り組むべきこと 実際の現場での「コードがリーダブルでなくなってしまった」「リーダブルになるよう改めた」実践例 最初の実装 リーダブルでなくなった実装 リーダブルさを取り戻すための改修 コードがリーダブルでなくなっていってしまう要因 壊すのが怖くて、見て見ぬフリ 恐怖
去年からフロントエンドのパフォーマンスについて断続的に学んでいるが、自分の頭のなかにある知識はどれも断片的で、まとまりを欠いているような感覚があった。 知識と知識がつながっておらず、各施策が何のために行われるのかも、必ずしも自明ではなかった。何となく「パフォーマンスに効果がある」と言ってしまうが、それが何を指しているのかは実は曖昧だった。 このような状態では新しい知識を得ていくのが難しいというか、効率的に行えないように思えた。議論の背景が分からないし、文脈や問題意識を上手く掴めないから。何の話をしているのかよく分からない、という状態になりがち。書かれてあることの意味は分かっても論旨を掴めているわけではないから、自分のなかに定着しない。 そこで、現時点で自分が知っていることを整理して、自分なりに分類しておくことにした。 当たり前だが、どのテクニックがどの程度有効なのかは、状況によって違う。
CSSは使いようによっては様々な表現が可能な奥深い言語です。しかし、アニメーションなど凝った動きをするものに関してはコードは見れても実装方法を詳しく解説している記事は多くないように思えます。 この記事では、私（さかっちょ）がTwitterで過去にツイートしたCSSの技術をCodePenで改めて実装し、Twitterでは解説しきれなかった実装方法をより詳しく説明しています。CSS初学者の方にもわかりやすいように解説していますので、ぜひ参考にしてみてください。 その1. 一文字ずつ登場するテキストアニメーション See the Pen [CSS Tips] Text Show-up Motion by Takuro Sakai (@sakaccho) on CodePen. 一文字ずつtransformで移動させています。文字が途切れることなく流れるようにtransition-delayを調整
プロジェクトが始まるときにかなり初期の段階でWBSを作ることは多いとおもいます。そのWBSの作成、プロマネやディレクターに任せっぱなしになっていないでしょうか。WBSはスケジュールをガントチャートで表したものを指していると思われがちですが、実はスケジュールだけでなく見積もりやアサインを精度高く行うためにも重要なものです。 たとえば「Webデザイン作成」というスコープにどのような実作業が含まれているかはWBSを作ることによって見える化しプロジェクトメンバーやクライアントと共有できるようになります。ときどき下記のように書かれたWBSを見ることがあります。 Webデザイン作成 ・作成 ・確認 ・修正 ・確認2 ・修正2 ・確定 しかし、これでは「Webデザイン作成」に必要な知識、さらには作業量・スケジュール・予算も分かりません。Webデザイン作成の例を続けると、下記のように「作成」のスコープを分
以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界では、急速な変化に追いつくために新しい概念と言語・フレームワークを学び続けることが必要です。 たとえばFacebookが4年前にオープンソース化したReactは、既に世界中のJavaScript開発者にとって第一の選択肢になっています。 もちろんVueとAngularにも多くのフォロアーがついています。 さらにはSvelte、Next
「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そうは言っても入力できるプロンプトは無限にあり、実際にどのように入力すれば最高の結果を得ることができるのか、すべて調べるのはあまりにも大変です。 そこでこの記事では、Midjourneyを１年間使い続けて見つけた、Webデザインに使えるMidjourneyプロンプト、小技テクニックをまとめてご紹介します。 具体的なサンプル例とプロンプトを一緒に記載しており、コピペでそのまま利用できます。 「Midjourneyって何？」というひとは、基本の使い方をまとめた以下のガイドを参考にど
どうもご無沙汰しておりますせんざきです。 最近、デザインを見る訓練をすごく重視してやっています。 このテーマは、タイトルだけ書いておいて、まだ書く時じゃないなあと思いながら温めていたものです。 正直まだ、書く時じゃないなあという感じもするのですが、どういうことなのか言語化できそうな段階まで来たので、メモがわりに書き起こしていこうと思います。 はじめにまず、「デザインを見る訓練ってなんやねん」っていう話をします。 本当にここ数ヶ月、デザイナーにとっての見る力の大切さを日々感じているんです。 このツイートは、見る力について書いていて、結構反響があったものです。 原研哉さんが運営してる低空飛行っていうサイトがあるんですけど、ここの写真や映像、iPhoneで撮ってるらしい、、 目が良ければiPhoneでもこんなに綺麗に撮れるんだなあhttps://t.co/S7WBO3JSG8 pic.twitt
「あっちがEVなら、こっちは水素エンジンだ！」
無理。もうEVには非EV車は勝てない。内燃技術をベースにしたテクノロジーは、純粋にコスト面でEVに太刀打ちできなくなる。ICE（内燃）車もダメ。ハイブリッドもダメ。水素エンジンもダメ。内燃じゃないけどFCVもダメ。 なぜかといえば、EVは、今までのクルマよりずっとシンプルに作れるから。 まず圧倒的に部品点数が少ない。自工会予測では3万点から2万点に減る。内燃車はエンジンだけで7000点ぐらい構成部品があるけど、EVだとeアクスルというモジュールに、エンジンに相当する駆動用モーター・インバーターと、変速系に相当する減速機・デフ・ギアボックス類と、電装系に相当する回路類が全部入ってパッケージ化され、これをティア1のサプライヤーが1社で供給する。極端な話、あとは駆動系・操作系・バッテリー・充放電制御機構があれば、EVは走ってしまう。それぐらいシンプル。自工会が「EV化で雇用の大多数が失われる」と
anond:20200309152728 結露が凄いなんてもんじゃない部屋に住む人新宿駅西口側の、どこか栄えてる感じの商店街から、一本裏道に入ったところに、その二階建てアパートはあった。住人の方は変に記憶にこびりつくような癖のある人ではなかったが、とにかく部屋が！特殊過ぎて記憶に残った。 どんな部屋なのかというと、間取りは普通のワンルームで台所とユニットバス付な何の変哲もない部屋だったのだが、部屋全体がとにかく湿気っぽかったのだ。湿気てるというより、びしょびしょ、みたいな。 そこに呼ばれたのは1月の下旬頃。関東地方が一番乾燥しているシーズンだというのに、そのアパートは梅雨以上のジメジメだった。まずドアノブを触ると、ビッチャァ……ってする。シャワーを使うと、部屋全体が霞みがかったようになる。ガラスと金属の表面に結露がびっしり着く。そんな室内で、そこの住人は普通に洗濯物を部屋干ししていた。 「
TL;DR コンピュータの歴史も何も知らなかった私が、「ありがとう、先人たちよ」と言えるぐらいまでコンピュータの歴史を調べたので共有したいと思います。 最初の動機 「コンピュータってどうやって動いてるんだろう」 あなたは、この疑問に自信を持って答えられますか？ そして、仮にコンピュータを知らない人類がいたとして、「コンピュータとは何か」を説明できますか？ 私はできませんでした。 もちろん、コンピュータを使うことはできます。 こうして、キーボードをカタカタを打つと、見慣れた文字となってディスプレイに映すことが出来ます。 しかし、「使えること」と、「それが動く原理を説明すること」 は途方もなく大きな壁で隔てられています。 この記事では、コンピュータが動く原理を、その歴史をたどることで探っていきます。 コンピュータの歴史をまとめつつ、 「コンピュータってどうやって動くの？」 に答えられるようなも
今年35周年を迎え、12月9日（金）には劇場映画「映画 かいけつゾロリ ラララ♪スターたんじょう」も公開される大ロングセラー「かいけつゾロリ」シリーズ。12月7日（水）発売の『かいけつゾロリきょうりゅうママをすくえ！』でなんと72冊にもなる大シリーズの作者、原ゆたかさんはどのように物語と絵をかかれているのでしょうか。制作秘話を伺いました。 児童書作家になったのは？ 私は『ちいさなもり』（1975年／フレーベル館刊）という自作の絵本は作っていましたが、元々は作家ではなく、他の作家さんの書いたお話に絵を描く画家でした。 子どものころから絵を描くのが好きで、ずっと描き続けていましたし、映画も好きだったので、絵本や児童書ならば、お話を絵で演出することができると考えて児童書の画家を目指しました。 当時は、児童書の挿し絵というと、一般的には出版社から指定された場所に絵を描くスタイルでした。でも、私は限
とある人事部長の後悔を聞いてほしい１（追記あり）
かつて、大手企業で人事部長をしていた。 人事部長という役職名ではないが、似たような名称のポジションだった。 人事の機能のひとつに『処分をつける』というのがある。 問題のある社員への指導教育だったり、人間関係のトラブルに決着をつけたり、罪を犯した人間を罰したりする機能だ。 それに比べれば、勤怠管理だの、給与の支払いだの、社会保険の手続きなどは子どもの遊びに思えてくる。 そんな、面倒くさい問題に10年近く携わってきた。 今でも夢に見る。 後悔がある。どうしてあの時、もっとやれなかったんだろう、やらなかったんだろう。 どうして、あの人の心に寄り添うことができなかったんだろう。どうして、自分の思う正しさを貫くために上位の役職者を説得しなかったのだろう。 そんな後悔を吐き出したくて、はてな匿名ダイアリーに投稿することにした。 事案は４つある。そこまでぼかしてはいない。私自身と向き合うためには、真実を
note.com 僕の間違いじゃなければ、時々はてなのブログでコメントを頂いた方のように思う。Python関係で。大変お世話になりました！ 法人の設立にあたっての事務処理と、会社運営のお気持ち編を、自分の体験からまとめてみます。2016年6月にノリ（そうだ独立しよう）だけで起業して7年ほどひとり。今は2人体制になった。 会社を大きくする方法はなんもわからんので、そういう内容を期待される方はすいません！沿わないと思う！ 1. 決算処理は専門家に任せたほうが良い 自分は前職の会計事務所でお世話になったため、起業当初から会計事務所を利用させてもらっている。年間30万弱。決算処理込み。 6月1日に創業したけど、タイミング的に6月になっただけで、深い意味はなかった。会計事務所的に3末はGW進行と重なるので避けたほうがいいかも。 決算処理は確認しないといけない事項が多すぎて、素人がいくら確認しても漏れ
Udemyで新春セール開催！ 2020年にUdemyで最も興味を集めたカテゴリートップ5と人気コースを紹介 - はてなニュース
2020年は新型コロナウイルスの流行、それに伴うリモートワーク（テレワーク）やワーケーション、オンライン授業での学習といった大きな社会的変化がありました。 意図せず起きた変化ではありましたが、働き方や学び方の変化は、自分次第で何かを大きく変えられるチャンスでもあります。内閣府の調査*1によると、在宅勤務などで生じた空き時間を新たな挑戦に充て、オンライン学習でプログラミングなどIT関連の学習に取り組む社会人が増えているとのこと。 めまぐるしく変わる社会へ適応するためには、自分にとって必要な情報を見極めるだけでなく、時代と共に学び続ける姿勢も必要。新しい学びはきっとあなたの強い味方になってくれることでしょう。ちょうどオンライン学習プラットフォーム「Udemy」では、2020年12月30日（水）～2021年1月7日（木）の間、対象の講座を1,200円から受講できる新春セールを開催。講座は買い切り
現在のレスポンシブデザインは、ビューポートにもとづいてレイアウトを最適化しています。しかし、新しいレスポンシブデザインでは、アニメーションが不要なユーザーには動きを少なくしたり（無くしたり）、親コンテナの幅にもとづいてコンポーネントを最適化したり、スコープ付きスタイルやフォームファクターなど、ユーザーの好みや環境に合わせて最適なコンテンツを提供できるようになります。 これらの新しいレスポンシブデザインのコンセプト・実装方法を紹介します。CSSがこれまで以上に進化します。 The new responsive: Web design in a component-driven world by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 レスポンシブデザインの現状 ユーザーでレスポンシブ コンテナでレス
エンジニアのための Figma 知識
本記事の多くは Inspect モードを前提に解説しています。 下記に Dev Mode に対応した解説を書いてみたのであわせてご参照ください。 https://codezine.jp/article/detail/18000 エンジニアにデザインツールの知識・習熟は必要か？ しなくても仕事はできると思うのですが、あるとよりクオリティの高い仕事ができることは間違いありません。 という訳でエンジニアがエンジニアとしての仕事をしていく上で「Figma のこういうことを知っておくと良さそう」という知識をまとめてみました。 ユースケースを考える まず始めにデザインは作らないはずのエンジニアが Figma を使う時にどんなユースケースがありそうかを考えてみます。 デザインを元に実装する時 デザインから何かを生成したい時(コードとか画像とか) 自分でちょこっとデザイン修正しちゃう この辺りがあるかな〜
以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界では、急速な変化に追いつくために新しい概念と言語・フレームワークを学び続けることが必要です。 たとえばFacebookが4年前にオープンソース化したReactは、既に世界中のJavaScript開発者にとって第一の選択肢になっています。 もちろんVueとAngularにも多くのフォロアーがついています。 さらにはSvelte、Next
32年間を経て、今村孝矢さんは任天堂を退社した。「スターフォックス」、「F-ZERO」、『ゼルダの伝説 ムジュラの仮面』など、今となってはゲームの古典と言える傑作の数々に携わっていた今村さんの退社は、自身のツイートをきっかけに世界中のゲーマーの間で話題となった。今後は大阪国際工科専門職大学でCGアニメーションを含むデジタルコンテンツを教えつつ、フリーランスでも活動を続けると言う。 今村さんの今後の活躍について別のインタビュー記事で詳しく聞いているのでぜひチェックしてほしいが、本インタビューでは任天堂時代を振り返ってもらった。 今村孝矢さん。 32年間という、筆者にはおよそ想像もできないほど長い間をどのように振り返るのかを尋ねた。今村さんはしばらく考えてから、このように答えた。 「思えば、ずっと宮本さんの下で働いた32年間でしたね」と。 マリオやゼルダの生みの親として知られる宮本茂さんが20
昨今、エンジニア界隈への転職は賑わっていますよね。「今の仕事をやめて、勉強に専念して、未経験から転職するぞ！」という方も多くいらっしゃると思います。 でもちょっと待ってください。仕事をやめたらお金は大丈夫ですか？ 今は大体月10万円くらいで過ごしているから、1年勉強するなら貯金が10万円 × 12ヶ月 = 120万円あればOK...ではなく、今まで会社が天引き・折半していたお金を、会社をやめたら自分で払う必要が出てきます。 いざ調べてみると、どんなお金を払うのか？計算方法はどうするのか？まあややこしいです。 というわけで、そんなお金を一括で計算してくれるサービスをリリースしました🎉 サービスURL サービスURL リポジトリ サービスの概要 quitcost（クイットコスト） は、 「転職準備のためにしばらく無職になる予定だけど、『どんな』お金が『いくら』かかるのかわかりづらい」 という
手順書フォーマットは千差万別 みなさんは自己流または、組織やプロジェクトで定められた手順書のフォーマットはありますか? 私は自己流の手順書フォーマットがあります。 自己流の手順書フォーマットがあるといっても、かなり扱いがふわふわしているので、備忘やメモの意味合い強めでまとめていきます。 「もっとこうした方がいいよ!!」などフィードバックがあれば、ぜひお願いします! いきなりまとめ 手順書はExcelやスプレッドシートではなく、Markdownで書く 手順書はgitで管理する 5W1Hを意識して手順書を書く 基本的にはCLIを使った手順書にする 手順書はExcelやスプレッドシートではなく、Markdownで書く 手順書をExcelやスプレッドシートで書くメリット・デメリット 手順書をExcelやスプレッドシートで書いている方も多いと思いますが、私はMarkdownで書いています。 Exce
【JS/ Python両方OK!】「データ可視化」が歴史から実装まで体系的に学べるStanford講座の独習ノート - Qiita
【JS/ Python両方OK!】「データ可視化」が歴史から実装まで体系的に学べるStanford講座の独習ノートJavaScriptd3.jsデータ分析データサイエンスcolaboratory CS 448B Visualization (2020 Winter)は、Maneesh Agrawala氏による、Stanford大で行われた、データの可視化に関する体系的な講義です。 スタンフォード大の"CS 448B Visualization (2020 Winter)" がすごい。 データ可視化の体系的講義。どう図表に変換するかの理論、探索的データ分析、ネットワーク分析等の実践と盛り沢山。 スライドに加え、Observable(JavaScript), Colab(Python)どちらでも例を試せる。https://t.co/lGyPElrihg pic.twitter.com/mWZn
Mozillaブログより。 エリーゼ・ブランチャード インターネットは私たちの生活のあらゆる場面に浸透していますが、デジタルの世界では当たり前のように使われているものがあります。それは、多くのリンク、特にハイパーリンクが青色であることに気づいたことがありますか? 同僚が何気なく「なぜ、リンクが青いのか」と聞かれた時、私は戸惑いました。2001年からウェブサイトを制作しているユーザ・エクスペリエンス・デザイナーの和tがしは、常にリンクを青くしてきました。私は青の特定の色調を提唱してきました。しかし、「なぜリンクが青なのか」と疑問に思ったことはありません。それはただの事実でした。草は緑で、ハイパーリンクは青です。文化的に、私たちはリンクを青色に関連付けているため、2016年にGoogleがリンクを黒に変更したときには、かなりの混乱が生じました。 しかし今、私は「なぜ、リンクが青なのか」と言う疑
AIを使った論文の読み方
近年の AI の進歩により、論文の読み方も大きく変化を遂げました。AI を活用することで以前と比べてはるかに簡単かつ早く論文が読めるようになりました。 以前私の個人ブログにて、論文の読み方やまとめ方を紹介しました。その時には要約ツールは用いていませんでしたが、最近はすっかり要約ツールを多用するようになりました。 本稿では、最新の AI を使った論文の読み方を丁寧に紹介します。 基本的な流れ 本稿でおすすめするのは ChatGPT か Claude で要約を生成して論文の概要をつかみ、Readable で精読するという方法です。ChatGPT や Claude では単に全体の要約を生成するだけでなく、肝となる箇所を特定したり理解するためにも用います。具体的な手順については後の項で解説します。 私が特定のテーマについて調査を行う場合には、テーマに関係する論文を被引用数の多いものを中心に 10
AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。 「これどうやる？」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集 ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。 ユーザーの視線を奪うアニメーションやレイアウ
いざという時に使える13のHTML&CSS Tips集Update2023.05.12Release2023.04.13Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する いざという時のために覚えておくと便利なHTML＆CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。 テキストの円形回り込み See the Pen shape-outside by Kobayashi (@Pulp_Kobayashi) on CodePen. 円形の画像の縁に沿ってテキストを回り込ませるCSS Tips。実際には画像の縁を判定して回り込んでいるのではなく、shape-outsideプロパティを使用し、circle(50%)を指定することで、要素の回り込みの形状を円形にしています。 CS
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
ブラックフライデー＆サイバーセール開催！ Udemyでは何を買う？ 編集部の2021年イチ押しトピック10選 - はてなニュース
新型コロナウイルスの影響で、リモートワーク（テレワーク）やオンラインでの学習といった働き方・学び方の大きな変化は2021年も続いています。そんな2021年もあとわずか。やり残したことや学び残したことはありませんか？ オンライン学習プラットフォーム「Udemy」では、2021年11月19日（金）～2021年12月1日（水） の間、年間最大のセール「ブラックフライデー＆サイバーセール」 を開催します！ 対象の講座がなんと1,200円から購入可能になります。 ブラックフライデーセールは11月19日（金）～11月26日（金）、サイバーセールは11月29日（月）〜12月1日（水）の開催です。11月27日（土）〜11月28日（日）はセール対象外なので、ご注意ください。 講座は買い切りなので、おトクなこの期間に気になる講座を購入しておいて、時間ができたときに自分のペースで学んでみるのもいいかもしれません
商用のプロジェクトでも無料で利用できる、管理画面・ダッシュボードのレイアウトやUIコンポーネントが揃ったテンプレートを紹介します。 このテンプレートを使用すると、管理画面・ダッシュボードで必要なコンテンツを簡単に作成できます。 Stisla 管理画面・ダッシュボードに特化されたUIコンポーネントがほとんどすべて揃ったテンプレート。 30以上のサードパーティのライブラリと統合、多くのコンポーネントを簡単に利用できます。 HTML5とCSS3で記述されており、すべてのモダンブラウザでサポートされています。 Bootstrap 4をベースに、Flexboxでレイアウトされています。 一部のコンポーネントにはより簡単にやり取りするために、JavaScript APIを使用。 MITライセンスで、商用プロジェクトでも無料で利用できます。
復習効果がすごい。メモ術「ツェッテルカステン」×「付箋ノート」が勉強内容の整理に最適だった - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
もしも、社会人のあなたが勉強に対して苦手意識があり、それでいて学び直しの必要性を強く感じているならば、少しでも楽しく、少しでも効率よく、そして、できるだけ負担の少ない勉強法を求めるのではないでしょうか。 そこで、大人になっても “勉強” という言葉に拒否感を覚える筆者が、すごいメモ術「ツェッテルカステン」と「付箋ノート」を合体させ、スキマ時間で楽しく勉強する方法を探ってみました。 【ライタープロフィール】 STUDY HACKER 編集部 「STUDY HACKER」は、これからの学びを考える、勉強法のハッキングメディアです。「STUDY SMART」をコンセプトに、2014年のサイトオープン以後、効率的な勉強法 / 記憶に残るノート術 / 脳科学に基づく学習テクニック / 身になる読書術 / 文章術 / 思考法など、勉強・仕事に必要な知識やスキルをより合理的に身につけるためのヒントを、多
今年28歳、大したことない地方国立工学部学卒。新卒で奇跡的に某電力に内定を貰い、人生大逆転だと喜び勇んで入社したらまさかの原子力部門に配属（電気系だったのでもちろん原子力なんて希望してなかった）、原発で働くことになった。 俺のところの原発はまだ再稼働しておらず、配属してからはもっぱらお国向けの許認可対応用社内資料を作り続け、そのまま現在に至るという感じ。 再稼働の目処も立たないし仕事は単調で何の面白味もない。そのわりに残業はダラダラ長いというろくでもない環境だが、幸い人間関係に恵まれて今まで続いた。 毎日毎日、勤務時間の4,5割は誤字脱字てにおはレイアウト崩れ等々を目を皿にしてチェックするという、どこぞのコンサルが聞いたら卒倒するようなことをやっているが、28歳の時点で年収は残業代込み600万超。仕事の難易度から考えると正直許されないレベルの高収入だと思う。 Chu!国民の電気代吸っててご
Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG
JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。 乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく、勉強会を開催しました。 勉強会はオンラインで開催。Figmaで資料を作成、参加者に資料を開きながらGoogle Meetを繋げて詳細を説明していきました。 勉強会で使用した資料はFigmaのCommunityにアップしているのでぜひ見てみてくださいね。 www.figma.com エンジニアがFigmaを触れるようになることのメリット 基本知識と基本操作 実装するために使う デザインシステムについて そのほか便利な機能 さいごに エンジニアがFigmaを触れ
弱者男性だけど丁寧な暮らしをしてみた
嫁や子供なし恋人できた経験すらなし 親は片方死んでてもう片方とは超仲悪い 何年も連絡とってない兄弟は連絡先すら知らん家族なし友達すら絶無 このご時世で完全在宅勤務になったし業務以外で最後に人とまともに会話したのが何年前かもよく覚えてない。 LINEや電話もマンションの管理会社とか火災保険の更新催促とか以外で何年鳴ってないかなぁ。 最後に電話を電話らしく使ったのは母が死んだ報告を受けたときくらいか。 まあ多分終わってるので十分弱者の定義に入ると自負してる。 ほとんどの奴は来世で俺になんてなりたくないだろ？俺だってこんな俺になりたくなかったよ。 「貴方は幸福ですか？不幸ですか？」みたいなアンケートがあったら間違いなく不幸カンストで回答するね。 2020年はコロナに怯えてたのもありオール引きこもり生活だった。 週末にゴミ出しと買い出しで1回外に出て、次の週末に先週出たゴミのゴミ出しと買い出しで外
UXや認知科学のブックリストはおかげさまでかなり読まれていますが、そういえば「UIデザイン」のリストは作ってなかったなと思い至って本を探し始めました。手元の本を並べてみると該当する本はあまり多くなくて、関連する周辺の分野のものにも対象を広げることにしました。UIデザインと周辺分野との境界はハッキリと分かれるわけではないので、自分が作った他のブックリストとの重複があります。また、分野の明確な線引きはしていませんのでご了承ください。 UI（ユーザー・インタフェース）が関わる分野はかなり広いのですが、このリストでは主に、比較的新しい（と言ってもiPhone発表から10年以上経ちますが）「スマートフォン・アプリのUIデザイン」を念頭において選んでいます。パソコンのソフトウェアや情報システム、ウェブ（情報設計やウェブ・ユーザビリティーを含む）のインタフェース・デザインについては、すでに世の中に知見や
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン脳を鍛える方法｜ハラヒロシ / デザインスタジオ・エル
俺は「急にセリフから始まる曲」が好きで好きでたまらない男 - kansou
Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane
プラレールの起源が判明したお話 - パーラー フルール
リーダブルなコードを書く習慣の身に付け方・実践の仕方 - 2021-09-22 - ククログ
フロントエンドのパフォーマンスチューニングを俯瞰する - 30歳からのプログラミング
簡単CSSアニメーション＆デザイン20選（ソースコードと解説付き） | knowledge / baigie
Webサイト制作をどれくらいの粒度で分解してタスク化するか｜重松佑 / Shhh inc.
2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita
Midjourneyを１年間使って見つけた、Webデザインに使えるプロンプト全ガイド
デザインを「見る」訓練をしている話。4つのステップと勉強法｜せんざき｜n2p designer
続・続・デリヘル嬢してた時にこんなお客さんいたなっていう思い出。
現代の僕「コンピュータが生まれた歴史知りたい」 - Qiita
🦊「かいけつゾロリ」🦊の原ゆたか流 物語のつくりかた｜ポプラ社 こどもの本編集部
ひとり会社の起業について学んだ10のこと - GoTheDistance
CSSの進化がすごすぎる！新しいレスポンシブデザインの実装方法を解説
2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita
宮本茂の下で働いた32年間――「スターフォックス」や「F-ZERO」の今村孝矢が任天堂時代を振り返るロングインタビュー
「無職になったらいくらかかる？」を計算するサービスをリリースしました！
自己流の手順書フォーマットを公開してみた | DevelopersIO
なぜ、ハイパーリンクは青色なのか?
【CSS】「これどうやる？」アップルやテスラのWebレイアウト再現テクニック集
いざという時に使える13のHTML&CSS Tips集 | BUILD Journal
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal
管理画面用のレイアウトやUIコンポーネントがほとんどすべて揃った、商用利用無料のHTMLテンプレート -Stisla
文章レイアウトだけで読む速度が2倍に? 「読書アシスト」の読みやすさの理由
新卒で電力に就職したけど、28歳の今すでにもう人生上がった感じがしている
UIデザインのためのブックリスト（2020, 追記あり）｜yoshi_design