令和のHTML / CSS / JavaScriptの書き方まとめ
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
偽造マイナンバーカードを使用したSIMスワップについてまとめてみた - piyolog
2024年4月、偽造されたマイナンバーカードを使用したSIMスワップ事案が発生しました。さらにその後のっとられたSIMを通じて高級腕時計の購入などが行われる被害も発生しています。ここでは関連する情報をまとめます。 SIMのっとられ未遂含め400万円超の被害 SIMスワップの被害を報告したのは、東京都議会議員と大阪府八尾市議会議員の二人。愛知県名古屋市内のソフトバンクショップ（八尾市議会議員の事例ではソフトバンク柴田店）で何者かが契約変更（MNPや最新のiPhoneへの機種変更など）を行い、元々の契約者であった二人が所有するスマートフォンでSIMによる通話・通信ができない被害にあった。 昨日昼頃、スマホにPayPay通知が表示され「1000円チャージしました」と。自動チャージ設定？なんだろうとアプリを確認してもよくわからず放置。（この時にPayPayに確認すべきだった！）午後にメールチェック
ひとり会社の起業について学んだ10のこと - GoTheDistance
note.com 僕の間違いじゃなければ、時々はてなのブログでコメントを頂いた方のように思う。Python関係で。大変お世話になりました！ 法人の設立にあたっての事務処理と、会社運営のお気持ち編を、自分の体験からまとめてみます。2016年6月にノリ（そうだ独立しよう）だけで起業して7年ほどひとり。今は2人体制になった。 会社を大きくする方法はなんもわからんので、そういう内容を期待される方はすいません！沿わないと思う！ 1. 決算処理は専門家に任せたほうが良い 自分は前職の会計事務所でお世話になったため、起業当初から会計事務所を利用させてもらっている。年間30万弱。決算処理込み。 6月1日に創業したけど、タイミング的に6月になっただけで、深い意味はなかった。会計事務所的に3末はGW進行と重なるので避けたほうがいいかも。 決算処理は確認しないといけない事項が多すぎて、素人がいくら確認しても漏れ
浴槽のここがパカっと外れて、中を掃除する必要があると風の噂で聞いたのだけど…まさか…ね？→注意点も寄せられる
いえもり＆７歳と４歳 @iewori 🐻❄️ シルバニアファミリー公式アンバサダー2024 🐻❄️ 家族大好きアカウント。育児やプログラミングについて真面目なことを言っていくアカウントにしようと思ったけど無理でした。 口癖は「まぁいいか」と「せっかくだから」。 marshmallow-qa.com/iewori?t=cZWMa…
Evernoteはオワコンか？いや、ちょっと待って - paiza times
＜この記事の著者＞ ヨス - Tech Team Journal 業務効率を改善し、タイムパフォーマンスを高める時間最適化の専門家。「単語登録」の便利さを伝える「単語登録エバンジェリスト」。 最近はメモアプリとして「Notion」の勢いがすごいように見えます。SNSを見ていると、今まで「Evernote」を使ってきた人もどんどん移行しているように見えますよね。 そして「Evernoteはオワコン」という声を聞くこともありますが、それは本当でしょうか？ 今回は2010年からEvernoteを愛用しているヘビーユーザーのわたしが、現在も使いつづけている理由についてお話しします。 【目次】 なぜEvernoteはオワコンだと言われているのか？ （1）大幅な「値上げ」があったから （2）もはや有料版でないと使えないから （3）日本法人が解散したから それでもEvernoteを使いつづける理由 （1
PythonだけでWebアプリが作れるライブラリが増えている（2024.05） - Qiita
※本記事で言及しているReflexのdiscord内に日本語チャンネルをつくってもらいました。もし、興味をもった人がいたら参加してみてください。 １．PythonだけでWebアプリをつくるライブラリが増えている 最近（2024.05）、Python界隈ではPythonだけでWebアプリが作れるライブラリが増えています。詳しくは他の記事を参照してもらえればと思います。 以下の記事がとても参考になりました。ありがとうございます。 ２．ライブラリの分類 こうしたライブラリも大きくわけて２つの種類があるように思います。 ①データ解析の結果を表示するダッシュボードライブラリ ②汎用的なWebアプリをつくるローコードライブラリ ①ダッシュボード系ライブラリ たとえば、上記の記事にも出てきますし、ネットでもかなり情報の多い、StreamlitやDashは項番1のダッシュボードライブラリに該当すると思いま
なぜ管理職は罰ゲームなのか。 - Qiita
はじめに タイトルでお察しかと思いますが、今回は「罰ゲーム化する管理職」の著者である小林祐児さんがPIVOTのYoutubeチャンネルに出演されており、そちらの内容が非常に素晴らしかったので、管理職の課題や対策について、記事にまとめたいと思います。 また、途中で出す資料はパーソル総合研究所の中間管理職の就業負担に関する定量調査からお借りしています。 中間管理職の課題 部下育成が不十分、後継者不足 働き方改革が進んでいるもの、現在の管理職は人手不足・ダイバーシティ・ハラスメント対応・人手不足などによって業務量が増加。 管理職本人の負担が増えている他、部下育成と後任者の不在という課題も抱えている。 昨今の働き方改革やハラスメント対応などにより、管理職の業務量は増加傾向にあります。 小林さんに言わせれば、「働き方改革は一般層の働き方改革」であって、それによって管理職の首を絞めていると。 業務量増
ひとり会社を起業したときにわからなかったこと｜Tetsuya Morimoto
ひとり会社を経営してこの4月から第6期になる。期間として次の12月で創業5年になる。先日、その5年近くの経営の中での失敗からのふりかえりについて書いたところ、多くの人たちに読んでいただいたので嬉しい。 この記事で引用した次の経理の書籍についても多くの人たちが読んでくれているようにみえる。それ自体は素直に嬉しいものの、約4年前の記事であるため、当時の私が起業に関して無知だったり、よくわかっていなかった内容もいくつかある。そこで現時点でのアップデートを含め、いま私が起業するならこうした方がよかったと、自身の経験からわかったことを整理してみる。 起業時に夢も希望もない私自身、先にあげた過去の記事を読み返していて、よい大人がひどい理由で会社を辞めたものだと思う。一方で世の中には既存の社会構造や組織に馴染めない人もいる。自分で会社を経営することは自己責任ではあるが、社会に対して馴染めないなにかを少し
ひとり社長の経理の基本｜Tetsuya Morimoto
2019年12月に自分の会社を設立した。 なんの考えもなく意味なく3月決算にしてしまい、4ヶ月弱で決算を迎え、2ヶ月以内に法人税を納める必要があるので5月に入ってから法人決算を行った。そのときに役立った本の紹介と実際に法人決算をやってみた経験談 (失敗談) を書いておく。 (2024-05-05 追記) 本稿の続編として時間が経ってからわかったことなどをまとめました。 法人設立のきっかけ仕事を辞めようと思ったとき、次にやりたいことはとくになかったし、40歳を超えて年齢的にも雇ってくれる会社をみつけるのは難しいだろうということは容易に予測できた。少し転職活動をしてみたものの、自分自身にやりたいことがないのもあり、あまり手応えを感じなかったので消去法のような流れで起業することにした。 私の場合、会社設立 freee を使って法人設立のための手続きをした。必要な手続きや書類作成など、法人登記まで
フロントエンドのスピードに置いていかれたので、よく聞く技術を調べて分類してみた
元フルスタックエンジニア(死語)をやらせていただいていたものです。 JavaScript(TS)周りの進歩が凄く、あまりにもついていけていなかったので、気になったワードを片っ端から整理してみました。 それぞれに対する説明の正しくないものが含まれてしまっている可能性があります。 そんなところを見つけたときは優しく教えてくださると助かります。 各ツールの詳細というよりは、それぞれがどんな役割のものなのかを記載しています。 この記事が誰かの助けになれば幸いです。 調査・分類した言葉(技術)たち Hono Bun Deno Biome Vite Webpack Turbopack esbuild Babel SWC Prisma まず上記に上げたものが、どういった機能を持つものなのかもわかりませんでした。 それを整理すると以下になるようです。 JavaScript Runtime Deno Bun
昔ながらの腹筋運動は無意味。専門家が勧める腹筋に効くエクササイズ
Hilary Brueck ［原文］ （翻訳：遠藤康子／ガリレオ、編集：増田隆幸） Apr. 29, 2024, 08:00 AM ライフスタイル 422,145 マンハッタンの最先端ジムの有名トレーナーからインディアナポリスにあるNational Institute for Fitness and Sport（NIFS）、アメリカ陸軍の体力テストまで、昔ながらの腹筋運動の評判は落ちる一方。 かつてはトレーニングの基本として欠かせなかった腹筋運動だが、科学的な研究で、ウエストを細くすることもなければ、お腹の脂肪を落とす効果もないことが分かった。また腹筋の強化あるいは柔軟性の維持、長距離走のための体力づくりにも最適な方法ではない。 アメリカ陸軍は、体力テストの一つとして数十年間行われてきた｢2分間の腹筋運動｣を2020年末までに徐々に廃止し、代わりに兵士の戦闘即応力の向上により有効なもの、具
EVERNOTEの日本法人、エバーノート株式会社が解散 サービス自体は継続 | RTB SQUARE
東京都中央区に拠点を構えるクラウド型のノートツール「EVERNOTE」を提供する日本法人であったエバーノート株式会社は、4月26日の官報にて解散することを発表しました。 同社は、2010年6月23日に設立。初代のVice President of Japanese Operationsは元ソニーの中島健氏が就任するなど話題を呼びました。その後、日本経済新聞社からの出資などもありましたが、近年ではユーザーが伸び悩み、各国で撤退が相次ぐ状況となっていました。 追記 Evernoteは、公式アカウントにて、「日本の Evernote 法人を閉鎖いたしましたことをお知らせします。ただし、日本法人の閉鎖は単に組織再編の一環であり、Evernote のお客様には実質的な影響はございませんのでご安心ください。日本国内のお客様はこれまでと同様に Evernote のご利用が可能です。ご混乱をお招きいたしま
滅びてほしい認証系の実装の話
こんにちは、富士榮です。 ちょっと前に某所でダメダメな認証系の技術実装ってなんだろうねぇ、、という話をしていたことをXで呟いたところ、色々とご意見を頂けましたのでまとめて書いておきます。 考えていると結局のところ、サービス提供側が意図していることとは全然違うことが起きている気がするので、この辺はしっかり考えて実装したいところですね。（実装ミスは問題外として） カテゴリ滅びてほしいもの実装側がやりたいこと利用者が感じること実際に起きていること代替手法認証CAPTCHAbot避けぐにゃぐにゃ文字が読めない バイクと自転車の違いとは？ユーザの離脱、カゴ落ちパスキーの利用 新しいタイプのCAPTCHA（通常は画面に出ない） リスクベース認証との組み合わせによる抑制認証パスワード誰でも使える認証手段の用意忘れる。複雑なパスワードをそれぞれのサービス毎に管理するのは無理パスワードの使い回し。パスワード
手芸用品・生地・ホビー材料専門店｜ユザワヤ公式ネットショップ
重要なお知らせ ユザワヤを偽ったサイトにご注意ください 重要なお知らせ ネット詐欺防止について 2023/10/1 10/1 12:00〜 サブスクの受付を開始しました！ 2023/8/1 8/1 12:00〜 サブスクの受付を開始しました！ 2023/7/1 7/1 12:00〜 サブスクの受付を開始しました！ 2023/6/3 オンラインでもオーダーカーテンがお買い物できるようになりました！ 2023/5/1 5/1 12:00〜 サブスク第3回目の受付を開始しました！ 2023/2/6 PayPay決済がお支払方法で使えるようになりました！ 2023/1/1 2023年毛糸福袋が販売開始しました！ 2023/1/1 1/1 12:00〜 サブスク第2回目の受付を開始しました！ 2022/12/1 2023SSビューティアンドカオスが販売開始しました！ 2022/11/1 11/1 1
「スピンオフが本編より人気と知名度出ちゃったパターンか」話が良く出来てる桃太郎はわかるけど、何で話が分かりにくい金太郎は国民的な昔話になったのか
前島賢(大樹連司) @MAEZIMAS 根本的な話として「桃太郎をヒロイックファンタジーの文体で語る」という時点でパスティーシュというコンセプトがちゃんと存在しているので、もう、ちゃんと面白くなっちゃってるんですよ…… 2024-04-16 22:38:12 前島賢(大樹連司) @MAEZIMAS まあ、それはそうと桃太郎、やっぱり話としてよく出来ているんだな。 明確なミッション：鬼を倒す 明確なキャラ付け：桃から生まれた 魅力的な「承」（結末の適切な遅延、ミッション達成にむけた段取り）：きび団子で三人の仲間を集める があり、逆にいらない要素がない…… 2024-04-17 18:26:32
2024年版 HTMLで作るフォームバリデーション - ICS MEDIA
すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今さら聞けないDocker入門 〜 Dockerfileのベストプラクティス編
デジタルスキル標準（DSS）活用事例集、リンク集 | デジタル人材の育成 | IPA 独立行政法人 情報処理推進機構
Gmailにメールが届かなくなる!? 5月中にやるべき対応策をマンガで教えてください！WACUL安藤健作さんに聞いてきた | Webのコト、教えてホシイの！
ハッシュタグ “あなたが一番怖ろしかった本” →分野を問わず続々と集まった作品がとても興味深い
