[B! まとめ] izocのブックマーク

令和のHTML / CSS / JavaScriptの書き方50選

Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。そこで今回は﹁2024年のWeb制作ではこのようにコードを書いてほしい！﹂という内容をまとめました。質より量で、まずは﹁こんな書き方があるんだ﹂をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

izoc 2024/05/14

jsは結構キャッチアップ出来てたがhtmlとcssは頑張らんとな

リンク

「普段YouTube何見てるん？」って聞かれた時に恥ずかしくなく話が盛り上がるベストYouTuberを知りたい

リンク YouTube Genの炊事場 SUIJIBA 趣味で脚本・小説を書いているものです。料理も映像製作も趣味ですので、どうかお手柔らかに。 ■メンバーシップ登録は一番下の URLから↓ 週に4回程度、リスナーさんとアットホームに馬鹿話をしています。月額90円でいつでもやめられますのでお気軽に。ご新規さん大歓迎です！同居人のカレー屋チャンネル↓ https://www.youtube.com/channel/UCZYNMKwoJ22LgDWenKT-JYg ご用の方はどのような内容でも下記のアドレスへお気軽に↓ tokyomeshinotomo@gm 3 users 81

izoc 2024/01/17

Youtubeはほぼ音楽プレイヤーとして使ってる。バラエティだとノブロックTVは結構見るな。

リンク

"レガシー"と言われないためのJavaScript再入門

追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現

izoc 2023/10/09

オジさんなので勉強になります

リンク

人生で観ておくべき、日本映画ベスト50

タイムアウト東京 > 映画 > 人生で観ておくべき、日本映画50選日本映画には大きな魅力と素晴らしい監督の存在がある。特に黒澤明は、この地球上で最も偉大な映画監督といえるが、日本が生んだ名監督は彼だけではない。小津安二郎や宮崎駿、溝口健二、市川崑ら、映画﹁東京物語﹂﹁七人の侍﹂﹁となりのトトロ﹂など、圧倒的な名作を生み出し映画界に貢献してきた。サイレント時代から戦後の映画黄金期をへて、パンキッシュで挑発的な1960年代のニューウェーブ、アニメーション作品の爆発的なヒットを生み出した。そして、多くの作品はアメリカやヨーロッパで大きな影響力を持つようになった。タランティーノやスコセッシは、大の日本映画好きで伝達者であり、ゴジラはハリウッドの大作映画としてとどろき続けている。しかし、あまりに多くの作品があるため、何から観ればいいのか頭を抱えてしまうかもしれない。ここでは、タイムアウトワール

izoc 2023/04/11

黒澤明、小津安二郎、北野武が多いねやっぱり。

リンク

【年末年始まとめ読み】2022年の「年間総合はてなブログランキング」トップ100と「はてな匿名ダイアリー」トップ50を公開しました！ - 週刊はてなブログ

お正月休みに読みたおそう！気づけば今年もあっという間に年の瀬ですね！皆さんにとってこの1年はどのような年でしたか？はてなブログでは2022年もさまざまな話題が書き残されています。特に週刊はてなブログで、毎週月曜日に公開している﹁今週のはてなブログランキング*1﹂には、そのときどきの注目記事が集まっています！今回は、その総決算として2022年にもっとも注目を集めた﹁年間総合はてなブログランキング﹂トップ100の記事と、﹁はてな匿名ダイアリー﹂トップ50の記事を発表します*2！集計期間は2022年1月1日～同12月19日です。 # タイトル／著者とブックマーク1逮捕にそなえる人生継続計画 - やしお by id:Yashio 2 なぜ投資をさっさと始めないのか - 本しゃぶり by id:honeshabri 3 新NISAとは。新NISAつみたて投資枠、成長投資枠と旧NISA

izoc 2022/12/26

はてな2022人気記事ランキング

リンク

【年末年始】2021年の「年間総合はてなブログランキング」トップ100と「はてな匿名ダイアリー」トップ50、一挙公開！ - 週刊はてなブログ

みなさんにとって2021年はどんな一年だったでしょうか？週刊はてなブログでは、毎週月曜日にはてなブログ・はてな匿名ダイアリーの記事を対象としてはてなブログ独自の集計を行い、﹁今週のはてなブログランキング﹂を公開。ランキングにはそのときどきの注目記事が集まっています。今回は、その総決算として2021年にもっとも注目を集めた﹁年間総合はてなブログランキング﹂トップ100の記事と、﹁はてな匿名ダイアリー﹂トップ50の記事を発表します！*1。集計期間は2021年1月1日～同12月22日です。 # タイトル／著者とブックマーク1東大が無料公開している超良質なPython/Data Science/Cloud教材まとめ (*随時更新) - Digital, digital and digital by id:touya_hujitani 2 高卒新人に資産運用を説明する - やしお by id

izoc 2022/01/04

2021はてなブログランキング

リンク

トップレベルのコンピュータエンジニアなら普段からチェックして当然の技術系メディアN選 - kuenishi's blog

〜〜が知っておくべきサイト20選とか、エンジニアなら今すぐフォローすべき有名人とか、いつも釣られてみにいくと全く興味なかったり拍子抜けしたりするわけだが、こういうのが並んでいたらあまりの格の違いに絶望してしまうだろうというものを適当に並べてみた。私が見ているわけではなくて、こうありたいと思っている私の願望である。どちらかというとインフラ系とか基盤系のものに偏っているが、あくまで私が興味ある一連の例だと思ってください。﹁これが入ってない！﹂というクレームは受け付けますので、是非教えてください。一緒に成層圏まで意識を高めましょう。情報サイト、有名ブログ Software Engineering Radio : IEEEが主催しているソフトウェアエンジニア向けのPodCast。データベースからフロントエンド、暗号、ハードウェア、マイクロサービス、などなどとにかく多様なジャンルの最新のトピックの

izoc 2018/04/13

読むかどうかは別にして、ひとまずブクマ

リンク

“自称ワイン通”の死屍累々 #本当にあったワイン話

ラテン語たん @Latina_tan 『何を飲んでるんですか？』『ソーテルヌ…ボルドー地方のワインですよー』『ボルドーに白ワインがあるはずないだろ！』『！？』 #本当にあったワイン話 2016-11-12 12:11:32

izoc 2016/11/14

ワイン好きは性格悪い奴が多いな。

リンク

Javaで覚えるIT技術者の40の常識 - ＠IT

～新人プログラマ／SEは覚えておきたい“まとめ”～＠IT編集部 2011/3/24 このページは、開発者／プログラマが、以下のような項目に関して、常識的な基礎知識を学ぶための記事リンクのまとめです。デスクトップなどの見た目に関する3つの常識プログラミング・コーディングに関する6つの常識ネットワーク／通信に関する9つの常識セキュリティに関する3つの常識データとファイルに関する5つの常識設計・アーキテクチャに関する6つの常識ソフトウェアの品質管理に関する3つの常識業務アプリに関する5つの常識 JavaSE︵旧、J2SE︶のコアAPIやJSP／サーブレット＋StrutsのWebアプリケーション開発、JBossやその他のJavaオープンソースソフトウェアのサンプルコードや使い方を通じて、さまざまな“常識”を学習する以下の連載の記事に、基礎知識のカテゴリごとに分けてリンクしていま

izoc 2011/03/24

こいつはイイ。後でじっくり見よう。

リンク

Webサービス用にさくらのVPSサーバーを借りた後で役に立つ記事色々:phpspot開発日誌

WEBサービス用にさくらのVPSサーバーを借りた後で役に立つ記事色々さくらVPSサーバの人気が高いということで、借りたらやる設定についての記事をまとめてみました。さくらのvpsといっても普通のcentosと一緒なので、他のvpsサービスやec2でも使えます。レンタルサーバーと違って最初はなにも入ってないので初期設定が必要ですが、これさえみとけば大体大丈夫というものをまとめてます。さくらのVPS 初期設定︻さくらのVPS︼初期設定をしてみた | Untitled Documents. root パスワードの変更、ユーザ追加、sudoers編集、ssh公開鍵設置、パッケージ管理ツールの設定等 CentOSをサーバーとして活用するための基本的な設定 (さくらインターネット創業日記) sshのポート番号変更、公開鍵設定、ファイアウォール設定の他、不要サービスの停止といったさくらインターネッ

izoc 2011/02/25

VPSに興味あるのでとりあえずブクマ

リンク

茂木健一郎氏による連続ツイート「連帯保証人制度は世界の恥である」

茂木健一郎 @kenichiromogi オレが日本の法律関係者に訴えたいことは、民法の﹁連帯保証﹂に関する条項の一日も早い削除。銃よりも多くの人の命を奪い、鎖よりも多くの人の自由をうばっている。こんな前近代的な制度を放置しているのは、国際的な恥である。 2011-01-30 11:30:50 茂木健一郎 @kenichiromogi 先日、銀行主催の講演会で、﹁連帯保証人制度は世界の恥である﹂と言ったら、銀行の人たちは苦笑いしていたけど、会場の企業経営者は真剣に肯いていた。﹁やらかしちゃった！﹂と思ったけど、後悔はしていない。この愚かな制度に対する怒りのマグマはかなり溜まっている。 2011-01-30 11:37:16

izoc 2011/01/31

家借りれない、入学出来ない、就職出来ない、起業なんてとんでもない。まあ、強い絆で結ばれた親族が二人以上いない人間は本人の努力や才能関係無しに底辺で這い蹲って死ねってことだよな。この国の制度は。 ●日本 ●社会 ●まとめ ●連帯保証人

リンク

かっこいい名刺・ビジネスカードをあつめたポータルサイト集

かっこいいデザイン、面白い素材をつかった名刺・ビジネスカードをあつめているポータルサイトを紹介します。

izoc 2010/10/13

おしゃれ名刺。

リンク

インターネットを活用した、ひきこもりのための株式会社の創り方

この度、株式会社ｗｋｔｋ(ワクテカ)という法人を設立いたしました。30歳の誕生日に何か面白いコトをやろう！と思い立って、2週間くらいで法人設立にこぎつけました。あ、会社勤めは辞めてないし、辞めるつもりもないですよ、念のため。僕の勤め先は、そういうところに融通が利くところなのです。起業を促進してます。うんうん。株式会社の作り方と、基本的な開業準備について、﹁ひきこもり気質でインターネット大好きな人﹂向けに情報を公開します。世の中には、会社設立のガイドがあふれかえっています。重複することを書いても仕方ないので、本や他のサイトに載っていない情報を主に書いていきます。情報は2010年4月現在のものです。前提条件一人発起で、代表取締役のみの株式会社を東京都ｘｘ区に設立する。 .co.jpドメインを取得する。公告方法を官報にしつつ、財務諸表のみをWebページに載せて官報掲載代を節約する。

izoc 2010/05/11

株式会社を作る際のポイントもろもろ。リアルでいい。

リンク

Dong Jing gaShi Jie Yi Mei Li De naDu Shi dearu 50 noLi You | CNN Travel

編集者注‥ 取材協力‥Matt Alt、Hiroko Yoda、Melinda Joe、Andrew Szymanski および W. David Marx︵CNN Go 東京編集者︶ 1. 世界一優れた鉄道システム地下鉄13路線、JR および他の私鉄 100 路線以上が縦横無尽に走る都市東京は、まるで世界記録を覆すために考案されたかのようだ。電車と徒歩だけでたどり着けない場所は都内では皆無と言っても過言ではない。唯一の欠点と言えば、政府も対処ままならない中年サラリーマンの痴漢行為だけ？ 2. 一生訪れることのできない世界で一番美しい場所都心の緑溢れる 3.5 平方キロメートルに構えられた皇居の不動産価格は、一時はカリフォルニア州の全不動産の総価値をしのぐと噂されたこともある。皇居外側の庭園の一部は一般公開されているものの、内部の宮殿は我ら凡人の目に触れることはない。皇居は、

izoc 2010/01/23

自分の知らなかった東京。

リンク

実在するボロい商売ニコニコVIP2ch

今20代男子に圧倒的支持を受けている通販サイト「ここの服を買っておけば無条件にカッコよく見える」という品揃えをキープ。「合コンに着ていく服って、どういうものがいいんだろう？」こんな悩みを持っている男子諸君は今すぐチェック！！ひとつ買って頂ければ、良さがわかってもらえる自信があります！ご来店、お待ちしております！by店長 ⇒【MENZ-STYLE】に行ってみる 1 以下、名無しにかわりましてVIPがお送りします　投稿日：2009/12/20(日) 14:05:59.34 ID:1zccHeOF0 サンゴ漁三つ又の碇の様なデカイ釣り針を海底にしずめてゆっくり船で走り回るたまに引っかかったらそれをつり上げる。そんな非効率な事やってるから全然取れない、それゆえ希少で売価が安定して高い。ダイバーを潜らせて取ってくればいいのにとおもうが、出来るまでに何千年もかかる珊瑚

izoc 2010/01/07

まだまだ知られてない隙間が存在するんだろうな。才能だね。

リンク

増井 / 学校で習わない大事なこと

増井は﹁学校﹂とは高校ぐらいまでを想定してます想定してない方もいるかも﹁学校で教えるべきと思うもの﹂と﹁教えなくてもいいけど重要なもの﹂が混在してるかも﹁@﹂がついてるのはtwitterでいただいた意見で、増井の意見と必ずしも一致するわけではありません。ついてないものは増井の意見です。 ----------------------------------------------------- 車の運転標識の意味など教えた方がいいのでは?自転車関連も歩道は走っちゃダメとか鉄棒や水泳は教えるのに自転車は教えないのか?最近は学校で教えてるの?写真の撮り方お絵描きや音楽は教えるのに... 文章の書き方、プレゼンのやり方米国では結構真面目に教えるみたいだけど税金の知識世の中で実際に税金がどのように徴収されて使われてるのか確定申告とは何か、必要経費とは何か、etc. 年金

izoc 2010/01/05

ゆとり教育で削った時間はこういう事を学ぶ時間に当てられるべきだよな。

リンク

一人で読めて大抵のことは載っている教科書（洋書編）：数学からラテン語まで（追記あり）

（ブックリスト各分野へのリンク）数学　物理学　化学　生物学　医学　人類学　心理学　経済学　政治学　社会学宗教学　歴史学　哲学　芸術　演劇　文学　音楽　法学　教育　アラビア語・サンスクリット語　古代ギリシア語、ラテン語はてなブックマークで「そんなもの読むくらいなら洋書読め」と具体的な書名付きで再三にわたりコメントをいただいているmaido99さんに敬意を表して、こんなエントリーをおったててみた。このエントリーの成否は、「英語？めんどくせー」という人に、洋書で学ぶことのメリットの大きさを示し、対してデメリットが取るに足りないものであることを説得できるかどうかにかかっている。そういう人の面倒をみたい訳でも、またみなきゃならない訳でもないが、清水幾太郎が珍しく良いことを言ったように、文章と言うものは、自分が「あたかも～であるかのように」書くことで、書きたいことの優先順位が決まり整序がつく

izoc 2009/12/30

英語の勉強がてら読もうかな。

リンク

NoSQLデータベースを40種類以上リストアップ、キーバリュー型にもいろいろある

Webスケールのデータを扱うためにさまざまなデータベースが登場してきている、ということを昨日のエントリ「データベースは目的別に使い分けるべし」で紹介しました。特にリレーショナルモデルをベースとしない、非SQL系（NoSQL）と呼ばれるさまざまな種類のデータベースが登場してきています。非SQL系のデータベースは以前からオブジェクトデータベースやドキュメントデータベース、階層型データベースなどが存在していましたが、最近注目されているのがキーバリュー型データストアと呼ばれるデータベース。ブログ「High Scalability」にポストされたエントリ「A Yes for a NoSQL Taxonomy」では、これら非SQL系のデータベースを詳細に9分類し、それぞれの分類に属するデータベースをリストアップしています（基になったのは「NoSQL is a Horseless Carriage」

izoc 2009/11/11

多種多様のDB群。

db
まとめ

リンク

招待状・服装・ご祝儀…いざという時に慌てないための「結婚式のマナー」 - はてなニュース

11月22日は﹁いい夫婦の日﹂ということで、縁起を担いでこの日に結婚式を挙げる人も多いようです。しかし結婚式に招かれる側には、﹁何を着ていけばいいの？﹂﹁お祝いはいくらつつめばいいの？﹂といった悩みはつきもの。そこで今回は、結婚式のマナーに関するエントリーを集めてみました。結婚式のマナー/結婚式の招待状・ご祝儀・服装結婚式のマナーと常識　-ウエディングウォーカー結婚式のマナーの中でも、特に﹁どうすればいいの？﹂と悩むことが多いのが﹁招待状﹂﹁服装﹂﹁ご祝儀﹂についてです。今回はその3点について見ていきます。招待状の返信の仕方にもマナーがあります結婚式の招待状が届いたら、相手のことを考えできるだけ早めの返信を心がけます。また、返信用のハガキの書き方にもマナーがあります。﹁出席するんだから、御出席に○をしてそのままポストに投函﹂というわけにはいきません。披露宴の招待状の返事の書き

izoc 2009/11/01

下らねぇルール。でも覚えておくべきルール。

リンク

はてなブックマーク

タグ

関連タグで絞り込む (42)

まとめに関するizocのブックマーク (22)

お知らせ

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

今週のはてなブックマーク数ランキング（2024年6月第4週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス