俺流レスポンシブコーディング
俺流レスポンシブコーディングの覚書。「人には人のレスポンシブ」があるのでこれが正解だってわけではないのですが、レスポンシブコーディングで悩んでいる人にとって参考になる記事になってくれたら嬉しいです。 ブレイクポイントは特定のデバイスの画面サイズを基準にしない 以前アンケートを取った時にデバイスのサイズを意識して決める人が半数以上を占めていた。 アンケート結果を抜きにしても「2021 年のブレイクポイント決定版はこれだ！」的な記事がバズっているのを定期的に目撃し、主流のデバイスのサイズを比較するアプローチがほとんどであるが、僕はデバイスの端末のサイズを基準にブレイクポイントを決めることには否定的である。 主流のデバイスのサイズなんてものは時間が経てば変化する。 昨年 iPhone 12 が発表された時に従来の画面サイズとは違うバリエーションになることが分かるやいなやタイムラインが慌てふためい
セッションのスライド・動画まとめ
WordCamp Ogijima 2020（ワードキャンプ男木島2020）にご参加してくださった皆さま、ありがとうございました！ 広報班の三浦です セッション・ミーティング・ワークショップの、スライドとWordPress.tvにアップされた動画をまとめましたので、参加できなかったものやもう一度見たいものなど、ぜひご覧ください。 ご登壇いただいた皆さま、ありがとうございました！ 登壇者セッションタイトルスライドWordPress.tv中村恭子, 西川真理子「島暮らし」って生きていけるの？ 〜地方で生きる生活と仕事〜なしhttps://wordpress.tv/2020/09/19/kyoko-nakamura-mariko-nishikawa-can-you-survive-living-on-an-island/村上直子初めての方大歓迎！ブロックエディターを使ってみようなしhttps://
Googleドキュメントでブログが作り放題になるWebサービス「Nocode」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、普段使っているGoogleドキュメントをブログとして使えるようにしてくれるWebサービスをご紹介します。 ブログの記事はすべてGoogleドキュメントで作成・管理できるようになっており、ボタンをクリックするだけでネット上に公開できる非常にお手軽なサービスです。 最近話題のノーコード（NoCode）でブログが作れるサービスとしても活用できるでしょう。 【 Nocode 】 ■「Nocode」の使い方 それでは、「Nocode」をどのように使えばいいのか詳しく見ていきましょう！ まずはサイトのトップページにアクセスして【GET STARTED】ボタンをクリックしてください。 Googleアカウントとの連携画面になるので、ボタンをクリックして認証をしておきます。 次に、作成するWebページのテンプレートが選択できるのですが、今回は【Blog】
ヤフーのクリエイターが読んでいる技術・デザイン書（2019年4月〜2020年3月）
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Developer Relations アドボケイトの山本です。 ヤフーにはエンジニアやデザイナーといったクリエイターの活動を支援する制度「My Polaris」があり、その中の1つにクリエイターが常に自身の技術力向上を図れるよう学習活動を支援するための「技術活動費用補助制度」というものがあります。 去年8月に2018年4月から2019年3月の期間でこの制度がどのように活用されたか集計した結果を公開したのですが、本記事では2019年4月から2020年3月の集計結果を紹介します。 昨年の記事：ヤフーのクリエイターが読んでいる技術・デザイン書 〜 技術活動費用補助制度のデータから見る興味関心 技術活動費用補助制度とは？ 冒
2024年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
Netflixが急成長の裏で力を入れる、“アクセシビリティの向上”の意義
今年もNetflixの快進撃が続いている。アメリカで行われた同社の2019年第4四半期決算発表によると、Netflix有料会員数は1億6700万人を超え、そのうちの1億人以上が米国外のユーザーだという。（参考＝日本経済新聞「Netflix、利益4.4倍に 米国外の会員1億人突破」） 続く急成長の裏で、Netflixがひそかに力を入れている機能があることをご存知だろうか。それは“アクセシビリティ機能”だ。聞き慣れない言葉かもしれないが、日本国内では厚生労働省が「アクセシビリティ＝年齢や身体障害の有無に関係なく、利用できること」と定義しているように、障害のある人であっても不便なく動画を視聴できるようにする工夫にNetflixが力を入れているということだ。国内で多数存在する動画ストリーミングサイトの中で比較をしても、Netflixはこの点において最大級の配慮を行なっている。今回は障害をもたない人
Netflixが急成長の裏で力を入れる、“アクセシビリティの向上”の意義
今年もNetflixの快進撃が続いている。アメリカで行われた同社の2019年第4四半期決算発表によると、Netflix有料会員数は1億6700万人を超え、そのうちの1億人以上が米国外のユーザーだという。（参考＝日本経済新聞「Netflix、利益4.4倍に 米国外の会員1億人突破」） 続く急成長の裏で、Netflixがひそかに力を入れている機能があることをご存知だろうか。それは“アクセシビリティ機能”だ。聞き慣れない言葉かもしれないが、日本国内では厚生労働省が「アクセシビリティ＝年齢や身体障害の有無に関係なく、利用できること」と定義しているように、障害のある人であっても不便なく動画を視聴できるようにする工夫にNetflixが力を入れているということだ。国内で多数存在する動画ストリーミングサイトの中で比較をしても、Netflixはこの点において最大級の配慮を行なっている。今回は障害をもたない人
心理的安全性って結局何なんだろう
Event for Diverse Game Engineers #5 (https://edge.connpass.com/event/161663/)での登壇資料（からもろもろの画像などを取り除いたもの）です。
プログラマが知るべき97のこと - Wikisource
あなたは以下の条件に従う場合に限り、自由に 共有 – 本作品を複製、頒布、展示、実演できます。 再構成 – 二次的著作物を作成できます。 あなたの従うべき条件は以下の通りです。 表示 – あなたは適切なクレジットを表示し、ライセンスへのリンクを提供し、変更があったらその旨を示さなければなりません。これらは合理的であればどのような方法で行っても構いませんが、許諾者があなたやあなたの利用行為を支持していると示唆するような方法は除きます。
現代の JavaScript チュートリアル
私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
WordCamp Tokyo 2019における受付フロー改善の取り組みについて
こんにちは。アプリ班リーダー、高橋文樹です。中国は成都から先週帰ってきました。麻婆豆腐発祥の店で麻婆豆腐を食べました。 さて、WordCamp Tokyo 2019では昨年の「受付がハチャメチャに混んだ」という反省を踏まえ、それをなんらかの方法で改善できないかという課題にかなり早い段階から取り組み始めました。 そして当日、出来上がったものがこちら！ 撮影＆編集 清野氏 ものすごくオシャレに編集したムービーなので「これは実態とかけ離れているのでは？」と疑う向きもあるかと思いますが、体感としても「受付で混んだ」と思った方はいなかったはずです。実際に参加された方からも…… https://twitter.com/ken1aizawa/status/1190441194783834112 https://twitter.com/januaryCOM/status/11904496782376140
サイトの表示高速化につながる18のこと | knowledge / baigie
ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高
「100% GPL」とは
「GPL v2 またはそれ以降」との互換、100% GPL、スプリットライセンスの違い 「GPL v2 またはそれ以降」との互換 WordPress のライセンスは「GPL v2 またはそれ以降」であり、プラグインやテーマといった派生物を頒布する際に採択するライセンスは GPL v2 と互換性があるもの、または GPL のより新しいバージョンと互換性があるものである必要があります。 100% GPL 「100% GPL」とは「PHP のコードのみではなく、その派生物に含まれる JavaScript・CSS・画像・音声ファイル・アイコン・フォントなどすべてのアセットに対して GPL または GPL 互換ライセンスを採用すること」です。 スプリット・ライセンス PHP コードのみが GPL (または GPL 互換ライセンス) であり、その他のアセットのすべてまたは一部が GPL 互換ではないラ
🙂コンピュータサイエンスと魔法のYコンビネータ
こんにちは、上杉周作と申します。米国在住のプログラマ兼ブロガーです。2019年に日経BP社から発売された『ファクトフルネス』の共訳者でもあります。詳しいプロフィールとブログはこちら。 『ファクトフルネス』 本稿「コンピュータサイエンスと魔法のYコンビネータ」は、プログラミング未経験者向けの、邪道なコンピュータサイエンスの入門書です。どういう意味かは、すぐに説明しますね！
美容内服薬ラボットメディカルクリニック【公式】
オンライン診療とは、自宅にいながら医師に直接毎日のスキンケアを相談したり、医薬品や漢方薬の処方を受けることができたりする診察のこと。お薬が処方された場合は郵送で薬局等にお薬を取りにいかなくても、自宅に届けられます。 普段、病院では発生する診察費用や処方箋費用はもちろん、お薬代以外の費用は一切かかりません。
ロリポップ！で構築したWordPressサイトをHTTPS化するときにやったこと
なぜHTTPSに対応しなければならないのか？ 今後、HTTPSに対応していないサイトはGoogleの検索順位が下がってしまったり、ブラウザから警告が出てユーザーが閲覧できないことが出てきます。
ゲーム研究なんかするやつはクズだ…日本のAI開発が遅れた背景 | ゴールドオンライン
世界的に過熱するAI開発競争。そのなかで日本のAI開発は周回遅れになっていると度々指摘されてきました。本連載は、囲碁AIの研究開発を行う福原智氏の著書『テクノロジー・ファースト』（朝日新聞出版）から一部を抜粋し、筆者が囲碁AI開発を続けるなかで感じた国内AI業界が抱える問題点について紹介していきます。今回は囲碁と関係の深い日本が、囲碁AI研究で米国に遅れにとった理由について考えていきます。 日本のAI研究者に「ある世代」が極端に少ない理由 推論AIをつくろうという第五世代コンピュータで行われた囲碁の研究は、あくまでサブプロジェクトの扱いにすぎなかった。囲碁がプロジェクトの中心になっていたら、違うエンディングにたどりついたのではないか。そう思うと歯がゆい。 ゲームに勝つというアプローチでAIを研究する歴史は古い。1950年には、すでにコンピュータ・チェスの論文が登場している。そして、昔からA
iPadでプログラミングしてる人、今まで馬鹿にしててすみませんでしたァァァァ!!!! - Qiita
こちらの記事内容は3年以上前のものなので、記事内にあるアプリケーションなどの動作やUIは実際と異なる可能性があるのでご注意ください。 (2023/01/04追記) iPadでプログラミングwwwアホちゃうかwww ワイ「え？お前全部iPadでプログラミングしてんの？そんなん効率悪いに決まっとるやんw」 ワイ「せいぜいでっかい画面でGithubのコード眺めるくらいしかできないやろwてかハイライトすらないんじゃn」 ?!(Monokaiで表示されとるやんけ...) ワイ「おっ、おう。シンタックスハイライトくらいはできるんやな。」 ワイ「まあ、考えてみればそのくらいは余裕だわなwでもな〜wコードだけ書けてもプレビューは？流石にそれが出来ないことには使えるとはいえn」 ?!?!(localhostで立ててくれるんか...これならCDN使えば簡単なサイトくらいやったらiPadだけで楽に作れるやんけ.
Autoprefixer CSS online
What is it Autoprefixer online — web repl for original Autoprefixer. It parses your CSS and adds vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used by Twitter and Taobao. How does it work The Autoprefixer uses data on the popularity of browsers and support for vendor prefixes by browsers. Based on this information, it arranges and deletes the prefixes. I
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
たのしい WordPress.tv 動画への字幕付け作業
