タグ

webに関するnatu3kanのブックマーク (834)

  • 「(HTML) + CSS」のみを使って、今「リアルな電卓」を作ってみた - Qiita

    続編を書きました。CSSも大幅改善してるので、一度見てみてください。 【小数点実装】「(HTML +) CSS」のみを使って、今「もっとリアルな電卓」を作ってみた - Qiita 完成品 まずは、CodePenで完成品を紹介します。ボタンを押して計算を試してみてください。 ※ スマホだと反応が悪い場合があります。 See the Pen qiita_calc_last by j5c8k6m8 (@j5c8k6m8) on CodePen. はじめに はじめて、CSS カウンター の存在をはじめて知ったときは驚きました。 テーブルの行番号は (必要であればJavaScriptで動的に) HTMLに記載するしか方法がない と思っていたからです。 Qiitaにも、CSSカウンターのサンプルを載せた良記事があります。 CSS でテーブルに行番号を振る - Qiita CSSで見出しタグに連番をつけ

    「(HTML) + CSS」のみを使って、今「リアルな電卓」を作ってみた - Qiita
    natu3kan
    natu3kan 2020/07/15
    色や図形を重ねていくのがIllustratorっぽい。
  • マネーフォワード、サービスのリニューアルに失敗・わずか1日で無かったことに : 市況かぶ全力2階建

    失言で静岡県知事を辞任の川勝平太さん、最後の最後にリニア新幹線に黄信号(制限速度45km/hで進め)を出す失言

    マネーフォワード、サービスのリニューアルに失敗・わずか1日で無かったことに : 市況かぶ全力2階建
    natu3kan
    natu3kan 2020/07/09
    マネーフォワードのバック。
  • 水樹奈々さん結婚おめでとうございます!発表のブログが落ちない理由(わけ) | DevelopersIO

    水樹奈々さん結婚おめでとうございます もう言いたいことは一行目で言いました。お疲れさまです。大村です。 日は弊社の16周年の記念日ですが、もう一つ、12時になって、水樹奈々さんのblogとファンクラブサイトにて、結婚のご報告がありました。 「いつも応援してくださる皆様へ - 水樹奈々 公式サイト NANA PARTY」 わー、おめでとうございます。 かれこれシスプリの亞里亞ちゃん前後からのファンなので、20年近くになるファンですが、今日ほどめでたい日もありません! お相手の音楽関係のお仕事をされている旦那さん、羨ましい!! 正確には入籍されたのが昨日ということですが、発表するのが7月7日のまさに"奈々"の日ということで、この名前を大事にしていることがわかります。 そこも大好きなところです。 今日はBGMに"7月7日"を聴きながら、じーんと涙を流しますよ!!(この曲の上松美香さんのアルパも

    水樹奈々さん結婚おめでとうございます!発表のブログが落ちない理由(わけ) | DevelopersIO
    natu3kan
    natu3kan 2020/07/07
    ドメインを逆引きしたらAWSのCloudFrontを使ってたよという話。
  • 【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい

    そうなんです。 2020年夏、ページの読み込み中にレイアウトがシフトしないように、img要素にはwidthとheight属性を記述するのがいいらしいんです。 <img src="link/to/image.jpg" width="300" height="400" alt="画像の説明"> その昔、これが普通の時代もあったんですけどね。レスポンシブな時代にはwidthとheight属性を書かないのが一般的(?)になっていました。また、widthとheight属性が記述してあってもCSSでwidth: 100%; height: auto;が指定されているとレイアウトシフトが発生してしまっていました。 参考: img要素のサイズ属性の記述の有無についてのTwitterのアンケート なんでいまさら? なぜなら、2019年の後半にブラウザにレイアウトシフトを回避するための新たな機能が実装されたか

    【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい
    natu3kan
    natu3kan 2020/07/02
  • NAVERまとめ サービス終了のお知らせ | NAVERまとめ公式ブログ

    平素よりNAVERまとめをご利用いただき、誠にありがとうございます。​ 突然ではございますが、NAVERまとめは2020年9月30日をもちましてサービスを終了することとなりました。​ ​ サービス環境・市場環境の変化による単独サービスとしての今後の成長性や、LINEグループ全体での選択と集中の観点などをふまえて検討した結果、今回の決断に至りました。​ ご愛顧いただいた皆様には残念な結果となり、大変心苦しい限りですが、なにとぞご理解をいただけますようよろしくお願いいたします。​ ​NAVERまとめはロボット型検索では得られにくい、人々の知見や観点を活かした検索結果の提供を目指して2009年よりサービスを開始いたしました。​ 約11年間という長い間、サービス提供を続けることができたのは、ひとえに利用者の皆様の支えがあったからこそだと考えております。この場をお借りしまして、重ねて御礼申し上げます

    natu3kan
    natu3kan 2020/07/01
    いまや、まとめ系のサービスも他のサービスでも気軽に作れるし、そもそもまとめ動画みたいに得てきた情報を動画にして広告費稼ぐのが主流って感じする。
  • 検索結果 ウェブ検索結果とは (ケンサクケッカウェブケンサクケッカとは) [単語記事] - ニコニコ大百科

    検索結果 ウェブ検索結果単語 ケンサクケッカウェブケンサクケッカ 1.6千文字の記事 17 0pt ほめる 掲示板へ 記事編集 概要関連項目掲示板検索結果 ウェブ検索結果 とは、2019~2020年ごろにGoogle検索で一番最初に出てきたウェブページのタイトルをGoogle ChromeChromium Edgeなどでコピー&ペーストしたときに出現していた文字列である。 概要 通常表示された一番最初のWebページのタイトルのコピペで出現していた。 つまり、Google検索結果の下記青字部分を行の先頭からコピペすると発生していた。 検索結果 ウェブの結果(サイトリンク付き) ニコニコ大百科 - あらゆる言葉を解説する辞書・辞典サイト dic.nicovideo.jp ニコニコ大百科はゲーム用語からアニメのキャラクター名、ネットで話題の単語など、あらゆる言葉についての定義や意味、元ネタを解

    検索結果 ウェブ検索結果とは (ケンサクケッカウェブケンサクケッカとは) [単語記事] - ニコニコ大百科
    natu3kan
    natu3kan 2020/06/29
    chromeの検索結果のハイパーリンクをコピペして貼り付けると頭に「検索結果 ウェブ検索結果」がでるから不便。
  • Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発

    Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発 WebブラウザにはJavaScriptを実行するためのJavaScriptエンジンが搭載されています。それはChromeであれば「V8」、Firefoxであれば「SpiderMonkey」と呼ばれ、それぞれのWebブラウザベンダがECMAScriptの標準に準拠したうえで独自に実装しています。 そしてJavaScriptは以前から正規表現の機能を備えているため、正規表現を解釈し展開するための正規表現エンジンもそれぞれのWebブラウザベンダが実装を行っていました。 その正規表現エンジンについてMozillaは今後、V8の正規表現エンジンのコードをそのままFirefoxのSpiderMonkeyに取り込むようにすると表明しました。 Mozillaはこれを実現するため、V8用の正規表

    Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発
    natu3kan
    natu3kan 2020/06/08
  • 普段使ってる便利なWebサービス教えて

    有料無料、有名無名問わず。 ブコメで見かけたRAINDROP.ioを知らなかったのがきっかけなんだけど 自分のネット環境が相当古くさくなってるようで、なんとか更新したい ミーハで恥ずかしいけど自分が普段使ってるものを何個か上げる 情報収集ははてぶとRSSリーダー、情報の整理はScrapbox、文章はDropbox Paper(NotionOneNoteは合わなかった) 音楽はYoutubeとSpotify、暇つぶしははてブ、Discordのチャット、Podcast 追記:出先なのであまり反応できない、たくさんありがとう、帰ったら読ませてもらいます 追追記:1000とかまじか。練に練ったうんこネタはぜんぜん反応ないのに…素朴に思ったことを書くのって大切だね 多すぎて試していくだけで半日かかりそうだ、とにかくありがとう、トラバもありがとう id:pptppc2 RSSリーダーはTiny Ti

    普段使ってる便利なWebサービス教えて
    natu3kan
    natu3kan 2020/05/25
    10年近く前に仕事のデータのやり取りでDropbox使ったくらいだなあ。今ならオンラインストレージも便利なのたくさんあるしな。はてブの過去ブクマの検索性が劣悪になったので別サービスに乗り換えたい気もしてきた。
  • トップページ | 読書人WEB

    なぜ、を読むのか? Why do we need to read books なぜ、を読むのか?書『読書人カレッジ2022』の執筆者の一人である明石健五は、それを「考えるため」であると言います。 ある未知のものに出会ったとき、そこに驚きと感動が生まれる。そうして、初めて自分なりに思考することができ、それを人に伝えることができるようにもなる。 そういう過程を生きられる人のことを、「知性ある人」というのではないか。では、「知性」を自らのものにするためにはどうすればいいのか。繰り返しになりますが、「読み」「考え」「書く」ことを通してしか感得できないのではないか。 新しい出来事や局面に出会い、答えのない問題を考えることで鍛えられていくものが、確かにある。そういう問題は、すぐれたの中にいくつも見つけることができます。 繰り返し考えることによって、自分の思考を鍛えていく。それによって、今の世の

    natu3kan
    natu3kan 2020/05/25
  • 2020年、セガサターンモデムでインターネット接続、出来るのか? - YouTube

  • 牧歌的 Cookie の終焉 | blog.jxck.io

    Intro Cookie は、ブラウザに一度保存すれば、次からその値を自動的に送ってくるという、非常に都合の良い仕様から始まった。 State Less が基だった Web にセッションの概念をもたらし、今ではこれが無ければ実現できないユースケースの方が多い。 冷静に考えればふざけてるとして思えないヘッダ名からもわかるように、当初はこのヘッダがこんなに重宝され、 Web のあり方を変えるかもしれないくらい重要な議論を巻き起こすことになるとは、最初の実装者も思ってなかっただろう。 そんな Cookie が今どう使われ、 3rd Party Cookie (3rdPC) の何が問題になっているのかを踏まえ、これからどうなっていくのかについて考える。 Cookie のユースケース Web にある API の中でも Cookie はいくつかの点で特異な挙動をする 一度保存すれば、次から自動で送る

    牧歌的 Cookie の終焉 | blog.jxck.io
    natu3kan
    natu3kan 2020/02/27
    便利な仕組みだったけど、善良に利用されなくなったから3rd Party Cookieは互換性を切られ片っ端からブロックされる流れになったと。
  • ロシア下院が「VPNやプロキシを禁じる新しい法案」を採択 | THE ZERO/ONE

    ミスティーノは、仮想通貨でも遊べるオンラインカジノです。仮想通貨での入金には、Bitcoin、Ethereum、Litecoin、Bitcoin Cashなどが使用できます。また、出金も仮想通貨で行うことができます。 また、ミスティーノでは、スロットやテーブルゲーム、ライブカジノ、ポーカー、ビデオポーカー、バカラ、サイコロなど、様々なオンラインカジノゲームが楽しめます。さらに、スマートフォンやタブレットでのプレイも可能ですので、いつでもどこでもカジノゲームを楽しむことができます。 実際にミスティーノで遊んでみた感想 ミスティーノでは、新規登録や入金などに応じて、さまざまなボーナスが提供されています。 新規登録ボーナスとしては、入金不要で手に入る「フリースピン」があります。また、入金ボーナスとしては、入金額に応じた「マッチボーナス」が提供されることがあります。さらに、プレイヤーのレベルが上が

    ロシア下院が「VPNやプロキシを禁じる新しい法案」を採択 | THE ZERO/ONE
  • 中東諸国のオンライン事情--テクノロジー普及の一方で強まる政府の規制

    多くの欧米諸国のユーザーが普通のこととみなしているオンライン上の自由は、当たり前のことと思いがちだ。だが、中東および北アフリカ(MENA)などのほかの地域では、オンライン上での活動が大きな問題になることもある。 中東諸国の政府は、インターネットとモバイルネットワークをブロックすることに抵抗感がないことが多い。そのような行動は、2011年のアラブの春の際にエジプトで顕著に見られたし、トルコでも定期的に発生している。イランやイエメンなどの国では、通信ネットワークは潜在的な戦場とみなされてきた。 ネットワークの大規模なインフラをブロックすることと並んで、YouTubeやそのほかのソーシャルネットワークといった特定のサービスもブロックの対象になることがある。こうしたサービスがブロックの対象になるのは、抗議活動や政変が発生したときだけではない。2016年夏、アルジェリアでは、学生が試験で不正行為をす

    中東諸国のオンライン事情--テクノロジー普及の一方で強まる政府の規制
    natu3kan
    natu3kan 2020/02/20
  • 【ロシア】インターネット通信を制限可能とする「ルネット法」とロシアの改正個人情報保護法|マンボウ|note

    極端な内容・真偽不明の情報でないかご注意ください。ひとつの情報だけで判断せずに、さまざまな媒体のさまざまな情報とあわせて総合的に判断することをおすすめします。 また、この危機に直面した人々をサポートするために、支援団体へのリンクを以下に設置します。 ※非常時のため、すべての関連記事に注意書きを一時的に表示しています。

    【ロシア】インターネット通信を制限可能とする「ルネット法」とロシアの改正個人情報保護法|マンボウ|note
    natu3kan
    natu3kan 2020/02/20
  • 村井純教授の1月16日最終講義全文書き起こし

    概要 「日のインターネットの父」と呼ばれる慶応大環境情報学部教授の村井純さん(64)が定年を迎え、16日、最終講義があった。村井さんは「インターネットに国境はない。国や政府が分断したり規制しようとしたりする試みは続くだろうが、若い人たちで守ってほしい」と呼びかけた。 https://www.asahi.com/ 村井先生の最終講義。16年ぶりに村井先生の講義を聞いて懐かしくなりました。せっかく良いことをたくさんおっしゃっていたので人力で書き起こしをしました。(Amazonウィッシュリスト) 共同授業担当 佐藤特任准教授(以下教員): そろそろ始めましょうか。 村井: はい。それでは皆さん、こんにちは。インターネットの、2019年秋学期の最終回ということで集まっていただきましてありがとうございました。学生は、履修者があふれるはずだけど来てない。ハハハ。その代わり、なんか変な普段見慣れない人

    村井純教授の1月16日最終講義全文書き起こし
    natu3kan
    natu3kan 2020/02/20
    国境を超え自由は古き良きインターネット。中国の金盾。ロシアのRunet法やYarovaya法みたく政府の検閲にない外資系Webサービスの締め出し。EUのGDPRと、ブロック化しつつあるよね。
  • TCP/IPをわかりやすく - 通信プロトコルの基礎知識を図解で学ぼう|ハイクラス転職・求人情報サイト AMBI(アンビ)

    TCP/IPをわかりやすく - 通信プロトコルの基礎知識を図解で学ぼう 現在のインターネットを支える技術であるTCP/IPについて、基礎となるプロトコル群と、TCPの基機能を丸田一輝さん、 中山悠さんに解説していただきました。 今からおよそ50年前、パケット交換方式による世界初のコンピュータネットワークであるARPANETが構築されました。それ以来、TCP/IP(Transmission Control Protocol / Internet Protocol)は通信を実現する基盤技術として使われ続けています。今ではパソコンに限らず、スマートフォンやゲーム機、センサー、最近では自動車など、無線通信機能を持ったさまざまな端末も含めコンピュータネットワークは構成されています。 その中でも「通信の信頼性を確保する」役割を担っているTCPは、その性質上、多くの機能を備えています。加えて、時代とと

    TCP/IPをわかりやすく - 通信プロトコルの基礎知識を図解で学ぼう|ハイクラス転職・求人情報サイト AMBI(アンビ)
    natu3kan
    natu3kan 2020/02/14
    図解で概念を学んでも、実際に使ってみないとpingとこないやつ。
  • Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita

    こちらに移行しました。(2020/05/16) 概要 Vue.jsで作成されたプロジェクトを紹介しているサイト 「made with vue.js 」があります。 面白くて役立ちそうなツールやサービスをまとめてみました。 UIコンポーネント VueSocial ソーシャルサービスのボタンを作成するVueのコンポーネント CKEditor 5 リッチテキストエディタのコンポーネント Vue.Draggable ドラッグ&ドロップのコンポーネント Vuetable 2 データテーブルのコンポーネント。demo vuejs-datepicker vueのdatepicker Kalendar Vueのカレンダーコンポーネント Vue Apexcharts SVGベースのグラフ可視化コンポーネント Vue.js Google Charts VueGoogle Charts vue-cart ショ

    Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita
  • 架空企業「オニギリペイ」に学ぶ、セキュリティインシデント対策

    架空企業「オニギリペイ」に学ぶ、セキュリティインシデント対策:徳丸浩氏が8つの試練を基に解説(1/3 ページ) ECサイトやWebサービスセキュリティインシデントを起こさないためには何をすればいいのか。2019年12月に開かれた「PHP Conference Japan 2019」で徳丸浩氏が、架空企業で起きたセキュリティインシデントを例に、その対策方法を紹介した。 ECサイトやWebサービスを提供する会社で発生したセキュリティインシデントに関するさまざまなニュースが後を絶たない。どうすればこうしたインシデントは防げるのだろうか。 『体系的に学ぶ安全なWebアプリケーションの作り方』(通称:徳丸)の筆者として知られる徳丸浩氏(EGセキュアソリューションズ 代表取締役)は、2019年12月に開かれた「PHP Conference Japan 2019」のセッション「オニギリペイのセキュリ

    架空企業「オニギリペイ」に学ぶ、セキュリティインシデント対策
  • ゲーミングお嬢様 3話 - ジャンプルーキー!

    僕は格ゲーやってるとよくお嬢様になりますわよ。 https://twitter.com/daiwithnani

    ゲーミングお嬢様 3話 - ジャンプルーキー!
    natu3kan
    natu3kan 2019/12/29
    チームで戦うゲームは、ハズレの仲間がそろった時に敗戦処理になるのわかっていながら、戦うのが人生の苦みを味わえる。けど、自分が戦犯だって気が付いてなくて他人のせいにできるゲームでもある。
  • ほんとうに酷い。Dropboxのサポート - Qiita

    Help us understand the problem. What is going on with this article? さくらインターネットの投稿が一世を風靡したので、私も負けじと投稿します。私のは、DropboxのCSに関する報告です。さくらさんほどじゃないですし、無料のサービスではあるんですけど、こっちも酷いとは思います。これも消されるんでしょうか? そもそも 元々の問い合わせは「SlackとDropbox Paper連携プラグインが上手く動作しない」ということでした。 それ自体は、日からエスカレーションされた(社の人と思われる)外人とやり取りして、すぐに解決したので何の問題もありません。酷かったのは、エスカレーションされるまでの「日法人のCSの対応」です。 やり取り(1回目) まず、最初に連絡したとき、不具合が発生するまでの手順をキャプチャ付きでDropbox

    ほんとうに酷い。Dropboxのサポート - Qiita
    natu3kan
    natu3kan 2019/12/29
    こういう洋物のサービスの低Tierのオペレーションって、ただ特別な操作が可能な権限を持ってる程度の素人だから、専門的になりそうな事はすぐ高Tierにエスカレする仕組みにしないとお互いに不幸になるからなあ。