<div class="box1-green"> <div class="box-title">ここにタイトルを入力します</div> <p>ここにコンテンツを入力します。</p> </div>.box1-green{ margin: 2em auto; /* ボックスの余白 */ background: #eef8f3; /* ボックス背景色 */ border-radius:4px; /* ボックス角丸 */ max-width:600px; /* ボックス横幅 */ padding: 3.5em 2em 1.5em; /* ボックス内側余白 */ position:relative; /* 配置に関するもの(ここを基準に) */ } .box1-green .box-title { background: #58be89; /* タイトル背景色 */ color: #fff; /*
Webページキャッシュ検索 - 魚拓検索・閲覧
0rzTools Webページキャッシュ検索 Webページのキャッシュやアーカイブ（魚拓）を横断検索・閲覧するサービスです。 WebページのURL 検索 共有する Tweet
Rails.application.routes.url_helpers.root_url => "http://localhost:3000/"
GsonはGoogleスプレッドシートのデータをURLの入力だけで瞬時にJSON形式にコンバートされたURLを返してくれるWebアプリです。 使い方は他の同様のツールと同じで、CSV形式を選択して公開設定にしてから使えば良いみたいです。URLを入力すると瞬時にJSON形式で書かれたデータのURLを返してくれます。 楽でいいんじゃないでしょうか。尚、データは送信されないそうです。 ツールを使わない方法記事内容を否定するようで若干不本意なんですが、何のツールも使うことなくJSONに変える方法です。 前述と同じようにCSVで公開したシートのURLからスプレッドシートのIDをコピーして以下のURLのID部分にペーストします。 https://spreadsheets.google.com/feeds/worksheets/スプレッドシートのID/public/basic?alt=jsonサンプルと
GitHub - smallhadroncollider/brok: Find broken links in text documents
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
URLからドメイン、パス、プロトコル、GETパラメータなど各種情報を取得する | GRAYCODE JavaScript
ハッシュ（hash）とGETパラメータ（search）が混在するURLについては、全てハッシュ（hash）に含まれてしまうため注意が必要です。 以下の例はGETパラメータやユーザー名、パスワードを除いたURLで各プロパティの値を出力します。 index.js // https://gray-code.com:4000/test/index.html#section1 からURLオブジェクトを作成 var uri = new URL(window.location.href); console.log(uri.hash); // #section1 console.log(uri.host); // gray-code.com:4000 console.log(uri.hostname); // gray-code.com console.log(uri.href); // https://
SNSシェアボタンはAddToAny Share Buttonsといったプラグインや、無料テーマCocoonで簡単に利用できます。 しかし、次のような問題がある方もいるでしょう。 余分なプラグインをインストールしたくない テーマが変更できない この記事ではプラグインを使わずに8つのSNSシェアボタンを実装する方法を解説します。 今回利用するSNSシェアボタン Twitter Facebook はてなブックマーク Pocket LINE Feedly RSS single.phpに追加するタグ <ul class="socialBtn"> <li><a class="twitter icon-twitter" href="//twitter.com/intent/tweet?text=<?php echo urlencode(the_title("","",0)); ?>&<?php ech
1x1サイズのbase64透過画像 DataURI 以下のようにMIME TYPE + base64文字列をIMGタグから参照して利用する <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D" /> HTML5 Drag&DropAPI FileAPI UI関連はHTML5で実装 JavaScriptでバイナリデータ取得＆変換 XMLHttpRequestでURLから取得するパターン 参照先のサイト(サーバー側の設定)がクロスドメインに対応していないと取得できない Access-Control-Allow-Origin HTTP_Access_Control view source JavaScript (function(){ 'use stric
Webブラウザを必要に応じて切り替えている人は多いのではないでしょうか。開発用途、普段のブラウジングはもちろん、特定のサイトの場合だけIEを使わないといけない人もいそうです。 そんな方たちにお勧めしたいのがBrowser Chooserです。Webブラウザを自由に切り替えできます。 Browser Chooserの使い方 設定を促されます。 デフォルトブラウザをBrowser Chooserにします。 利用するブラウザを設定します。 そしてURLを開く際にWebブラウザを選択します。 Browser ChooserはURLごとに表示するWebブラウザを記憶できます。普段はGoogle Chromeにしつつ、特定の開発時にはFirefoxに切り替えるといった操作が手間なくできるでしょう。 Browser ChooserはVB.NET製のオープンソース・ソフトウェア（Microsoft Pub
API のドキュメントを読み漁っていると、Base64 Url Safe Encoding という記述を見ました。 LINE WORKS API - 顧客/取引先の連絡先の写真アップロード 何じゃこりゃ？('Д') 普通の Base64 Encode とどう違うの？？ ってなわけで調べてみました。 Base64 Encode まずは Base64 Encode について、改めて調べ直しました。 Base64 は、データを 64 種類の印字可能な英数字のみを用いて、それ以外の文字を扱うことの出来ない通信環境にてマルチバイト文字やバイナリデータを扱うためのエンコード方式。 A–Z, a–z, 0–9 までの 62 文字と、2つの記号 +, / さらにパディング（余った部分を詰める）のための記号として = が用いられている。 Base64 URL Encode URL に使用できる Base64
【PHP】出力したいテキストからURLを自動で検出し、aタグで囲んでリンク化する方法 2019 9/03 PHPでテキストの内容にURLが含まれていればそれを検出し、自動でURLをaタグで囲んでリンク化させる方法をメモ。 WordPressで、「カスタムフィールドの入力エリアにaタグ打ち込んでもエスケープ処理されてリンクにならない！」ってケースでURLをリンク化してほしい場合などに使えます。 流れとしては非常に単純で、正規表現でURL部分を検出し、preg_replaceでaタグで囲むように置換するだけ。 $text; //対象のテキスト $pattern = '/((?:https?|ftp):\/\/[-_.!~*\'()a-zA-Z0-9;\/?:@&=+$,%#]+)/'; $replace = '<a href="$1">$1</a>'; $text = preg_replace
WordPress: アイキャッチ画像URLの取得は get_the_post_thumbnail_url | WWWクリエイターズ
WordPressで、投稿のアイキャッチ画像のURL（文字列）を一発で取得する関数「get_the_post_thumbnail_url」が、Wordpress version4.4 でついにリリースされました！（２０１７年１２月） やった〜。逆になんでいままでなかったのでしょうか。 胸のつかえが取れた気分です。 アイキャッチ画像のURLを出力する関数 まずは関数です。ズバリ：the_post_thumbnail_url() // アイキャッチ画像のURL文字列を出力する the_post_thumbnail_url( 'medium' ); サイズは、’thumbnail’, ‘medium’, ‘large’, ‘full’, の中から好きにしてください。 引数で投稿IDを渡せないのは、不便ですが、the_xxxxの、theで始まる関数は、メインループ内での利用を意図されているというこ
2020/01/28 | lastmod: 2020/02/13 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります techHugoStatic Site Generator タイトルの通りです。 インプット・アウトプットを色々見直そうと思った一環なのですが、 しばらく触っていなかった Hugo (Static Site Generator) のテンプレートをあれこれ見直していたら、 なんだかよく分からない機能があれこれ増えていて、あるいはすっかり忘れてしまった機能もあったりしたので、改めて調べてみた記録です。 Hugo めっちゃ軽くて、 markdown や黒い画面とか触る人にはめっちゃおすすめな Static Site Generator なので、 使いたいけどよく分からない人は、こちらをさくっと読んでどんどん使っていったらいいと思います。 ページにど
A research-oriented top sites ranking hardened against manipulation - Tranco
Tranco A Research-Oriented Top Sites Ranking Hardened Against Manipulation By Victor Le Pochat, Tom Van Goethem, Samaneh Tajalizadehkhoob, Maciej Korczyński and Wouter Joosen Download the latest Tranco list The Chrome User Experience Report and Cloudflare Radar rankings have been integrated into the default Tranco list, starting from the daily updated list of August 1, 2023. The Alexa ranking has
サポートしてないwell-known URIs に対するステータスコードを確認する提案仕様 - ASnoKaze blog
Webの仕様ではWell-know URIとして特別なPathを指定するものがあります。 例えば、現在議論が進められている「A Well-Known URL for Changing Passwords」では .well-known/change-password をパスワード変更用のページにリダイレクトする特別なパスとして定義しています。 実際にtwitterやFacebookではすでに対応しています https://facebook.com/.well-known/change-password http://twitter.com/.well-known/change-password サポートしていないwell-known URIs に対するリクエストには200番台以外のステータスコードを返さなければなりません。しかし、実際にはリソースが存在しないのに200番台のレスポンスを返すサ
QR-Code
Show a QR-Code for the current URL (without relying on some third-party API).
特定のJavaScriptコードを実行することで、そのチャンネルの「すべて再生」のプレイリストを作成できます。 以前は、動画一覧ページにアクセスすると、「すべて再生」ボタンが表示されていました。しかし、2022年11月頃から、「最新アップロードされた動画」、「人気の動画」だけになりました。 チャンネルによっては、ホームタブ→動画の「すべて再生」ボタンがあるかもしれません。それをクリックすると、最新順で再生できます。 ただし、ここの項目は、チャンネル運営者が表示させているかどうかに左右されます。設定していない人のチャンネルでは表示されません。 そこで、自分なりに調べて、いちお解決策を見つけたのでメモしておきます。開発者ツール上で、JavaScriptコードを実行します。 最新順で、動画をすべて再生する方法アップロード順のすべて再生ページには、規則正しいURLが存在しています。そのページのUR
AmazonのURLを短縮する方法【公式のアドレスで短く】
Amazonで見つけた商品リンクをTwitterでシェアしたり、自分用にメモしたりする人って多いと思います。 でも普通にブラウザのアドレスバーのURLをそのままコピペするととんでもなく長いんですよね。 例えばAmazonでこの書籍『時間革命 １秒もムダに生きるな』のURLをコピペするとこうなります。 ブラウザのアドレスバーをタップしてURLをコピー。 そして貼り付けたのがこちら。 https://www.amazon.co.jp/%E6%99%82%E9%96%93%E9%9D%A9%E5%91%BD-%EF%BC%91%E7%A7%92%E3%82%82%E3%83%A0%E3%83%80%E3%81%AB%E7%94%9F%E3%81%8D%E3%82%8B%E3%81%AA-%E5%A0%80%E6%B1%9F%E8%B2%B4%E6%96%87/dp/4023318302/ref=
PHPでPOST送信まとめ - Qiita
PHPでのPOST送信には大まかに以下の様な4パターンほどの方法があります。 file_get_contents fopen fsockopen curl ただし、fopenに関してはfile_get_contentsとほぼ同じ様な処理なので、こういった方法もあるという参考程度にしてください。 簡単な送信であればfile_get_contentsを使う方法がベターです。 通信量が多い場合や、重い処理の場合はcURLを使うと良いです。 file_get_contentsを使った方法 $url = 'http://cppe.hol.es/post.php'; $data = array( 'msg' => 'メッセージ', ); $context = array( 'http' => array( 'method' => 'POST', 'header' => implode("\r\n",
コンテンツの更新で内容が変わるとき、URLはどうする？ 基本的には、従来のURLで公開しましょう | ひとりSEO担当者の疑問に答えます
コンテンツ更新時に、URLをどうするか今回の質問は「複数のページで構成されるコンテンツを更新し、まったく新しい内容に変える場合、URLはどうする？」というものです。ペンネーム「ぐにぐに」さんが寄せてくださいました。URLはそのままに内容だけを差し替えるか、新しいコンテンツを新しいURLで公開するかで悩んでおられるとのことです。 従来からあるコンテンツを更新するとき、URLをどうするかは悩ましい問題です。新しいURLで公開すると、しばらくの間だけ検索結果で優遇されることがある（フレッシュネスアルゴリズム）ため、ちょっとした部分的な更新にすぎないものでもURLを変えるケースがあります。そうしたものを見ると、やはりURLを新しいものにした方が良いのではないか、と悩んでしまうんですよね。 URLは変更しないことが原則そもそも論ですがURLは「Uniform Resource Locator」の略で
オンラインでなんちゃらが流行っています。流行っているというか、世界中がオンライン化しないといけない状況に追い込まれているっていうことですけれども、私も波に飲まれる前にうまく波乗りできるようがんばりたいと思います。まつもとです。今日はそんな私が実体験から「これ記録といた方がいいわ」と思ったことをレポートします。 なぜZoom→YouTubeなのか お菓子教室のレッスンを試しにYouTubeで配信したかったのです。なぜZoom→YouTubeなのか。一番大きな理由はYouTubeは1000名以上のチャンネル登録がないとスマホでライブ配信できないからです。固定カメラでよいならパソコンからYouTubeライブ配信できますが、料理教室で手元が見えず全体の定点カメラなんて観てる方はつまらないでしょう。調べたらZoom→YouTube連携という方法があることがわかりました。他にもライブ配信はありますが今
ブラウザからREST APIでAmazon S3にファイルをアップロードするときに気をつけること - Ponz Dev Log
書籍『AWSによるサーバーレスアーキテクチャ』(翔泳社)を読み進めているときにS3のファイルアップロード関連でつまづいたところが多々あったので、気をつけるべきところとして手順と一緒にまとめます。 AWSに関わる動的な処理を全てJavaScriptで実装することを選択した場合、AWS Lambda上ではAWS SDK for JavaScript一択ではありますが、ブラウザの場合は生のJavaScriptで記述することも可能です。 今回はブラウザ側で実行されるS3関連のコードをSDKを使わずREST APIで扱った時のメモです。 (書籍に従って生JSでゴリゴリ書きましたけど、潔くSDKを使えばこういったところで躓かなかったのではと思わずにはいられない。) www.shoeisha.co.jp やること 署名付きURLを発行する。 バケットのアクセス権限を設定する。 REST API経由でリク
全国的に普及している二次元コード（ＱＲコード）を巡り、不正なサイトの広告が表示されたり、クレジットカード情報の入力を求められるなどの被害が相次いでいる。従来の「フィッシング」詐欺は、メールやショートメールから不正サイトにリンクさせて個人情報を入力させる手口。一方で、メール内の不正サイトへのＵＲＬリンクをＱＲコードに置き換えたケースは「クイッシング」とも呼ばれ、情報セキュリティー会社は警戒を呼びかけている。 決済情報の入力を要求学習院大は、今年５月から配布している「大学案内２０２４」に掲載されていた「受験生応援サイトｉｎｔｒｏ！」のＱＲコードが、不正なリンク先に転送されていることが判明したと１０月３０日に発表。正しいＵＲＬを直接入力することなどを呼び掛けた。 また、カー用品店のオートバックスを運営する「オートバックスセブン」では１１月１３日、会員向けのダイレクトメール（ＤＭ）で、会員制度のリ
GitHub - D09r/Malware-Scanner: Malware & URL Scanner - A Chrome extension to lookup a Potentially Malicious Websites.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
はじめに こんにちは。CX事業本部の平屋です。 本記事ではPush通知に画像や動画などのファイルを添付する実装を紹介します。 iOS 10 で追加された User Notifications framework の機能を使用して通知へのファイル添付を実現します。 検証環境 macOS Mojave 10.15.3 Xcode Version 11.3.1 iPhone X, iOS 13.3 対応ファイル形式 画像、映像、音声 を添付できます。具体的な形式はSupported File Typesに記載されています。 添付ファイルはアプリ側でダウンロードする必要があります。アプリ側での処理に使えるのは 最大30秒 なのでファイルサイズはなるべく小さい方が良いです。 実装内容 Push通知に画像や動画などのファイルを添付するには、主に以下の処理をアプリに実装します。 プッシュ通知のペイロード
![[iOS] Push通知に画像や動画などのファイルを添付する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e52f95ab7a7691f980a3082e67f002d1ab1b55f/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F07%2Feyecatch_ios_1200x630.png)
DiffNow
統計学習の指導のために（先生向け）
概要 このコーナーのねらい このコーナーに掲載した資料は、主に中学校や高校で先生方が「統計」について指導を行う際、その導入あるいは発展をサポートするための素材として統計局で作成したものです。 今や「統計」は私たちの暮らしの様々な場面で広く活用されており、「統計」を読み解く力は社会人の持つべき能力として欠かせないものになっています。学校の授業の中でも、「統計」は「算数」、「数学」で教えられるだけではなく、「社会」、「地理」、「公民」など他の科目の中でも様々に活用されています。 このように「統計」はどの分野にもまたがる横断的な性格を持っていますので、「統計」を学ぶ上では、単に数学的な意味や取り扱いを理解するだけではなく、「統計」が社会の中で実際にどのように利用され、どのような意味を持っているのかという背景についても理解することが大切です。このコーナーが算数・数学の先生方だけでなく、社会科や理科
GitHub - short-d/short: URL shortening service written in Go and React
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
OSINT4ALL aims to provide practical & easy OSINT toolkit for researchers of all level to use.
自粛中に｢安全に子ども同士を遊ばせる｣新発想
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
Folks notice minor and larger issues with the URL Pattern Standard all the time and we'd love your help fixing those. Pull requests for typographical and grammar errors are also most welcome. Issues labeled "good first issue" are a good place to get a taste for editing the URL Pattern Standard. Note that we don't assign issues and there's no reason to ask for availability either, just provide a pu
【2024年版】URL短縮サービスおすすめ4選！｜AMNKER
Googleが提供するURL短縮サービス「Google URL Shortener」が2019年3月に終了してしばらくが経ちました。 すでに発行された短縮URLについては現在でも利用できますが、最近ではすっかり「goo.gl」を見なくなったように感じます。 信頼できる提供元で会員登録不要で利用も無料、アクセス解析も利用できたため当時は重宝していた方も多かったのではないでしょうか？ 終了から約2年がたったいま、Googleの代替サービスとなりそうなものがどれほどあるのか改めて調べてみましたのでご紹介します。 今回はGoogleの代替サービスということで、URL短縮機能はもちろん、無料でアクセス解析機能も提供しているものに限定してピックアップしてみました。 【国産サービス】 X.gd https://x.gd/ アクセス解析機能や開発者向け機能、ブラウザ拡張機能などが充実している無料サービスで
ransomwatch
the transparent ransomware claim tracker 🥷🏼🧅🖥️
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webブラウジングしていて、そのURLをスマートフォンやタブレットで表示したいと思うことが良くあります。そんな時に便利なのがQRコードで、カメラを使ってURLが送信できます。かつてはGoogleチャートが使えたのですが、QRコードは非推奨になってしまっています。 そこで使ってみたいのがQR-Codeです。Google Chrome機能拡張として今表示しているタブのURLをQRコードで表示してくれます。 QR-Codeの使い方 実行したところ。巨大なQRコードが表示されます。 QR-Codeは非常に大きなQRコードが表示されます。これならば少し離れた人でもコードが読み取れるでしょう。便利なのは外部のWeb APIなどを実行している訳ではないのでサービスがオフライン時でも使えます。 Q
Webブラウザは通常一つだけを使い続けますが、Webサイトによってはサポートされていない時があります。そうした時には特定のWebブラウザを立ち上げて使うことになるでしょう。この切り替えはとても面倒です。 そこで使ってみたいのがBrowserSelectです。リンクを呼び出し時にWebブラウザを切り替えられます。 BrowserSelectの使い方 起動するとインストールされているWebブラウザが並んで表示されます。 設定です。パターンを登録して起動するWebブラウザを特定できます。 デフォルトのWebブラウザに指定しておくと便利そうです。 BrowserSelectを使うことで特定のWebサイトだけ特定のWebブラウザに指定できます。ドメインごとの登録になるようです。銀行系、社内システムなど特定のWebサイトだけIEなどで起動できるようにすればストレスが少なそうです。 BrowserSel
ENCODEURL関数について 何故か知名度が低いExcelのENCODEURL関数とURLに使ってはいけない文字について解説。 Excel 2013以降から文字列をURLエンコードするENCODEURLという関数が追加された。 ENCODEURL(文字列) URL 形式でエンコードされた文字列を返します。 ENCODEURL 関数 - Excel 注: ENCODEURL 関数は Excel Online と Excel 2016 for Mac では利用できません。 ENCODEURL関数は、URL内にそのまま入力すると問題を起こす文字（＝URLとしての予約語や非推奨文字）をパーセントエンコーディングして、無害化してくれる便利な関数である。 例えば、以下のような数式を作成すれば、Google検索用のリンク表を作成することができる。 =HYPERLINK("https://www.goo
The problem with new URL(), and how URL.parse() fixes that | Kilian Valkhof
As someone building a browser I need to parse a lot of URLs. Partially to validate them, but also to normalize them or get specific parts out of the URL. The URL API in browsers lets you do that, but it’s ergonomics aren’t ideal. The problem with new URL() The “new” in front of new URL() indicates that it’s used as a constructor: calling it creates a new URL instance for you. When you give it a ma
まえがき 2020年入ってからFlutterの勉強を初めてきました。 今後いろんなパッケージをもっと勉強していきたいと思ってるので、人気なものをアウトプットとして記事にしていきたいと思います。 今回はurl_launcherと言うパッケージを紹介します。 これまで載せた記事 - shared_preferencesの紹介 - url_launcherの紹介←今これ - flutter_slidable アプリから指定したURLを開くためのパッケージ URLの開き方は、3つあります。 - アプリ内で開く - ブラウザに遷移して開く - ユニバーサルリンクでアプリに直接遷移(iOSのみ) それぞれのサンプルを用意しました。 他にも電話、SMS、メールもできるみたいですが、今回はそれらは扱いません。 電話はあまり使うイメージがないのと、SMSとメールはよくわからなかったでの、、、 サンプル im
Trailing Slashes on URLs: Contentious or Settled?—zachleat.com
After some discussion with Salma last week, I decided it was worthwhile to do a deep dive on Trailing Slashes in URLs. More specifically, which of these should I be using? http://zachleat.com/resource http://zachleat.com/resource/ I did what any curious but self-doubting person might do in this situation. I posted a Twitter poll. The results surprised me! But before we go much further, let’s go ov
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Cocoon】コピペで簡単！タイトル入力可のおしゃれなボックスを作る！
RailsのURLヘルパーで生成されるURLのスキーマをhttpsにする方法 - Qiita
Googleスプレッドシートを瞬時にJSON形式にするWebアプリ・「Gson」
任意のWebサイトで使われているWebフォントを調査、ダウンロードも可能なWebアプリ・「Font of Web」
WordPressに7つのSNSシェアボタンをプラグインなしで実装
画像からdataURLに変換
Browser Chooser - Webブラウザを手軽に切り替える
Base64 エンコードと Base64 URL エンコードの違い - Qiita
【PHP】出力したいテキストからURLを自動で検出し、aタグで囲んでリンク化するコード
Hugo をしばらく触ってなかったので、わかりやすくまとめ直した
【YouTube】最新順で動画を「すべて再生」する方法 | ナポリタン寿司のPC日記
Zoom→YouTubeライブ配信やってみた！注意点満載 | リトルヘルプのきょうしつの学校
ＱＲコードから不正サイト誘導、被害相次ぐ 「クイッシング」と呼ばれる手口も
[iOS] Push通知に画像や動画などのファイルを添付する | DevelopersIO
OSINT4ALL - start.me
GitHub - whatwg/urlpattern: URL Pattern Standard
QR-Code - 今表示しているURLのQRコードを表示
)
BrowserSelect - WebサイトごとにWebブラウザを指定
ExcelのENCODEURL関数と「URLに使ってはいけない文字」について - Qiita
【Flutter】人気なパッケージの使い方 〜url_launcher編〜 - Qiita