CSS Gridでレスポンシブ対応の代表的な5つのレイアウトを実装するテクニック
Webページやスマホアプリでよく使用される代表的な5つのレイアウトをCSS Gridで実装するテクニックを紹介します。 ヘッダ・コンテンツ・フッタを積み重ねたもの、12カラムのグリッド、メディアクエリなしのレスポンシブなど、実際によく使用されるレイアウトばかりです。 CSS Gridを使用すると、今まで少し複雑だったレイアウトもシンプルなコードで簡単に実装できます。 Master CSS Grid by Building 5 Layouts in 17 Minutes by Thu Nghiem 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 基本的なレイアウト「パンケーキ スタック」 2. 基本的なレイアウト「12カラムのグリッドレイアウト」 3. grid-template-areasがある場合とない場合のレ
子育て漫画「自由が苦手な子」で描かれた母のアドバイスが保育士も感心するほど適切。自身の体験とリンクする人達も
さざなみ🌟 @3MshXcteuuT241U こちらは、with onlineにて短期連載中の「思い出ひらひら」という作品群のひとつ目です。(Twitter掲載許可を得ています) サイトの方ではふたつ目の話も公開されていますので、よろしければご覧ください✨ withonline.jp/comic/motheran… 2020-11-29 12:27:13 リンク with online - 講談社公式 - | 恋も仕事もわたしらしく 子どもの頃ワクワクで開いた本は、予想外のモノで…？ 「取り寄せて買った本」【思い出ひらひら〜母と私と私と娘〜第2話】 - with online - 講談社公式 - | 恋も仕事もわたしらしく Twitterで大反響！ 4歳と2歳、くせっ毛姉妹を育児中のさざなみさんが描く、見守り系子育てマンガ。現在の育児を通して自分が子どもだった頃の思い出ともリンクし、過ぎ
もしあなたが急にAndroidアプリを業務で作るはめになった場合の選択肢(2021年初頭版) - Qiita
本記事はAndroid Advent Calendar 2020の2020/12/01分です。 初っ端ということなので、2020年末と2021年頭でのAndroidエンジニアとして初めて業務でやる場合に抑えておいたほうが良い最低限の部分を書いていこうと思います。（ツッコミ待ちです） 対象 2021年3月ぐらいまでに !!業務!! でAndroidアプリを作らされる事になった可愛そうな人が居たとします この人は手続き型言語でオブジェクト指向プログラミングができる知識があり、Androidアプリもなんとなく趣味で作ったこともあるぐらいのレベル感です（なので上長からいきなりお前Android担当なと言われた） 最低限のAndroidアプリの作成の知識はあるものとします（画面の表示にはActivityがいるよとかは書かない) ゲームは対象外です 業務でAndroidアプリを作ることを想定しています
『いっき』とは本来どんなゲームだったのか？【35年目の真実】
本記事は2022年12月時点のTime & Spaceの内容となります 最新の記事に関してはKDDIトビラをご確認ください。 こんにちは、ライターのギャラクシーです。 今 僕は、往年の名作ゲーム『いっき』をスマホでプレイしています。auスマートパスプレミアム会員の特典のひとつとして、他にも色んなゲームが遊べるんです。 『いっき』は1985年に発売されたゲームですが、その特殊な難易度のせいで、僕の学校では「何なんだよこのゲームは！？？？」とさじを投げた子がほとんどでした。しかし大人になった今なら、35年前のシンプルなゲームなんて― 余裕でクリアできるわけですよ！！！ 嘘よね～ん いや無理！ 何年経とうが難しいものは難しい。クリアできる人いるのこれ？ ほんと、何なんだよこのゲームは！？ というわけで、作った人に直接「何なんですか？」と聞くために、サン電子株式会社にやってきました。自社のゲームブ
Webディレクターのスキルツリー - 二宮日記
Webディレクター解体アドベントカレンダー初日の記事です。今日はWebディレクターという職種を定義するために作ったRPG風のスキルツリーとその活用方法を紹介します。あとは関連する他の開発メンバーとお互いの担当範囲を明確にする方法や、スキルツリーをスキルアップに役立てる方法について書きます。 曖昧な仕事 Webディレクターという職種に期待される仕事の内容は、開発に関わる他の職種と比べても非常に曖昧です。そもそも何ですか、ディレクションって。英語を直訳すると方向とか指示とかそういう意味ですけど、概念的でふわっとしています。 ディレクションという仕事に含まれる範囲も様々です。受託でホームページ制作を請け負って進行管理をメインに行うWebディレクターもいれば、既存自社サービスの売上増に責任を負う人も、新サービスの立ち上げに挑戦する人もいて、同じディレクターという名前でもやっている仕事が全然違います
OAuth認証とは何か?なぜダメなのか - 2020冬 - r-weblife
こんばんは。ritouです。 Digital Identity技術勉強会 #iddance Advent Calendar 2020 1日めの記事です。 qiita.com 初日なのでゆるふわな話をしましょう。 何の話か もうだいぶ前ですね。9月のお話です。こんなTweetを見かけました。 社内Slackにいる「OAuth認証」と書くと訂正してくれるbotが丁寧な解説をするようになっていた 認証(Authentication)と認可(Authorization)は間違えやすいわりにミスると甚大な被害をもたらしがちなので、常日頃から意識を高めていきたいですね pic.twitter.com/oVQxBgZcHS— greenspa (@greenspa) 2020年9月28日 このbotに対する思うところはもう良いです。 今回は、「OAuthの仕様に沿ってID連携を実装するいわゆる"OAut
おいこらウィズコロナ想定してないマンション買ってたやんけ！！ - ←ズイショ→
掲題の通り、はてな民みんな大好き持家vs賃貸問題、賃貸派にめちゃめちゃ馬鹿にされる記事です。 あのー、言うてる間にコロナ元年も終わりですけどもね。2020年も色々あったねーとみんなが思ってるけどもその色々を思い出す写真が全然ねえっていう。なぜならどこも行ってねえから。家で楽しく餃子パーティーやってる写真を撮ってるやつとかもたくさんいるんだろうけど、Instagramでハッシュタグ餃子パーティーで検索したらなんぼでも出てくるんだろうけど、そういう、大変な時にも私は楽しむ心を忘れてないんだよみたいなやつも、そういうの俺興味ねえから！絶対そういうのやりたくねえから！！来年はみんなで一緒に来ようねみたいなコメントつきで夕暮れの浜辺で一人でコロナビール飲んでるっぽい画像をあげるとか、絶対ぇ俺はやりたくねえから、写真がねえ！！色々あったけど写真だけがねえコロナ元年があと1ヶ月で終わろうとしているわけな
野菜足りてない人向け「可能な限りの食事をサンドイッチに置き換える」サブウェイダイエット
dragoner@2日目東サ46a @dragoner_JP コンビニ弁当生活がバズってますが、昔「可能な限りの食事をサブウェイのサンドイッチに置き換える」サブウェイダイエットを試したところ、1日に1食、多くても2食変えたのを2ヶ月くらい続けたら、健康診断の結果が劇的に良くなって医者に驚かれました。問題は流石に飽きちゃったんだけど… 2020-11-29 23:32:54 dragoner@2日目東サ46a @dragoner_JP サブウェイダイエット紹介するサイトとかだと、増量するなと書いてるけど、私はトマトやオニオン増やしてホットペッパー入れたりしても問題ありませんでした。1食300円くらいで手軽だし（ただ東京通ってた頃じゃないと店舗的にきつかった twitter.com/dragoner_JP/st… 2020-11-29 23:37:29
ついに出た！2021年注目のWebデザイン人気トレンド9個まとめ
この記事では、これから2021年に注目したいWebデザインの人気トレンド9個をピックアップしています。 2021年のウェブデザインの傾向としては、どれも共通のテーマがあるように見えます。ハイテクなファンタジー感を目指すのではなく、よりリアルさを求めた新しいジャンルに世界中のウェブデザイナーが注目し始めています。 2021年のWebデザインは、これまでにないほどデジタルと日常を融合する方向に向かっており、普段の生活においてWebサイトが不可欠になってきていることを、反映しているのかもしれません。 よりクリエイティブなデザインを表現できるテクニックを、たくさんのデザイン事例と一緒にご紹介です。 コンテンツ目次 1. パララックス・アニメーション 2. ニューモーフィズム 3. アブストラクト・アート 4. 目にやさしい配色 5. 原因のためのウェブサイト 6. スクロール遷移 7. プロダクト
人種差別を真っ向から描いたナイキのCMは、なぜ作られたか｜遠藤 結万 | CMO
ナイキが制作し公開したCM は、予想されたとおりに一定の反発と、称賛と、様々な議論を読んでいます。 私はもちろんこのCMについて肯定的な立場に立つものですが、中には不買運動などを主張したり、Twitterで怒りの感情を吐露するユーザーも居るようです。 このような怒りが適切なものであるかどうかは別にして、そもそもなぜこのような「社会的な」CMが作られたのかを解説しましょう。 話は2年前にさかのぼります。ナイキが「Just do it」キャンペーンの30周年の記念キャンペーンとして広告塔に起用したのは、コリン・キャパニックというNFLの選手です（動画のアフロの人）。 彼は優れたQBではありますが、ペイトン・マニングやトム・ブレイディのような「殿堂入り」級の選手ではありません。おそらく、ほとんどの日本人はコリン・キャパニックのことを知らないでしょう。 あなたが知っていたとすれば、NFLに詳しいか
この本がスゴい！2020
今年の一年早くない？ トシ取るほど時の流れを早く感じるのは知ってるけど、今年は特に、あっというま感がすごい。恒例のこの記事、もう書くの！？ と思ってる。 毎年、「人生は短く、読む本は多い」と能書き垂れるが、今年は、「人生は加速的に短く、読む本は指数的に多い」と変えておこう。 そして、昨年と比べると、世界はずいぶん変わってしまった。 基本的に外に出ない、人と会わないが普通になり、マスク装備が日常になった。オフ会や読書会でお薦めしあった日々は過去になり、代わりにZoomやチャットでの交流が増えた。 ポジティブに考えると、そのおかげで、読み幅がさらに広がった。わたし一人のアンテナでは、絶対に探せない、でも素晴らしい小説やノンフィクションに出会うことができた。お薦めしていただいた方、つぶやいた方には、感謝しかない。 さらに、今年は本を出した。 ブログのタイトルと同じく、[わたしが知らないスゴ本は、
「100％デマですやん」 ある日ウィキペディアに自分の名前が載ってしまったら… | 毎日新聞
自宅のパソコンで「千人計画」と検索したら、なぜか自分の名前が出てきた――。中国内陸部にある雲南大の助教、島袋隼士さん（33）は10月、フリー百科事典「ウィキペディア」の千人計画のページを見て、目を疑った。「参加者リスト」に自分の名前が載っていたからだ。千人計画には一度も参加したことがないのに。どうして？ 突然の「デマ」騒ぎに遭遇した島袋さんに体験談を聞いた。【木許はるみ/統合デジタル取材センター】 千人計画とは、中国政府が海外在住の研究者を国内に招請するプログラム。日本学術会議が積極的に協力しているとの誤った情報が出回り、一気に注目を集めた。 中国在住の研究者である島袋さんも千人計画のことが気になり、パソコンでウィキペディアを閲覧した。すると、「千人計画に参加した日本人」という項目に「島袋隼士」という名前があった。 「あれ、よく見る名前があるなあ。自分の名前だ。僕っていつから千人計画に参加
「俺さえよければOK」元“マウンティングエンジニア”が気付いた、自分を特別視しないことの大切さ【庄司嘉織】 - エンジニアtype | 転職type
本連載では、「世の中で活躍するエンジニアの過去の失敗」にフォーカス。どのような失敗をし、どう対処し、そこから何を学んだのか。仕事で失敗してしまった時の対処法や心構えを先輩エンジニアから学ぼう！ 今回登場してくれたのは、ドワンゴ、クックパッドで活躍した後、現在はシリコンバレー発のスタートアップ・ローンチャブルの日本法人でプリンシパル・ソフトウェア・エンジニアを務める庄司嘉織さんだ。 クックパッド時代は人事部長や技術部長として、同社の全エンジニアが参加するハッカソンの開催や、社員の労働環境改善などに尽力していた。 「全ての人がより良く働ける環境」をつくるスペシャリストとして、エンジニア界隈で有名な庄司さん。しかし実はキャリアの中で、「俺のチームさえ良ければいい」と自己中心的に考えていた時期があったという。 自分のチームのすごさをひけらかし、マウントを取ることばかり考えていた日々を、庄司さんは「
アラフォーオヤジが今の時代に続くであろう当時を懐古して一人語りす （追記）
今の40台位の人々は、バブル絶頂機を小学校高学年から中学生くらいの間に経験し、大学を出た辺りで超絶的な氷河期に入った、という経験をしている。俺もその中の一人だが、日本社会で印象的だったことをなんとなく懐古してみる。そして、今の時代の伏線は30年前にすでにはられていたのだな、というふうに感じた、ということも書いておきたい。 最近パソナの某がどうしたとかそういう企業による国民の搾取が問題になっていると思うんだが、「こうなるための準備は30年かけて着々とされてきた」ということだ。我々の親の代にはすべて始まっていた、と言ってもいいかもしれない。 バブル絶頂基まず、自分にとって最も印象的だったのは以下の2つだ。 1. 職業選択の自由アハハン 2. バイト探しが週二回 この2つを覚えている人は多いだろう。つまり、「なにか特定の仕事をやるんじゃなくていろんなこと片っ端から好きなようにやっていこうぜ」とい
1on1ミーティングとは？その意味と、効果的に行う方法 | Coral Capital
本連載はオープンソースライセンスの1つであるGPLの元に公開されている「The Eng Team Handbook」（エンジニアチーム・ハンドブック）を翻訳したものです。開発チームが効率的に仕事するために必要な「効果的な1on1の実施方法」「開発メンバーから開発マネージャーにポジションが変わるときの注意点」「パフォーマンス評価のテンプレート集」「360度評価のテンプレート」などが含まれます。 著者はStripeのエンジニアであるrayleneさんです。これがStripeのやり方と明示されているわけではありませんが、急成長するシリコンバレーのスタートアップにおけるエンジニアチームの取りまとめ方という意味で、日本のスタートアップでも参考にしていただけるのではないかと思います。オリジナルの英文の文書では、まだ未着手の項目もありますが、すでに書き終わってるものについて翻訳し、連載の形で5回に分けて
女性は数学が苦手という「結果」に対して試験をどうするか - 本しゃぶり
ステレオタイプに負けじと頑張る人は立派だ。 しかし意識することが、逆にステレオタイプ的結果を生じさせることがある。 試験を実施するには、この問題を考えなくてはいけない。 2020/12/01 追記 本記事は『ステレオタイプの科学』という本を参考に書いたが、最近の研究では再現性があまり無いとのこと。それを念頭において読んでもらいたい。 この邦訳の原書は、10年以上前（心理学の再現性の危機が議論される前）に出たもので、最近の研究では、元になった実験の再現性はあまりないと言われています。https://t.co/RKmwQXfLZm— 'Yuki’ Kamitani (@ykamit) August 28, 2020 "Stereotype threat" is such a weak research program with findings that don't replicate in
｢他人と体をシェア｣36歳早大准教授の凄い研究
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
ミラティブのサーバサイドをGo + Clean Architectureに再設計した話 - Mirrativ Tech Blog
こんにちは、テックリードの夏です。 今年4月にCTOからテックリードに肩書が変わり、ガリガリコードを書くようになりました。 背景については、こちらをご覧ください。 www.wantedly.com 普段はプロダクト側の機能開発と、サーバ側の基盤開発を半々ぐらいの割合で仕事しています。 一口にサーバ側の基盤開発といっても定義が曖昧なのですが、基本的にはこんな感じのタスクをやっています。 インフラコストの最適化 不正なアクセスからの防御 障害の再発防止 新技術の導入やアーキテクチャの整備 今回はこのうち「新技術の導入やアーキテクチャの整備」の中で、サーバサイドをGo + Clean Architectureで再設計したことについてお話したいと思います。 背景 ミラティブは2015年春頃に開発が始まり、同年8月にサービスがリリースされ、2020年8月で5周年を迎えました。 その過程で組織やプロダ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
チョコレートプラネットさんの「悪い顔選手権」が「これはやってますわ」「キメてる顔やばい」「発想が凄まじい」ので見てほしい
“Amazon”での買い物トラブルを減らすGoogle Chrome拡張機能「AmazonSeller Filter」／商品検索結果を“Amazonが販売・発送する商品”に限定【レビュー】