タグ

webに関するnekomuraのブックマーク (16)

  • 今なぜHTTPS化なのか?インターネットの信頼性のために、技術者が知っておきたいTLSの歴史と技術背景

    【変更履歴 2018年2月15日】当初の記事タイトルは「いまなぜHTTPS化なのか? 技術者が知っておきたいSEOよりずっと大切なこと ― TLSの歴史技術背景」でしたが、現行のものに変更しました。現在GoogleではWebサイトのHTTPS対応と検索結果の関係を強調しておらず、記事の趣旨の一つにも来は独立した問題であるSEOとHTTPS化を関連付けるという根強い誤解を解くことがありますが、当初のタイトルではかえってSEOとHTTPSを関連付けて読まれるおそれがあり、また同様の指摘もいただいたことから変更いたしました。 HTTPとHTTPSは、共にTCP通信上で動作します。したがって、いずれもTCPハンドシェイクで通信を開始します。 HTTP通信の場合には、このTCPハンドシェイク直後に、HTTPリクエストとレスポンスのやり取りが始まります。このHTTPのやり取りは平文通信であり、途

    今なぜHTTPS化なのか?インターネットの信頼性のために、技術者が知っておきたいTLSの歴史と技術背景
  • フロントエンドチェックリスト(日本語訳) - Qiita

    GitHubで公開されているフロントエンドチェックリストというドキュメントが、網羅されている内容が幅広く便利そうだったので、日語に翻訳しました。 日語版は、以下のGitHubリポジトリにあります。GitHub側と自動的に連携するようにしておりますので、誤訳や誤りなどがあれば GitHub のプルリクエストまたは Issue で報告していただけると幸いです。 https://github.com/miya0001/Front-End-Checklist 日語版への貢献方法 最終更新日時: 2017-11-19 03:50:47+09:00 (未翻訳) Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before lau

    フロントエンドチェックリスト(日本語訳) - Qiita
  • 女子中学生チケット詐欺事件

    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.

    女子中学生チケット詐欺事件
  • 勤怠打刻機をRaspberry Pi 14台で本気で作ってみた - Speee DEVELOPER BLOG

    こんにちは、プロジェクト推進室でエンジニアをやっている 山 (id:bino98) です。 毎日のお勤め、お疲れ様でございます。皆さまが、日々の業務を行われる合間に 有給休暇を取得したり 遅刻の連絡をしたり 出張の申請を行ったり…。 様々な場面で自身の勤怠をその組織のやり方で管理されていると思います。弊社では、今年4月初頭から 社内で開発した新しい勤怠管理システム「 SpeeePORT 」による勤怠管理が始まりました。 弊社の新しい勤怠管理システム(以下、PORT)に関する詳しい記事は、ITproさまがこちらの記事にまとめてくださいましたので、ご覧頂けますと幸いです。 今回、PORTの ウリ の1つの 打刻機 について、まとめました。Raspberry Pi で打刻機を作りたいという、結構ニッチな要求を持つ方のお役にたてれればと思います。 Raspberry Piで打刻機を内製した経緯

    勤怠打刻機をRaspberry Pi 14台で本気で作ってみた - Speee DEVELOPER BLOG
  • 先祖返りしたMastodonと、Webという楽園追放の物語 - 雑種路線でいこう

    Mastodonが流行り、さくらのクラウドが馬鹿売れしてると聞いて、そんなこともあるのかと驚いた。世間ではp2pといわれるけどMastodon自体は典型的なサーバーだ。昔ながらのクラサバと違うのは他のインスタンスと連携するサーバーだという点だ。id:shi3zはそれをp2p2eといってるけど珍しいトポロジではなくて、みんなも普段から使っているインターネット自体の経路制御とか、名前解決のDNSとか、電子メールのSMTPとか、インターネット上の仕組みはそういう風に設計されてきたし、だから分散システムと呼べたのである。 僕はMastodonをP2P(+Edge)だと思っている。こんな用語は聴いたことないが、P2P2Eと略しても良い。 んで、P2P2Eとはどういうことかというと、少数のサーバント(server + client)が相互に対等な関係を保ちながら、各サーヴァントに対してエッジ(端末)が

    先祖返りしたMastodonと、Webという楽園追放の物語 - 雑種路線でいこう
  • インターネットリテラシ読本「”ネット”と上手く付き合うために」公開 - MIAU

    MIAでUは、「青少年ネット規制法」の法案検討の時期から、青少年のネット利用の実態について、調査・研究を重ねて参りました。そしてその中で、安易な規制よりも、青少年に対するネットリテラシー教育がまず先にあるべきとして、「MIAU版インターネットの教科書プロジェクト」を発足、活動して参りました。 今回はその成果の第一弾として、我々が作成しましたインターネットリテラシ読「”ネット”と上手く付き合うために」Ver1.0を公開いたします。まだ序盤のみではありますが、教育現場の皆様から多くのフィードバックをいただきながら、今後も引き続き制作を行なってまいります。 なおこの読は、クリエイティブコモンズ「表示・継承」ライセンスによる公開となります。利用される皆様は、複製・配布など商用非商用に限らず、無償でご利用いただけます。ライセンスの詳細は、読の奥付をご覧ください。 “ネット”と上手く付き合うため

    インターネットリテラシ読本「”ネット”と上手く付き合うために」公開 - MIAU
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • memokami :: 第2回モバイル勉強会で「キャリア判別と絵文字の扱い」を発表してきました

    第2回モバイル勉強会を開催しました。 今回はモバイルに情熱を持ったスピーカー12名の方々にご賛同いただき、 密度の濃いモバイルの勉強会を開催することが出来ました。 当に皆様のおかげで、このような素晴らしい会を開催することが出来ました。 ありがとうございました。 また祝日の上、大人数にも関わらず、快く会場を貸してくださった上に 朝早くから会場設置までしてくださったECナビさん、当にありがとうございました。 私も1スピーカーとして発表してまいりましたので、 その資料をあげておきます。 「キャリア判別と絵文字の扱い」 さてそんな第2回モバイル勉強会のご報告です。 ■スピーカーセッション ★モバイル前世紀 小飼 弾 さん 資料:モバイル前世紀 動画:モバイル前世紀 プレゼンテーションは携帯のみ! 参加者各自で携帯を触りながらのプレゼンは斬新でした。 某ライブ○アの頃の携帯サイトを作ったときに話

    memokami :: 第2回モバイル勉強会で「キャリア判別と絵文字の扱い」を発表してきました
  • FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」:phpspot開発日誌

    Codetch :: Firefox Add-ons Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you...FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」。 インストールすると「ツール」メニューにCodetechが追加され、実行すると次のようなDreamWeaver風のWYSIWYGなHTMLエディタが表示されます。 CodeタブでHTMLを修正することもでき、PreviewタブでWYSIWYGな編集も可能です。 DOMインスペクタや CSS/HTML/XMLバリデーターなどの機能も持っています。 素早くHTMLページを作りたいという場合に、便利な拡張ですね。

  • はびこる「インジェクション系」のぜい弱性:ITpro

    Webアプリケーションのぜい弱性を示す用語として,クロスサイト・スクリプティング,SQLインジェクションといった言葉の認知度はかなり高まった。ブログ・サイトなどでも活発に議論されている。しかし,Webサイトの実態はどうだろうか。 筆者の所属する京セラコミュニケーションシステムでは昨年(2006年),ぜい弱性診断を実施したWebサイトの統計情報「2007年版 Webアプリケーションぜい弱性傾向」を発表した。これによると,パソコン向けWebサイトの48%に致命的なぜい弱性が見つかった。このうちワースト1位はクロスサイト・スクリプティングで56%,2位はSQLインジェクションで11%と,どちらもインジェクション(注入)系のぜい弱性。これらのぜい弱性を持った危険なサイトは依然として存在するのが実情である。 これらWebアプリケーションのぜい弱性があまりなくならない理由はいくつかあるが,以前は「ぜい

    はびこる「インジェクション系」のぜい弱性:ITpro
  • 独自ドメイン名を安く登録することができるサービスまとめ - GIGAZINE

    海外と日のブログをいろいろ見ていて思うのは、海外では個人が独自ドメインを取得してブログやコミュニティ、ネットサービスを運営しているケースが非常に多いということ。理由としては文化的背景の違いや、自己主張の強さ(誰かの提供するサービスのドメインにぶら下げられることを嫌う)といったものも当然あるのですが、それ以外にも維持コストが安いという面もあるようです。 というわけで、その第一歩となる各種ドメイン名について、どこで登録すれば最も安くなるのかを調べてみました。昔と違って今は国内のレジストラでも全世界的に見てかなり安いです。 ■ドメインが安いレジストラリスト .com - 税込790円/年、VALUE DOMAIN:バリュードメイン .net - 税込790円/年、VALUE DOMAIN:バリュードメイン .org - 税込790円/年、VALUE DOMAIN:バリュードメイン .biz -

    独自ドメイン名を安く登録することができるサービスまとめ - GIGAZINE
    nekomura
    nekomura 2007/03/20
  • FireFoxでのPHP開発を手助けする「FirePHP」:phpspot開発日誌

    FirePHP - Firefox Extension for PHP Development FirePHP allows you to take a deeper look at all the work your PHP code does to generate that page you are currently looking at in your Firefox browser. FireFoxでのPHP開発を手助けする「FirePHP」。 FireFoxのエクステンションとして動作し、FireBugの機能拡張をしてくれます。 インストールするとFireBug内に次のタブが表示されます。 サーバヘッダーで特定の文字列を返すとFireBug内、FirePHPウィンドウにその文字列が表示できます。 特定ヘッダーを出力するために、「FirePHP PEAR Package」が使え

  • Mind Mapping - Mindomo

    What is Mind Mapping?Mind mapping is a dynamic technique that connects a central idea with related concepts in a hierarchical structure. When you create mind maps using mind map maker, you can easily organize and connect ideas and thoughts in a virtual whiteboard, facilitating creativity and enhancing understanding. It's a powerful tool for capturing and exploring ideas, allowing you to visualize

    Mind Mapping - Mindomo
  • .htaccess ファイルを簡単作成「.htaccess Editor」:phpspot開発日誌

    PHP/HTML5/CSS3/JavaScript/CSS等の最新技術情報をお届け

  • サイトのCSSを見たままリアルタイムに編集するツール色々:phpspot開発日誌

    サイトのCSSを見たままリアルタイムに編集するツール色々。 WEBデザイン開発において、編集→リアルタイム反映というのはなかなか効率がよいですね。 ということで、各種、リアルタイムCSS編集ツールをピックアップします。 FireFox拡張 or スタンドアロンアプリ FireBug - リアルタイムに指定部分のCSSが切り替え可能(参考記事)。CSS以外にも便利機能満載。 EditCSS - FireFox拡張で、エディタがインストールされ、エディタ編集と同時に即座にCSSが反映される。 CSSVista - IEとFireFoxの画面で一括プレビューが可能。 Web Developer ToolBar - WEBデザイナー必須のFireFox拡張。CSSの直接編集も可能。 他にもCSSやアクセシビリティに関する便利機能満載。 ブラウザ上で動作するオンラインツール たぬきのしっぽ - CS

  • 2006年を彩った50の超美麗CSSデザインサイト集:phpspot開発日誌

    50 Beautiful CSS-Based Web-Designs in 2006 | Smashing Magazine Let’s take a close look at some of the most beautiful designs we’ve seen in 2006.2006年を彩った50の超美麗CSSデザインサイト集。 どれも凄まじく凝ったサイト集で、1個1個が1つのクリエイターが精魂込めて作ったのが伺えます。 (Webデザイナーのためのリンク集) こういった美しいサイトを参考にサイトを作ったりすると自分のセンスも磨かれそうですね。 単に見るだけでも楽しめます。 2007年も素晴らしいサイトが出てくるんでしょうね。こういったデザインは数年前では見られなかったようなもののように感じます。 WEBデザインの面での進化についても今後が楽しみでしょうがないですね。 作成に使っ

  • 1