Web制作者はダウンロードしておきたい！ CSS関連の最新版チートシートのまとめ
CSS GridやFlexboxで配置するプロパティや値は？ 最初の3つだけを指定するセレクタは？ という「あれは何だっけ？」に役立つのが、チートシートです。 CSS GridやFlexboxの各プロパティ・値でどのように配置されるのか、セレクタやnth-child()やdisplayやposition、VS CodeやGitのコマンドがまとめられたチートシートを紹介します。 チートシートは高解像度版が用意されており、ダウンロードしておくと便利です。 CheatSheets -GitHub チートシートはすべて、「ご自由にダウンロードしてご利用してください」とのことです。チートシートは高解像度版を無料でダウンロードでき、モニターの壁紙や印刷して机の脇に貼っておいても便利です。 では、どんなチートシートがあるのか紹介します。 まずは、CSS Flexboxのチートシート。Flexboxの各プ
はてなブックマーク（とEvernote）からRaindrop.ioへの切り替え - 誰がログ
はじめに 集約前のブックマークの使い方 集約後（今）のブックマークの使い方 はてブからRaindropへブックマークを移す Raindrop（有料プランの機能含む）の使い勝手 ブラウザやObsidianとの連携 おわりに はじめに Evernoteの有料プランをやめてメモ・記録用のツールをObsidianに完全に切り替えたことと合わせて、2023年はブックマークの管理もRaindrop.io（以下「Raindrop」）に集約しました。個人的にはかなり大きな変化です。 raindrop.io 切り替えに合わせてRaindropを有料プランにしたのでその使用感についても簡単に書いておきます。 集約前のブックマークの使い方 Raindrop自体は無料プランで数年前からはてなブックマーク（以下「はてブ」）と併用していて、だいたい次のような使い方をしていました。 Raindrop：はてブ以外の場で保
アルゴリズムまかせの情報収集をリセットする
みなさんは情報収集になにを使っていますか？ その情報源がどのくらいアルゴリズムに汚染されているか把握していますか？ テレビやラジオのようにプログラムがすでに決まっているメディアはまだしも、ツイッター・YouTubeといったSNSやウェブサービスを使う限り、そこにはアルゴリズムの介入があります。 本来、フォローしたユーザーのつぶやきしか表示されないはずのツイッターやFacebookですら、最近はフォローしたトピックや「いいね」を押したサイトに基づいておすすめ表示が変更され、広告表示が変わってきます。 YouTubeの視聴履歴はトップページに表示される動画やチャンネルを大きく変えますし、Spotifyのお気に入りリストも次にどの楽曲がかかるのかを左右します。 それは好みのコンテンツを優先表示してくれる機能でもありますので便利ではあるものの、あまり放置しすぎているとアルゴリズムが予想する範囲のも
モバイル幅で作成されたWebサイトの特徴と作例
モバイル幅で作成されたWebサイトの特徴と作例モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 モバイル幅 Web サイトの特徴デスクトップで見ても狭いコンテンツの幅よくある Web サイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示されるものが多いのですが、中には右側に配置されているものも
「Discord（ディスコード）」とは？ 使い方や若者に人気の理由を解説 [インターネットサービス] All About
「Discord（ディスコード）」とは？ 使い方や若者に人気の理由を解説「Discord（ディスコード）」は、若者やゲーマーに人気のコミュニケーションツールです。Discordが人気の理由や使い方を解説します。 東京工科大学が2022年度の新入生を対象にコミュニケーションツールの利用状況を調査したところ、男子学生の53.5％が「Discord（ディスコード）」を利用していることが分かりました。「LINE」「Twitter」「Instagram」「TikTok」に次ぐ利用者の多さで、利用率は上がり続けています。 参考：新入生の「コミュニケーションツール」利用実態調査（東京工科大学） なぜDiscordが男性に人気なのか。その理由を探るとともにDiscordの基本的な使い方を解説します。 ゲームに特化したコミュニケーションアプリ「Discord（ディスコード）」 Discordは、ゲーマー同士
![「Discord（ディスコード）」とは？ 使い方や若者に人気の理由を解説 [インターネットサービス] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/4c8fc59e6327fb4c575303e505e69a83c35a9fb4/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F9%2F2%2F6%2F3%2F0%2F1653822406%2Ftopimg_original.jpeg)
私のセキュリティ情報収集法を整理してみた（2021年版） - Fox on Security
新年あけましておめでとうございます。毎年年頭に更新している「私の情報収集法」を今年も公開します。何かの参考になれば幸いです。 インプットで参照している情報源（海外） 海外からの攻撃が主流となる中、海外情報をいち早く把握する事の重要性が増している気がしますので、今年は海外情報源から書きたいと思います。 昨年の記事では多くの海外サイトを紹介しましたが、試行錯誤の結果、まとめサイトでもある「morningstar SECURITY」や「DataBreaches.net」を押さえておけば、主要サイトが概ねカバーされると分かったので、今年は数を絞っています。 サイト キタきつね寸評 morningstar SECURITY 去年と変わりませんが、情報の更新頻度、そして関連ソースの網羅性という意味では、英語系のセキュリティニュースとしては最良の情報ソースの１つかと思います。私は「Daily Secur
How to take back control of /etc/resolv.conf on Linux
Several DNS-related programs want to automatically manage the DNS name server and resolution configuration file at /etc/resolv.conf. In some situations, you may want to manage this file yourself. Here is how you identify which programs are automatically managing this file on your Linux distribution, and how you can take back manual control of the file. There are quite a few different tools that fi
ずっと無料で使えるクラウドの「Free Tier」主要サービスまとめ。2020年版
クラウドの多くでは、1年程度の無料トライアルやクーポンなどに加えて、期間の制限なくずっと無料で使える、いわゆる「Free Tier」や「Always Free」と呼ばれる無料枠のサービスも提供されています。 こうした無料枠は開発環境やテスト環境としてクラウドを試すうえで非常に有効です。ここではクラウドのFree TierやAlways Freeとして提供されているおもなサービスをまとめました。 Amazon Web Services（AWS） 「AWS 無料利用枠」のWebページを開き、左側にあるフィルター条件で「無期限無料」をチェックすることで、無期限に無料で提供されるサービスの一覧を見ることができます。 おもに次のようなサービスが無期限無料で提供されています。 AWS Lambda サーバレスコンピューティングの実行環境を提供します。 1カ月あたり100万リクエスト、最大320万秒コン
君はPornhubを知っているか - ゆーすけべー日記
Pornhubをご存知だろうか。 答えは当然Yesだろう。 ところがその本当の実態について我々は理解しているだろうか。 WikipediaのPornhubページには興味深い事柄が書いてある。 YouTubeに次ぐ世界第2位の動画共有サイト 360度動画を提供しており、PlayStation VRで視聴できる 上下運動で発電できるリストバンドを発明した 宇宙空間でポルノを撮影すると発表した VPNHubというVPNサービスを開始した これらのいくつかを恥ずかしながら私は知らなかった。 この恥ずかしさがモチベーションとなり、私はPornhubのポルノ以外のことを調べた。 出てくるものはアダルトコンテンツばかりだったが、 以下の3つのページに出会うことができた。 Pornhub Insights :: Digging deep into the data Interview with a Por
Facebook, Twitter, Instagram, TikTokなど、各ソーシャルメディアで最適な画像・動画サイズのまとめ -SocialSizes
Facebook, Twitter, LinkedIn, Instagram, Pinterest, TikTok, YouTube, AppStoreなど、各ソーシャルメディアで最適な画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。 Adobe XD, Figma, Sketch, Photoshop用のファイルが用意されており、個別でも一括まとめてダウンロードもできるので非常に便利です。 SocialSizesでサポートされているソーシャルメディア Facebook Instagram LinkedIn Twitter Snapchat YouTube Pinterest Twitch Whatsapp AppStore TikTok ProductHunt Vk PlayStore 各ソーシャルメディアで最適な画像・動画
Counter – 英語でいくつまで数えると何時間(あるいは何十年)かかるか | 秋元@サイボウズラボ・プログラマー・ブログ
Counter は、数を(英語で)数える際に実際に何秒(/何時間/何年)かかるかを教えてくれるwebサービスです。 「100」と入れると、「約3分」と出てきます。 これは、英語で one, two, three,… と hundred まで数えると、だいたい3分かかるよ、という意味です。お風呂で100まで数えると3分、ということ。 1万まで数えると14時間、100万まで数えると3か月。実際に数えるのなんて無理だろう、という大きな数列も、かかる時間を推定してくれる優れものです。 数える時間をどうやって推定したかはこちらのブログに書かれています。大きな数は発音するのに何秒もかかるので、ちゃんとそれを加味した計算となっています。 このマイクロサイトの開発はNext.js、TypeScript、Nowを使って行われたそう。 よく似た記事: Away Mode – スマートスピーカーで泥棒除け Go
HTMLを1999年のように書く
HTMLの実装、そしてセマンティックマークアップのすすめについて紹介します。 記事のタイトルは直訳しましたが、1999年というより、フレームワークやdivスープが増産される前の時代という意味だと思います。 Write HTML Like It's 1999 by Bradley Taunt 訳者注: 1999年のようには文字通りの意味ではなく、比喩として使用されていると思います。フレームワークやdivスープが増産される前の時代でしょうか。1999年だとtableレイアウトだったり、nav要素がないなど混乱するかもしれません。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1990年代の制約に縛られてHTMLを書く HTMLの悪い習慣 HTMLの良い習慣 「構造」の基本的な確認方法 最後に 追記 1990年代の制約に縛られてHT
反ワクチンであろうと、安易に検閲に頼ってはならない | p2ptk[.]org
反ワクチンであろうと、安易に検閲に頼ってはならない投稿者: heatwave_p2p 投稿日: 2019/5/82019/5/8 Electronic Frontier Foundation 数十年ぶりにはしかの感染者数が増加に転じ、ソーシャルメディア上で反ワクチン（anti-vaccine または “anti-vax”）ミームが山火事のように広がったことを受け、最近、Facebook、Pinterest、YouTube、Instagram、GoFundMeをはじめとする多数の企業が反ワクチンの投稿を禁止した。 しかし、検閲だけがオンラインの虚偽情報（disinformation）対策の唯一の答えというわけではない。反ワクチンのトレンドは、検閲では解決できないほどに深刻な問題だ。テクノロジー企業がこうした言説を全面的に禁止するようになれば、正確で有用な発言まで過剰に修正・検閲され、そうした
![反ワクチンであろうと、安易に検閲に頼ってはならない | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb9ae67c8c1bc18301c7988aec77c7a38691ae04/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2019%2F05%2Finjection-1674900_t.png)
You should have a personal web site
(Originally published in 2019.) Hello! This is my personal web site. It’s not much, but it’s mine. After nearly a decade of just barely existing, I’ve spent quite a bit of time in 2019 trying to breathe new life into it. At this point, I think just about everyone–but especially folks in the software engineering universe–should have a personal web site of their own. Let me tell you why. Identity A
写真家に怒られない「使える写真」の探し方 | p2ptk[.]org
ネット上での写真の無断使用に写真家たちが怒りの声を上げている。これまで我慢に我慢を重ねてきた彼らも、ついに堪忍袋の緒が切れて使用料の請求や、訴訟を起こすにまで至っている。こうした動きがさらに活発化すれば、安易な無断使用は次第に減っていくだろう。 だが、それまで無断使用していた人たちが写真家に許諾をとって写真を使うようになるか、というとそうはならないだろう。結局、手間やお金がかかるようになれば、単に使わなくなる。それではあまりにも寂しすぎる。 考えうる1つの解決策は、「勝手に使ってほしくない写真家の写真」ではなく、「勝手に使って欲しいと願う写真家の写真」を使うということだ。世界には自由に使用できる写真が無数に存在している。クリエイティブ・コモンズ・ライセンス（CCL）などの緩やかな使用条件のついた写真、CC0のような使用にあたっての条件を設定していない写真、すでに著作権の保護期間が終了したパ
![写真家に怒られない「使える写真」の探し方 | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/f263f534ffbb85ed9f71351f480e0bb09492d8b9/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2019%2F02%2Fart-background-decoration-354939_t.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google 検索」の結果ページからキャッシュへのリンクが消えた……どうすれば？／「cache:」検索演算子を覚えておくと便利だぞ！【やじうまの杜】
Time to Ban Surveillance-Based Advertising
東京都 新型コロナウイルス感染症対策サイト - オープンデータを活用したコロナウイルス情報集約サイト MOONGIFT
最近のWebサイトやスマホアプリのワークフロー、モジュール型でパターン主導のデザインシステムを学べる解説書 | コリス
2018年総まとめ: Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
