タグ

Webに関するozomatliのブックマーク (9)

  • https://jp.techcrunch.com/2018/02/14/2018-02-13-the-sudden-death-of-the-website/

    https://jp.techcrunch.com/2018/02/14/2018-02-13-the-sudden-death-of-the-website/
  • 面倒な作業不要で、Webアプリ開発が劇的にはかどる!至高のJavaScriptライブラリ6選 -

    どうも、まさとらん(@0310lan)です! 今回は、Webサービスやアプリ開発などにとても便利なJavaScriptライブラリを厳選してご紹介しようと思います! 強力な独自機能を簡単に追加できるものやトレンドに合わせたWebデザインを構築できるもの、そのままWebサービスとして利用できるものまで、ピックアップしてみました。 これからWeb開発を始めようという人はもちろんですが、開発ネタに困っている人も何か良いアイデアが発見できるかもしれないので、ぜひ参考にしてみてください! ■波形表示やプレイヤーも作れる高機能な音楽ライブラリ! 【 wavesurfer.js 】 音声ファイルを読み込むだけでグラフィカルな波形表示が可能で、多彩なオプションを利用することで自在に音声を制御できるJavaScriptライブラリです。 音声の再生・早送り・巻き戻し・ミュートなどの基機能はもちろん、音声の書き

    面倒な作業不要で、Webアプリ開発が劇的にはかどる!至高のJavaScriptライブラリ6選 -
  • SSL/TLSについてまとめ2018 - Qiita

    はじめに SSL/TLSについて改めて理解を深めたい思い、関連する技術についてまとめました。 記事はTLSに関すること主題として、HTTPS、暗号化、Apache、OpenSSL等について記載しています。 SSL/TLSの通信は色々なプロトコルや暗号化方式が組み合わされ補いあってできています。暗号化の仕組みはパズルのようで面白いです。一つ一つを読み取り理解が深まるごとで、SSL/TLSって当によくできると思いました。フレームワークの意味について考えさられます。 HTTPSの通信 HTTPSの通信はTCP/IPプロトコルスイートとして、TCPの上層にSSL/TLSがあり、アプリケーションプロトコルのHTTPプロトコルが載って通信をしています。 コネクションとセッションは通信の概念として別になります。TCPでクライアントからWebサーバに対してコネクション(経路)が確立され、その上でセッシ

    SSL/TLSについてまとめ2018 - Qiita
  • ★★【保存版】Font Awesomeの使い方まとめ:Webアイコンフォントを使おう

    今回はFont Awesomeという超便利なサービスの使い方をまとめます。後半ではアイコンにさまざまなアニメーション効果をつける方法も解説します。 1. Font Awesomeとは? ざっくりというとウェブサイトやブログでWebアイコンフォントを表示できるようにしてくれるサービスです。

    ★★【保存版】Font Awesomeの使い方まとめ:Webアイコンフォントを使おう
  • Web制作者がチェックしておきたい、最近のWebサイトで見かけるデザインのトレンド -2018年1,2月

    デザインで悩んだ時には、新鮮なトレンドをチェックしてみると良いインスピレーションに繋がります。最近のWebサイトで見かけるデザインのトレンドを紹介します。 今まで使用してきたトレンドにも一手間加えられて、より魅力的なものになっています。 3 Essential Design Trends, January 2018 3 Essential Design Trends, February 2018 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 左上のロゴをシンプルに 垂直型の細いサイドバー ピーチ・カラー サークル状の要素 分割レイアウト ダーク系の背景にホワイトのテキスト 左上のロゴをシンプルに このトレンドは見逃されがちですが、左上にブランドをテキスト化したものがカムバックしています。アイコンを含めるのももちろん有りで、注目

    Web制作者がチェックしておきたい、最近のWebサイトで見かけるデザインのトレンド -2018年1,2月
  • プログラミングが便利に!2018年に取り入れたいオススメのタスクランナー5選

    JavaScriptをはじめとしたブラウザサイドのWebプログラミングを総称して「フロントエンドプログラミング」と呼びます。そんなフロントエンド周りの環境は昨今多様化しており、様々なツールが乱立しているため、使いこなすのは至難の技です。 そこで2009年頃から登場したのがタスクランナーです。タスクランナーとはWebサイト構築に必要な処理をタスクとして自動化してくれるプログラムで、とても便利です。 タスクランナーという言葉自体は聞いたことがある方もいるかもしれませんが、どんなものなのか、そもそも何なのかというのを、ここで改めて整理してみましょう。今回は2018年こそ取り入れたいおすすめタスクランナー5選をご紹介します。 タスクランナーとは タスクランナーとは、先にも触れたとおり、Web構築に必要な処理を自動で行ってくれるプログラムのことです。 近年のWeb技術は非常に高度化・広範化しており、

    プログラミングが便利に!2018年に取り入れたいオススメのタスクランナー5選
  • 広告ブロックツールはオールオアナッシングなのが問題 - progd's blog

    iOS9の新機能、広告ブロックが話題だ。議論の中心のひとつは、以下のような対立意見だ。 広告ブロックツールはWebクリエイターの収益を奪い、殺す。将来Webは、今よりずっと縮小するだろう。企業が予算をかけたコンテンツは無料で閲覧可能な領域からは姿を消し、かつて個人が趣味で運営していた「ホームページの時代」が再来する。その世界は、今の豊穣なWeb、様々な可能性に満ち溢れたWebの世界よりも、ずっとつまらないものになるだろう。広告ブロックツールは「邪悪な広告」へのユーザの自衛手段だ。スマホの画面を覆い尽くしたり、誤タップを誘ったり、過激で下品なエロバナーに対して、自浄作用を発揮しないWeb広告業界の自業自得だ。そもそもそんな広告は絶対にタップしないので、ブロックしても結果は同じだ。この議論には、現状の広告ブロックツールはあらゆる広告を消してしまうという性質が前提として存在する。 「邪悪な広告」

    広告ブロックツールはオールオアナッシングなのが問題 - progd's blog
  • Web Developer Roadmap 2018が出たので2017年版と比較してみる - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 先日Web Developer Roadmapが2018年版に更新されました。(kamranahmedse/developer-roadmap) 簡単に言えばWebに携わっている人が何かを勉強&実装する際に迷ったら見ろ!って感じのやつです。 チョーヤバ/ナウい/MK5の三段階で世にある技術を区別しています。更に大きな枠としてFront-end/Back-end/Dev Opsと分けられています。 正直Dev Opsはさっぱりピーマンなのであまり触れられませんが、2017と2018で変わったところがあれば注目して書いていこうかなって記事で

    Web Developer Roadmap 2018が出たので2017年版と比較してみる - Qiita
  • 【2018年版】今押さえておきたいフロントエンド関連 - Qiita

    個人的に押さえておいたほうがいいと思う情報や最近動向が気になっている情報をまとめました。 短時間調べた程度でザックリ書いてますので、掲載している情報に間違いなどありましたら、 ご指摘いただけると助かります。 現時点でWorking Draft,Editor's Draftの情報もありますし、ブラウザ側でほとんど実装されてないプロパティ(業務ではあまり使えない系)も積極的に載せていっているので、対応状況についてはCan I useやMDNで調べてください。 途中まで載せてたけど多すぎてあきらめた... HTML Resource Hints(dns-prefetch, preconnect, prefetch, prerender) 指定しておくことで、ページ遷移時に名前解決・接続・リソースの取得・レンダリングを早めることができる。 Link types - HTML | MDN Prelo

    【2018年版】今押さえておきたいフロントエンド関連 - Qiita
  • 1