[B! webサービス] hideharaのブックマーク

hidehara id:hidehara

webサービスに関するhideharaのブックマーク (111)

2021年にLet’s Encryptのルート証明書が変更！影響や備えておくべきこととは？ | さくらのSSL
Let’s Encryptのルート証明書とは？ Let's Encryptを運営している非営利団体のISRG（Internet Security Research Group）は2014年に設立された新しい認証局です。もちろん、当時は設立されたばかりなのでISRGのルート証明書は様々な端末にインストールされていませんでした。そのため、別の認証局であるIden Trustが2000年に発行した「DST Root X3」というルート証明書を利用し、クロス署名された中間CA証明書を現在も利用しています。この間（2014年～現在まで）ISRGは何をしていたかというと、各OS（Windows、Mac、Android等）やMozilla（Firefoxブラウザの開発元）に対して、自社のルート証明書である「ISRG Root X1」をインストールしてもらうようにお願いをして、徐々にインストール済み端末
hidehara 2021/10/01
Let's Encrypt の古いルート証明書「DST Root X3」が2021年9月30日で切れたのか。Android7.0以前は、新しいルート証明書ISRGを持たないらしく、本日何かがおこっちゃう？

infrastructure

webサービス
リンク
IANA-managed Reserved Domains
Certain domains are set aside, and nominally registered to “IANA”, for specific policy or technical purposes. Example domains As described in RFC 2606 and RFC 6761, a number of domains such as example.com and example.org are maintained for documentation purposes. These domains may be used as illustrative examples in documents without prior coordination with us. They are not available for registrat
hidehara 2021/09/27
あ、知らなかったこれ > 説明に役立ついくつかのドメイン example.com や example.org は、ドキュメント利用目的にIANAが管理。

infrastructure

考え方

webサービス
リンク
HTTP/3 とは？
～通信プロトコルQUICでウェブアクセスが高速に～ HTTP/3 とは、2015 年5月に規格化された HTTP/2 よりウェブサイトの表示速度をさらに高速化するための通信プロトコルのバージョンで、ネット通信の高速化とセキュリティ強化への期待から、今後ブラウザ実装が進み普及していくことが予想されます。通信プロトコルなどインターネット技術の標準化を推進するIETF︵Internet Engineering Task Force︶は、2021 年5月27日︵米国時間︶に、通信プロトコルであるQUIC︵Quick UDP Internet Connections︶を標準化した技術仕様 RFC 9000 として承認しました。QUICとは？QUICは、インターネット黎明期から使われている TCP︵Transmission Control Protocol︶の代替を
hidehara 2021/08/25
もう HTTP/3 なのね、変化がはやい。TLS1.3の暗号化通信必須でポート443/UDPが前提とのことで、IT部門さん側の様々な対応も必要そう。

infrastructure

webサービス
リンク
ブラウザで動画編集! ffmpeg.wasmの活用方法紹介 | さくらのナレッジ
こんにちは!テリーです。コロナのワクチンができたかも!?といううれしいニュースが話題になりましたね。自宅引きこもり生活もそろそろ終わりが見えてきたでしょうか。多くの芸能人がYouTubeにチャンネルを開設してくれたおかげで、入浴中に10分程度のお気に入りチャンネルを毎日見る習慣ができてしまいました。自分もヒカキンのようなYouTuberになって一儲けしてやろうと思い立ち、スマホで撮影してみましたが、編集の大変さでギブアップしてしまいました。オンラインで動画編集して、誰かに作業を手伝ってもらったり、アドバイスしてほしいですよね。そこで今回は、ブラウザで動画編集するのに役立つ最新技術をご紹介します。今回紹介する技術 rnnoise-wasm ffmpeg.wasm wasmとは wasmはWebAssemblyの略称または拡張子で、ワズムまたはワスムと読みます。WebAssemblyとは、
hidehara 2021/01/07
wasm凄い！ ffmpeg がブラウザで動いちゃう！？サーバー側にデータあげてないのがいいねぇ

webサービス

programming

javascript
リンク
新卒１年目が荒れ果てた開発環境に１年間でCIを導入し単体テストを布教した話 - Qiita
この記事は﹁Develop fun!﹂を体現する Works Human Intelligence Advent Calendar 2020 21日目の記事です。昨日の記事は@sparklingbabyさんのStream API がもっとわかる記事でした。あらすじ私は2019年にWorks Human Intelligence︵正確には分社前の会社︶に新卒入社し、19年10月からプロダクト開発部門に配属され、SETエンジニアとしてとある製品のJava開発環境の改善に取り組んでいます。ざっくりとプロダクト開発を紹介するとこんな感じです。3万クラス程度ある大規模Java Webアプリケーション開発環境はEclipseを使用開発者のOSはWindowsのみ Before 私が開発チームに参加した時点では部門として新規開発に注力しており、足下の環境改善をやる担当者がおらず、い
hidehara 2021/01/05
このように順序立てて話ができると受けても受け入れやすいよね。対応の順番も、とても理にかなってるように思う。メモメモ。

あとで読む

考え方

development

webサービス
リンク
DMM動画サービスの問題を解決しようとしている話（再生URL生成API編） - DMM inside
｜DMM inside
hidehara 2020/12/14
どんどん、このような事例が増えていくんだなぁ。キャッチアップしていかないと。

あとで読む

infrastructure

webサービス

development
リンク
JavaScriptの「コールバック関数」とは一体なんなのか
近年のフロントエンドの盛り上がりはすごいですね。プログラミング初心者がJavaScript︵最近ではTypeScriptも︶から学び始めるなんて昔ではなかなか考えられなかったことです。そんな世界中で大人気のJavaScriptですが、プログラミングに慣れていても困惑する部分が結構あります。特に初心者にとっては、非同期処理、this、コールバック関数、あたりが難しいのではないかと思います。非同期処理については前に解説しましたし、thisの解説はネットに大量に転がってるので、今回はコールバック関数について解説します。コールバック関数ってなんなんだコールバック関数というとsetTimeoutなんかで使われるアレですね。Node.jsでもたくさん使われます。setTimeoutだと以下のような使い方になります‥ setTimeout(function() { console.log('He
hidehara 2020/10/08
とてもすっきり理解できた setTimeout, setInterval などから Promise まで

javascript

webサービス
リンク
Modern Web Development on the JAMstack を読んでまとめた - console.lealog();
https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf Netlify社が2019年に公開した本？PDFです。せっかくJamstackの会社に入ったので、読んでおかないといけない気がして。あとJamstackは人によって解釈が違ったりするとし、Jamstackの真髄について知っておきたいですよね？と思い。ただこれなんと127ページもあるんですよね〜。全編もちろん英語なので、読むのも中々に大変ですよね〜。てなわけで、ざっくり訳してまとめまておきました。︵それでも長いけど︶はじめにここ最近のWebの進化はすさまじいブラウザもJavaScriptもパワフルになったその分ユーザーの要求も増えるやることが増えると処理は遅くなる遅いページは見向きもされないモバイル当たり前の世界だ
hidehara 2020/10/01
JS / API / Markup で JAMstackと呼ぶのか。ああ、これだよ。20年前には手作業だったやつの解決方法は。たぶんCMSの80%は置き換え、世のWAFの仕事を奪えるぜ！

考え方

infrastructure

development

webサービス

webデザイン

security

javascript
リンク
ウェブ表彰 | 気軽に誰かを称賛しよう
ウェブ表彰は手軽に表彰状を作成出来るサービスです。スゴいと思ったものや頑張ってる人を気軽に褒め称えましょう。
hidehara 2018/07/11
あ、こういうの初めて w たのしそう

webサービス
リンク
Web管理画面設計ツール | backsite -バックサイト-
Web管理画面設計ツール | backsite -バックサイト- 無料登録で誰でもカンタに使え、画面項目を設計したらスグにレビューでき、HTMLモックアップ作成の手間を完全簡略化する画期的なツールです。
hidehara 2018/03/02
管理画面設計ツールとは! 大きなプロジェクトの時には、便利そう。

webデザイン

webサービス

デザイン
リンク
「URLの長さは2,000文字より短くした方がいい」とGoogleのMueller氏がアドバイス｜ SEOモード
﹁URLはどれくらい長ければ長すぎるといえるのでしょうか﹂という質問が英語版ウェブマスターフォーラムに投稿され、John Mueller氏が﹁2,000文字より短くした方がいい﹂とアドバイスしています。投稿された質問は以下です。 URLはどれくらい長ければ長すぎるといえるのでしょうか？私たちが使っているツールによれば、http://www.tlcingredients.com/about-us…が長すぎるというのですが、本当でしょうか？ Mueller氏は次のようにアドバイスしています。私が知っている限りでは、理論上長さの制限はありません。しかし、管理できるようにしておくために、2000字よりも短くしておくことをお勧めします。あなたの挙げたURLはそれよりはずっと短いようです。だから長さには問題ありません。(…) Mueller氏のいうように基本的にURLはできるだけ短くまとめた方がい
hidehara 2017/06/17
RFC 2616 では制限が設けられていないが、ブラウザ実装（IE : 2083文字）、サイトマップXML（2048文字以下）との制限あり。サーバーが処理出来ないときは 414（Request-URI Too Long）をレスポンス。

infrastructure

Web

webサービス
リンク
androidアプリのアイコンを自作する時に使ったフリーのWebツールまとめ - 16bit!
連休中暇だったので、ちょっと簡単なAndroidアプリでもつくってみようと思って作っていました。開発的なメモは別途書くとして、とりあえず忘れない内にアプリアイコンを自作する際に使ったWebツールをまとめておきます。 1.画像編集Webツール‥Pixlr Online Photo editor - Pixlr.com image edit Pixlrは簡易版PhotoShop的なことができるフリーのWebツールです。メールアドレスなどの登録も別に不要なので、気軽に使えて便利です。なお、2.で使うために、ここでは1024×1024の画像を作っておくと良いです。 2.サイズ別画像一括作成 MakeAppIcon - Generate iOS and Android app icons of all sizes with a click! iOS, Androidなどのアプリの種類を選択して
hidehara 2016/06/17
どのツールも便利だった。 Androidに関わらず、画像系の便利なWebサービスメモ。

Android

webサービス
リンク
エンジニアのための無料で使えるドローイングツールまとめ | DevelopersIO
今回は、ローチャート、UML、システム構成図、などなどなど、エンジニアがよく使いそうな図を書くためのツールを紹介したいと思います。無料でMac/Windowsの両OSで使えるという条件でチョイスしてみました。 (あ、タイトルには﹁エンジニアのための﹂と書きましたが、今回紹介するのは別にエンジニア専用のツールではないです︵念の為︶) 汎用的とりあえず、色々な図が書けそうなツール Cacoo ︻URL︼ https://cacoo.com ︻特徴︼無料版では25シートまで無料版での書き出しはPNGのみだいたい何でも書ける複数人でチャットしながら1つの図を作成出来る︻メモ︼特に有料版は高機能だと思う会社で有料アカウントに入っているのであれば、このツールを使う選択肢で良いと思う draw.io ︻URL︼ https://www.draw.io/ ︻特徴︼とりあえず会員登録し
hidehara 2016/02/14
ブラウザ Drawing Tool は、どこでも使えて便利だよなぁ。

design

webサービス

webデザイン
リンク
Transifex - 多国語化プラットフォーム
Product TX PLATFORM How Transifex worksLocalize all your digital content in 3 steps. Transifex NativePush and pull content for localization without the need for a file. Transifex AIHuman-quality translations at massive scale and record speeds USE CASE Continuous L10NEmbed localization in your CI/CD flows, streamline processes and save time for everyone on your team Workflow ManagementOrganize and
hidehara 2015/12/17
アプリ多言語化支援クラウドサービス Transifex。OSS系みると日本語チームの強さ？が垣間見れる気がした。リリースが多い場合、ドキュメントの提供方法の検討も必要かも。

webサービス

open.source

python

crowdsourcing
リンク
乗車券分割プログラム（乗車券・定期券の運賃分割計算）
乗車券分割プログラムの実行 JR線の乗車券の購入において、運賃が最も安くなる分割地点をブラウザ上で検索します。分割定期券や通常の切符の運賃・距離︵キロ数︶の計算も可能です。 JR全線に対応しています！︵普通乗車券の場合は﹁きっぷの運賃﹂が出力されます。JR東日本の﹁IC運賃﹂は出力されません。︶アクセスが集中すると﹁Service Temporarily Unavailable﹂と表示されることがあります。この場合は、しばらく時間をおいてからお試しいただきますよう、お願い申し上げます。乗車券分割プログラムについて乗車券分割プログラムの概要乗車券分割プログラムとは？機能と対応路線路線名称注意事項など操作方法とよくあるご質問操作方法︵フォーム説明編︶操作方法︵基本操作編︶よくあるご質問︵FAQ︶プログラム更新履歴運賃の仕組み分割すると安くなる理由賃率からの運
hidehara 2015/09/23
おお、なるほど。乗車券を分割購入することで、JRに安く乗れるとは。

アイデア

webサービス
リンク
コロコロ公式サイト｜コロコロゲームクラフトブロック
小学館の少年誌コロコロコミックの公式サイト。爆笑マンガ、イチオシホビー情報が満載！© Shogakukan Inc. 　All rights reserved. No reproduction or republication without written permission. 掲載の記事・写真・イラスト等のすべてのコンテンツの無断複写・転載を禁じます。
hidehara 2015/08/27
コロコロ版 MoonBlock。楽しそうなキャラクターだなぁ。

programming

webサービス
リンク
マネして学べる、プログラミング学習サイト「シラバス」
シラバスは、﹁マネして学べる﹂をコンセプトにした、プログラミング学習サイトです。HTML/CSS、WordPress、RubyonRails、Backbone.jsなどの WEBデザインや WEBアプリの開発を学ぶことができます。特徴として、 GitHubからキュレーションしてきたプログラムを利用して学習コースが作成されています。
hidehara 2015/08/27
写経して学ぶプログラミング。良い発想だと思う。

programming

education

Learning

webサービス
リンク
Drupal Gardens | Get a Free Drupal 7 Site Here
Free Drupal 7 websites on Drupal Gardens, Acquia's Drupal-as-a-Service platform. Robust design tools and socially smart community features to build sites faster.Point-and-click assem bly. WYSIWYG design.Powered by the revolutionary Drupal platform.
hidehara 2015/08/24
Drupal をすぐに使えるサービス。Wordpress.comみたいな感じかな？

Webサービス

php
リンク
WOVN.io: Website Localization | Translate web pages in 5 minutes
Make your website multilingual in just a few simple stepsExpand your reach, in any language. Speak to your potential clients in a language they understandInternet users browse and buy in their language. To get your business noticed, start by making your website available in your audience’s language. Website localization projects are not a costly and development-heavy project anymore — you can mana
hidehara 2015/03/03
このメッセージいいね > "すべてのウェブサイトを、すべての人の母国語で。"

Webサービス

便利
リンク
Pingdom - Website Monitoring Made Easy
Get unified visibility and intelligent insights with SolarWinds Observability LEARN MORE Synthetic Monitoring Simulate visitor interaction with your site to monitor the end user experience. View Product Info FEATURES
hidehara 2015/01/23
サーバー監視クラウドサービス。複数箇所から見てくれているというのは、オンプレではなかなか実現できない良いポイントだな。1$/1check という価格感？

infrastructure

webサービス
リンク
1 2 3 4 5 6 次のページ