[B! web] sds-pageのブックマーク

Webサービス公開前のチェックリスト

個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。セキュリティ認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていることサブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお

sds-page 2024/07/05

こういうのチェックしてくれる会社なかったっけ。内部の人間が手動でチェックするってなるとまた別の問題が起きそう

リンク

PythonだけでWebアプリが作れるライブラリが増えている（2024.05） - Qiita

※本記事で言及しているReflexのdiscord内に日本語チャンネルをつくってもらいました。もし、興味をもった人がいたら参加してみてください。1．PythonだけでWebアプリをつくるライブラリが増えている最近︵2024.05︶、Python界隈ではPythonだけでWebアプリが作れるライブラリが増えています。詳しくは他の記事を参照してもらえればと思います。以下の記事がとても参考になりました。ありがとうございます。2．ライブラリの分類こうしたライブラリも大きくわけて2つの種類があるように思います。 ①データ解析の結果を表示するダッシュボードライブラリ ②汎用的なWebアプリをつくるローコードライブラリ ①ダッシュボード系ライブラリたとえば、上記の記事にも出てきますし、ネットでもかなり情報の多い、StreamlitやDashは項番1のダッシュボードライブラリに該当すると思いま

sds-page 2024/05/06

JavaScriptは派生言語が多すぎて何が何やらわからん。どうせ変換してJavaScriptになるならpython一本でいきたい

リンク

UDデジタル教科書体のバリエーション

Windows10以降のWindowsに標準搭載されるようになった﹁UDデジタル教科書体﹂というフォントがある。游ゴシックに並んで書体が美しいフォントで、そこらへんのチラシや張り紙などで濫用されているのをよく目にするだろう。だがUDデジタル教科書体はバリアントが6種類もあって、それぞれがどんなフォントなのかわかりにくい。Word でバリエーションを選ぼうとすると、一覧にはこんな風に並ぶ。UDデジタル教科書体 N-B UD デジタル教科書体 NK-B UD デジタル教科書体 NK-R UD デジタル教科書体 NP-B UD デジタル教科書体 NP-R UD デジタル教科書体 N-R フォント名を単純に昇順で並べただけで、バリアント順になっていない。これでは何がなんだかわからないので整理してみよう。書体名和文欧文ウエイトUDデジタル教科書体 N-R等幅等幅標準UDデジ

sds-page 2024/03/26

NT-Dにしましょう

リンク

ここ1~2年くらいで使えるようになった(主要ブラウザーの最新版がすべて対応した ) ウェブの新機能についてランダムに喋る!

2024.03.15 福岡フロントエンド勉強会 #1

sds-page 2024/03/18

CSSがプログラマブルになってきた。PHPで動的に生成してJavaScriptで動的に変更してCSSで動的に適用して･･･画面サイズもブラウザも多種多様なユーザー側でどう見えるかもうわからん

リンク

あなたが教わってるそのCSSテクニックはもう古い｜ TAKLOG

Xの初学者のポストにて古の手法を教わっている方をよく見かけるので、2024年現在そのCSSテクニックはもう古いってものをいくつか列挙しました。ブロックのセンタリングに margin を使うなら margin-inline:auto を使いなさいmarginを使ってブロックのセンタリングを行う際によく教わるのはmargin:0 autoあるいはmargin:autoでしょう。

sds-page 2024/03/16

CSSは魔境過ぎる

リンク

Web版VSCodeがDockerコンテナをWASM環境で起動、Webブラウザ内ローカルマシンとして利用可能に。拡張機能「vscode-container-wasm」登場

Web版VSCodeがDockerコンテナをWASM環境で起動、Webブラウザ内ローカルマシンとして利用可能に。拡張機能﹁vscode-container-wasm﹂登場 WindowsやMacなどのデスクトップPCでVisual Studio Code︵以下VSCode︶を利用して開発をする場合、同じローカルマシン上でDockerコンテナのLinux環境を起動し、VSCodeのターミナルで接続して操作することは、開発環境としてよくあることだと思います。これと同じことをWebブラウザ版のVSCodeでも実現する、すなわちWeb版VSCodeが同一Webブラウザ上にWebAssembly化したDockerコンテナを起動し、Web版VSCodeからローカルマシンとして接続し利用できる、実験的実装を実現したVSCodeの拡張機能﹁vscode-container-wasm﹂が登場しました。V

sds-page 2024/02/14

やりたい事はわかったけど具体的な実装に理解が追いつかない

リンク

google検索の劣化して専門家はdiscordに行ってしまいインターネットには屑情報だけになってしまった - orangestar2

またはてないじりの漫画描いてごめんなさい…。でも思いついたら描かないでいられなかったのと、あと、自分が描かなかったらだれが描くんだろう、だれが人力検索はてなのことを思い出すんだろうと思って……。 q.hatena.ne.jp 人力検索はてな www.gizmodo.jp この記事にある通り、最近はさらにひどくなってる。生成AIによって記事の作成が容易になってるのもあるんじゃないかな。よくわかんないけど。 goldhead.hatena blog.com また、このエントリには全面同意で、本当に個人の記事にたどり着かなくなった。それに伴い、特殊な事例の処置の仕方︵昔は大抵個人がメモっていて、そういうのがヒットした︶も全然わからなくなった。野生の専門家がまとめた特定の分野に詳しいホームページが２０００年ごろは結構あったんだけれども、そういうものも一切ヒットしなくなった。まず、そういう静的にまとめ

sds-page 2024/02/14

Googleの広告モデルがGoogle自身の首を絞めてる感じ。広告やインプレで小銭を稼げるようになるとろくでもない連中も沸いてくる

リンク

本日の趣味プログラミング

増田に入り浸ってばかりで、趣味でやってたプログラミングをもう忘れてしまった。どうしたものか・・・・　と悩んだ末、なんか作業してここで成果の報告をすれば両方楽しめるのでは？と思いつく。三日続けば奇跡だがとりあえずやってみよう・・・といってもねぇ、別に作りたいものがあるわけでも、あったところで作れる技術があるわけでもなく・・・・とりあえずLarabelでサンプルのプロジェクトを作成するか (環境の構築は前々からやってあった。説明はクソめんどいというか、もう忘れたので省略) コンソールでプロジェクトを作成するコマンド実行 composer create-project laravel/laravel example-app_20240130 ブラウザでindex.phpにアクセスする。よし開いた！プログラミングとは言えない気がするが今日はここまで！もう飽きてるから明日があるかはわからな

sds-page 2024/01/31

フレームワーク系、やっと覚えたころに時代遅れ言われるんだよなぁ。CakePHPとかCodeIgniterとかjQueryとか

リンク

デイリーポータルZは2024年1月1日から運営会社が変わります :: デイリーポータルZ

デイリーポータルZは2024年1月1日から運営会社が変わります。新しい運営会社は﹁デイリーポータルZ株式会社﹂です。独立します流浪のサイトとして運営会社が2回変わってきましたが、ついにデイリーポータルZ株式会社になります。代表は私、林がつとめます。これまでお世話になったみなさま、ありがとうございました！そして支えてくれた読者のみなさま、これからもよろしくお願いします！サイトは変わりません、もっとおもしろくなりますサイトは変わりません。暖かい靴下専門サイトになることも考えましたが、冬しかアクセスがなさそうなので踏みとどまりました。これからも楽しく、読んだ人の気分を良くするサイトであり続けます。来年からはデイリーポータルZのための組織で間接業務が少なくなりますし、出張申請せずにどこにでも行けます︵ただし全部高速バス︶。思いつきを実現できる環境になるのでサイトはもっとおもしろく

sds-page 2023/12/20

リンク

デジタル庁でjQueryが何をしているのか - laiso

TL;DR: jQueryはDrupalのバーターリニューアルするたびにWeb界隈の一斉レビューを受けることでお馴染のデジタル庁ポータルサイトがいつの間にかまたリニューアルされていて、フロントエンドがNext.jsからDrupalに変わって話題になっていたので1、私も旅券所持者として国政に関心を持ってゆくまた、まわりのフロントエンドエンジニアの間でjQuery氏の入庁について﹁モダンブラウザ全盛の時代に必要か？﹂と疑念がとなえられていたので、これも追求してゆきたいどのような変更があったのかシステム変更の経緯はプロジェクトの関係者であるHal Sekiさんの発言が正確なところだと思う Drupalが話題ですが、元々CMS側は2年前からずっとDrupalだったんです。設立当初はサイトもシンプルだったのでフロントエンド側はNextjsでヘッドレス構成だったのですが、構成が複雑になってきて

sds-page 2023/12/15

リンク

35歳未経験ですがこれからWebエンジニアになるのは厳しいでしょうか？

現在はダラダラとフリーターを続けてきてしまったのですが、まともな職につきたいと思って一番最初に浮かんだのがWebエンジニアでした。プログラミングの経験はありませんが、昔からPCは触っていて、中学生の頃に一時期HTMLを書いてホームページを作ったりしたことはあります。ネットで30代未経験からWebエンジニアになったという記事をよく目にするのですが、どれくらい信じて良いのでしょうか…。

sds-page 2023/09/20

トラバにあるけどCAD覚えて土木関係や建築関係目指そう

リンク

Ajaxから始まった一つの時代の終わり

最近の流れを見ていての感想文なので、ideaとして投稿します。筆者のバックグラウンドとしては、Remixの商業記事を書いたり、App Routerの商業記事を書いたりしている人です。さて、筆者は2022年の秋から、社内システムではありますがRemixをプロダクション運用しています。また、Next.jsのApp Routerについても、パラダイムとしてはRemixにインスパイアされた部分が多い[1]おかげで、順調にキャッチアップできています。RemixとApp Routerは、ルーティングとデータフェッチを高度に統合しており、Progressively Enhanced SPA︵PESPA︶と呼ばれることもあるそうです。PESPAについては、次の記事が話題になりましたね。このPESPAであるRemixを実運用する中で、フレームワークの手触りが近年触ってきたものと大きく違っている点があっ

sds-page 2023/07/12

数年でコロコロトレンドが変わって追いつくのが大変だ

リンク

中止ボタンがしいたけに見えて困る - Object.create(null)

令和最新版. Vivaldi でアイコンがカスタマイズできるようになっているテーマ設定画面を眺めていたら, Vivaldi 6.0 からツールバーのアイコンがカスタマイズできるようになっているのに気がつきました. 流石 Vivaldi です (?) vivaldi.com しいたけ復活こうなっては中止ボタンをしいたけにするしかありません. しいたけアイコンは以下で用意されていたものを拝借します*1. バッテン髪飾り派の人も安心. momizine.hatenadiary.org というわけで完成です. フラットデザイン全盛の時代にスキュモーフィックしいたけが悪目立ちしていて最悪ですね. *1:画像の究極の出典ではないかもしれないので, そのあたりの扱いは自己責任で

sds-page 2023/05/28

しいたけに見えるならしいたけにしない理由はないね

リンク

情報処理推進機構（IPA）のサイトが刷新されるもあちこちリンク切れ、みんなガチギレ／過去記事を参照できなくて困るという方は「Wayback Machine」などの導入がおすすめ【やじうまの杜】

sds-page 2023/04/03

情報処理へたくそかよ

リンク

避けては通れないスマホゲームのサ終問題「400万円課金しても何も残らない虚無感」 | マネーポストWEB

いまやすっかり定着したスマホゲーム。買い切り型の家庭用ゲームとは異なり、基本無料でプレイが可能で、アプリ内で課金するスタイルが一般的だ。だからこそ、手軽に始められるわけだが、その一方で﹁サービス終了﹂︵通称﹁サ終﹂︶になると、もうプレイすることができなくなる。それまで散々課金してきたゲームが終了する時、プレイヤーはどのような心境になるのか。サービス継続を願って課金してきたのに… ﹁サ終は、一言でいえば、﹃虚無感﹄ですね。普通のゲームと違って、スマホゲームってデータなので、ほとんどのタイトルは形として残らない。最初から理解していることではあるのですが、改めてそこに向き合うことになります﹂そう話すAさんは、IT企業に勤務する30代男性。スマホゲームのサービス終了を何タイトルも経験し、﹁それなりの車が買える金額が水の泡になった﹂と苦笑する。最近は大手ゲームメーカーが手がける有名タイトルでも、

sds-page 2023/02/25

すべてのガチャ排出物はNFT化すべきである

リンク

わいテクノロジー化石おじさん、いまどきAjaxって呼ばれないことに震える

SPAってゆうのねエイジャックスとか言ったら若者に鼻で笑われたわ

sds-page 2022/12/31

スパ？温泉か？

リンク

2022年のモダンCSS改

7/27（水）開催の「TechFeed Experts Night#1 〜 Web標準 / CSS / Webアクセシビリティを語ろう」で発表した内容です https://techfeed.io/events/techfeed-experts-night-20220727 スライド内のリンクがクリックできるPDF版はこちら https://drive.google.com/file/d/1fc98v082exdGcCuxS73wEN_Qe2COvdTW/view?usp=sharing 各デモURL ■ 上下左右中央揃え https://codepen.io/tonkotsuboy/pen/qBbpYzj ■ スムーススクロール https://codepen.io/tonkotsuboy/pen/NWyNMOo ■ すりガラス https://codepen.io/tonkotsuboy

sds-page 2022/07/28

CSSはdisplayプロパティがヤバい。便利に使えるけどdisplayプロパティに依存して挙動が変わったり全然効かなかったりで魔境めいてる

web
css

リンク

スティーブ・ジョブズが「世界一普及した動画フォーマット」を葬った裏事情 | AppBank

*Category‥テクノロジー Techno logy｜*Source‥Apple Explained ,wikipedia Appleは、なぜiPhoneに﹁Adobe Flash﹂をサポートさせなかったのか？﹁Adobe Flash﹂は、NewgroundsやHomestarrunnerのようなインターネットの初期の時代に、よく利用されていたマルチメディア技術です。この技術は、Mac、PC、Linuxのいずれを使用していても、コンテンツを表示することができます。そのため、Flashは人気を高め、多くのWebサイトで使われるようになりました。しかし、今のインターネット環境では大きく状況が違います。なぜなら、Flashは消滅したからです。実は、Flashの消滅にはAppleが大きく関係しています。 Flashの歴史は、1993年の﹁SmartSketch﹂というソフトウェアから始ま

sds-page 2022/05/16

脆弱性の問題からいずれ消えゆく運命だったのだろう。エロフラの代わりになる技術あるかなぁ？技術と性欲を持て余した連中は別の何かに流れてそう

リンク

「PyScript」はJavaScriptのようにPythonコードをHTML内に記述して実行可能、Anacondaがオープンソースで公開

「PyScript」はJavaScriptのようにPythonコードをHTML内に記述して実行可能、Anacondaがオープンソースで公開 Pythonの主要なディストリビューション「Anaconda」などを提供しているAnaconda社は、HTML文書の中にJavaScriptと同じようにPythonのコードを記述し、実行可能にする「PyScript」をオープンソースで公開しました。 Did you hear the news from PyCon!? We are thrilled to introduce PyScript, a framework that allows users to create rich Python applications IN THE BROWSER using a mix of Python with standard HTML! Head to h

sds-page 2022/05/09

今のところは何とも言えんな

リンク

バーグハンバーグバーグ社員に便利なChrome拡張機能を聞いてみた | オモコロブロス！

みんな大好きGoogle Chromeですが、﹁拡張機能﹂を使えばさらに自分好みのブラウザにカスタマイズすることができますよね。世界中の人々によって様々な便利機能が開発されており、Chromeウェブストア上でプログラムを更新するだけでそれらが使えるようになるんです。そんな拡張機能ですが、﹁量が多すぎて、どれを使えばいいかわからん﹂状態になっている人も多いのではないでしょうか。なので、今日はオモコロブロスの運営会社でもあるバーグハンバーグバーグの社員たちに実際に使っているChrome 拡張機能を聞いてみました。いいものを探すのはめんどくさいし、人から聞くのが一番手っ取り早いもんね！ 01.Amazonの値段変動がわかる機能 Keepa – Amazon Price Tracker amazonの値段の変動が見られる機能です。いつ安くなったのかをグラフで確認できるので、買い時を考える時に

sds-page 2022/04/06

アカウントの同期でChrome拡張も同期できたと思う

リンク

はてなブックマーク

タグ

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

webに関するsds-pageのブックマーク (158)

お知らせ

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

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

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

公式Twitter

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

はてなブックマーク

公式Twitter

はてなのサービス