[B! Web] itpcfgのブックマーク

itpcfg id:itpcfg

Webに関するitpcfgのブックマーク (17)

テレビを耐え抜く小手先技術 - PartyIX
この記事は ex-crowdworks Advent Calendar 2018 の21日目です． CrowdWorksを退職して8ヶ月くらいが経った． CrowdWorksにいたときはSREをしていたので，テレビ放映があるときには少し覚悟が必要だったんだけど，その話をしようと思う．あと，ここで書く話は，ただの昔話であり，現在ではテレビが突然来ても割と耐えられるくらいの状態にはなっていると思う．ので，こんなことをしなくても凌げると期待している．基本的にCrowdWorksは，クラウドソーシングのサービスなので，ニュースサイトやゲームのサービスほど，普段から大量の接続をさばく必要はない．そのため，そういう人たちにとっては物足りないくらいの対策でしかないと思うことを断っておく．テレビはある日突然来る大人の事情等により，テレビ放映は事前に完全な情報を得られない場合が多い．これが一番
itpcfg 2018/12/23
技術

Web

db
リンク
大学の数学/物理を無料で学べるおすすめサイト・サービス6選 - プロクラシスト
高校生のほけきよ少年にとって、得られる大学以上の物理や数学の情報はwebサイトだけでした。物理や数学の専門書って高いんですよね。あと、大きな本屋じゃないと取り扱っていない。今ではamazonでいろいろな書籍が手に入るようになりましたが、高いしどんな内容がかかれているかは分からないので、買うのもためらわれます。そこで今日は好奇心溢れる高校生お金はない、単位が危ない、やる気に溢れた大学生社会人になってから物理や数学を趣味で始めたい人たちのために、無料で大学以上の内容を学べるサイト/サービスを紹介します！ 1. 物理のかぎしっぽ 2. EMANの物理学 3. MITの物理学講義(Youtube) 4. 現代数学観光ツアー物理のための解析学探訪 5. 数学‥物理を学び楽しむために 6. 高校数学の美しい物語まとめ ※ここでいう数学は﹁物理学のための数学﹂の範疇を超えません。 1.
itpcfg 2017/07/18
数学

あとで読む

web
リンク
CDNとの付き合い方 – cat /dev/random > /dev/null &
最近何かと話題なCDNですが、そもそもCDNってなんだろう・・・どんなことに使えるんだろう？的なことを書いてみようと思います。一応先に言っておくと、私はCDN業者に所属したことないのであくまでも利用者として見た時の話を書きます。また、私の考えであり、様々なワークロードがあるなかでこれがすべてではありませんので、こんな考えもあるんだなぁぐらいに思ってもらえると助かります。そもそもCDNってなんだろうかそもそもCDNはContent Delivery Networkの略であってCache Delivery Networkの略ではありません。要はコンテンツをクライアントに対して高速・効率的に配信するためのネットワークです。良くCDNといえばその成り立ちからキャッシュというイメージはありますが、重要な要素の一つではあるもののCDNの全てではありません。さらに言えばAkamaiのInt
itpcfg 2017/07/02
ネットワーク

Web

サーバ
リンク
PythonでWebスクレイピングする時の知見をまとめておく - Stimulator
- はじめに - 最近はWebスクレイピングにお熱である。趣味の機械学習のデータセット集めに利用したり、自身のカードの情報や各アカウントの支払い状況をスクレイピングしてスプレッドシートで管理したりしている。最近この手の記事は多くあるものの﹁～してみた﹂から抜けた記事が見当たらないので、大規模に処理する場合も含めた大きめの記事として知見をまとめておく。追記 2018/03/05‥ 大きな内容なのでここに追記します。 github.com phantomJSについての記載が記事内でありますが、phantomJSのメンテナが止めたニュースが記憶に新しいですが、上記issueにて正式にこれ以上バージョンアップされないとの通達。記事内でも推奨していますがheadless Chrome等を使う方が良さそうです。 - アジェンダ - 主に以下のような話をします。 - はじめに - - アジェンダ
itpcfg 2017/06/25
python

Web

あとで読む

プログラミング

スクレイピング
リンク
ディープラーニング実践入門〜 Kerasライブラリで画像認識をはじめよう！ - エンジニアHub｜若手Webエンジニアのキャリアを考える！
ディープラーニング実践入門～ Kerasライブラリで画像認識をはじめよう！ディープラーニング︵深層学習︶に興味あるけど﹁なかなか時間がなくて﹂という方のために、コードを動かしながら、さくっと試して感触をつかんでもらえるように、解説します。はじめまして。宮本優一と申します。最近なにかと話題の多いディープラーニング︵深層学習、deep learning︶。エンジニアHubの読者の方でも、興味ある人は多いのではないでしょうか。しかし、ディープラーニングについて周りのエンジニアに聞いてみると、﹁なんか難しそう﹂﹁なかなか時間がなくて、どこから始めれば良いかも分からない﹂﹁一回試してみたんだけど、初心者向けチュートリアル︵MNISTなど︶を動かして挫折しちゃったんだよね﹂という声が聞こえてきます。そこで！この記事では、そうした方を対象に、ディープラーニングをさくっと試して感触を
itpcfg 2017/05/12
machine learning

deeplearning

python

Web

あとで読む

プログラミング
リンク
【決定版】はてなブログ・スマホデザイン最強カスタマイズ集 - ひつじの雑記帳
※記事更新から1年以上が経っているため情報が古い可能性があります当ブログ「ひつじの雑記帳」は5月1日で運営1ヵ月目を迎えました。お陰様で5記事しか書いてないにも関わらず1ヵ月目で4万PVを達成することができました。投稿する記事の質は当然意識してきましたが、短期間でここまで成長できたのはブログデザインの影響も少なからずあるかなと感じています。そこで今回は、当ブログ「ひつじの雑記帳」で実践しているカスタマイズ・コード全てを紹介していこうと思います。当初はこのブログのスマホデザインのカスタマイズコード全てをひとつのパックとして5000円で販売しようと思っていたんですが、いろいろと気が変わったので全て無料で公開することにしました。デザイン完成図使う色を落ち着いた色に統一したフラット風のデザインに仕上げています。おすすめ記事を宣伝するスペースもいくつか設けているので直帰率の改善にも貢
itpcfg 2017/05/06
web

Webデザイン

あとで読む

デザイン

はてなブログ
リンク
ウェブスクレイピングと形態素解析 - Qiita
rvest パッケージを使ってWEBから文字列を取得し、これをデータフレームにして RMeCab の doDF() で解析する。前提 MeCab がインストールされた環境。OSXでのMeCabのインストールについては https://sites.google.com/site/rmecab/home/install を参照。さら R がインストールされており、追加で以下のパッケージが導入されている。 install.packages(c("dplyr", "rvest", "wordcloud", "igraph"), depend = TRUE) install.packages("RMeCab", repos = "http://rmecab.jp/R")
itpcfg 2017/05/05
Web

あとで読む

プログラミング
リンク
OAuth 2.0 全フローの図解と動画 - Qiita
RFC 6749 (The OAuth 2.0 Authorization Framework) で定義されている 4 つの認可フロー、および、リフレッシュトークンを用いてアクセストークンの再発行を受けるフローの図解及び動画です。動画は YouTube へのリンクとなっています。 English version: Diagrams And Movies Of All The OAuth 2.0 Flows 追記 (2019-07-02) 認可決定エンドポイントからクライアントに認可コードやアクセストークンを渡す方法については、別記事『OAuth 2.0 の認可レスポンスとリダイレクトに関する説明』で解説していますので、ご参照ください。追記（2020-03-20）この記事の内容を含む、筆者本人による『OAuth & OIDC 入門編』解説動画を公開しました！ 1. 認可コードフロー RF
itpcfg 2017/04/29
あとで読む

oauth

セキュリティ

Web
リンク
Web開発におけるコンピュータサイエンス - 機械学習編1 - Hatena Developer Blog
この教科書は、はてなサマーインターンの講義資料として作成されたものです: https://github.com/hatena/Hatena-Textbook この章では機械学習について、Webサービスの開発で必要とされる知識を中心に、とくに自然言語処理にフォーカスしながら解説します。 Webサービス開発と機械学習実現困難な機能の例闇雲な実装もう少しましな実装機械学習によるパラメータ決定分類問題のための機械学習手法パーセプトロン判別アルゴリズム学習アルゴリズム特徴量のとり方形態素解析量をともなう特徴組み合わせ特徴量モデル機械学習の種類教師あり学習分類 (質的変数の予測) 回帰 (量的変数の予測) 教師あり学習でのデータセット教師なし学習クラスタリング次元削減(次元圧縮) 頻出パターンマイニング異常値検出アルゴリズムの評価訓練データとテストデータ学
itpcfg 2017/04/27
機械学習

あとで読む

Web

machine learning
リンク
Mastodon インスタンスのリモートフォローの仕組みと必要な購読更新の設定方法 - Qiita
[追記]Mastodon バージョン1.3.3がリリースされて、このページに書いている不具合は解決されて、今後は発生しなさそうです。このページも御役御免ということですね。問題にハマってる人は1.3.3にアップデートしましょう。 Mastodon のインスタンス運営をする上で、v1.3.2以下の Mastodon の設定が悪いとリモートフォローのユーザーの投稿がある日突然見えなくなることがあります。逆に相手サーバーの設定が悪いとせっかくリモートフォローしてくれたユーザーの投稿が届かなくなります。原因はいくつかあって、主に受信側の購読の更新設定が出来ていなくて7日で期限が切れた場合受信側サーバーのエラー時に送信側が投稿し購読が解除された場合受信側か送信側の SSL の Mastodon への設定ミスの3つが挙げられます。まず、なぜそもそも購読とか期限とか、ややこしいことが必要なのでし
itpcfg 2017/04/24
mastodon

あとで読む

web
リンク
［53選］国内注目のWebサービス・アプリを大調査！プログラミング言語、フレームワーク、アーキテクチャの一覧【2017年】｜ハイクラス転職・求人情報サイト AMBI（アンビ）
﹇53選﹈国内注目のWebサービス・アプリを大調査！プログラミング言語、フレームワーク、アーキテクチャの一覧︻2017年︼星の数ほど存在するWebサービスやアプリ。その裏側を覗いてみると、開発当時のトレンドや開発者の設計思想が見えてきます。53サービスのフレームワークやアーキテクチャ、開発効率化ツールを集めました。国内だけでも星の数ほど存在するWebサービスやアプリ。その裏側を覗いてみると、開発当時のトレンドや開発者の設計思想が見えてきます。今回は53サービス︵追記を含む︶のフレームワークやアーキテクチャ、開発効率化ツールを集めました。選定理由もお答えいただけたサービスについては、アーキテクチャを選んだ理由も紹介していきます。 C2C、コマースメルカリ、ココナラ、BASE、Tokyo Otaku Mode、STORES.jp、Snapmart、IQON 情報サービスグノシー、価
itpcfg 2017/04/15
Web

webサービス

あとで読む

アーキテクチャ
リンク
レトロエンジニアのための近代Webフロントエンド事情 - Qiita
フロントエンド開発という言葉があちらこちらから聞こえてくる。﹁反対語はバックエンド開発だから、サーバとかCUIじゃない、アプリとかGUIあたりのことを指す広い意味の言葉だよね。﹂・・・とか思ってたらとんでもない。世の中ではJavaScript界隈を限定している風な使われ方をしている。私のような C/C++ メインのレトロエンジニアは肩身が狭くなるばかりである。本文は、近年のWeb技術に追いつこうと調査した結果のメモ書きである。n番煎じの内容だが、Web業界にいない人間の視点なので、私と同類のレトロエンジニア等、一部の人には新しい気付きが与えられるかもしれない。詳しい人の添削・ツッコミは大歓迎。詳細はリンク先に任せ、私が思う﹁わかりやすい順序﹂で、調べたことをざっと紹介していく。きっかけ読み飛ばしてもよい。 Reactを使うとなぜjQueryが要らなくなるのか数年前、
itpcfg 2016/11/23
プログラミング

Web

あとで読む
リンク
コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次カラフルな配色パターン橙系の配色パターン青系の配色パターン緑系の配色パターン黄色系の配色パターン赤系の配色パターン高級感を表現する配色わび・さびを表現する和風配色シンプルに格好良いグレーの配色カラフルな配色パターン 1. 淡い﹁カラフル﹂ ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DB DB DB 淡いカラフルな配色は、白の背景に合わせると﹁透明感﹂を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い﹁カラフル﹂ ■
itpcfg 2016/11/02
Web

webデザイン

配色

デザイン

あとで読む
リンク
WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
それで、﹁そんなにいいのかな？﹂と半信半疑でインストールして、使ってみた瞬間、惚れました。プログラミングをする人にとって、Sublime Textは、﹁恋に落ちるエディター﹂とよく言われていますけど、WEB開発者にとってBliskは﹁恋に落ちるブラウザ﹂といっても過言はないのではないかと思います。以下では、そう思うに至った理由について述べたいと思います。この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk︵ブリスク︶とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。現在は、Wi
itpcfg 2016/10/30
プログラミング

chrome

Web

あとで読む
リンク
Web開発を爆速にする！Sublime Text 用のすごい拡張プラグイン厳選15個まとめ
Sublime Textは現在もっとも人気のあるコードエディタのひとつです。そのスピードとシンプルさ、豊富なプラグインで多くのプログラマーに愛されています。最大限にSublime Textを活用するために、今回は普段よく利用している拡張機能をまとめてご紹介します。詳細は以下から。 Package Control まずはじめに Package Control をインストールしなければ始まりません。Sublime Textの拡張機能を管理するためのパッケージで、これなしで拡張機能のインストール、削除も大変な作業となってしまいます。今回紹介するプラグインをインストールする前に、まず最初に行いましょう。詳しいインストール方法については、こちらのページを参考にどうぞ。 JavaScript & NodeJS Snippet より素早くJavaScriptを記述することができるスニペットの
itpcfg 2016/10/20
あとで読む

sublime

WEB

mac
リンク
PHP製のWebアプリが遅い場合の基本チェック6点 - ほんじゃらねっと
先日別のチームから、﹁PHPで作成したWebアプリの速度が遅いので助けてくれー﹂という相談を受けた。対応したものの、結構時間がかかって面倒だったので、今後こういった問題が起こった時に使えるよう、チェックリストをまとめてやった。基本的な内容だけど、このチェックリストの内容をやってみて、それでもダメなら相談しなさい、と伝えておくことで相談を減らすフィルタとして働いてくれるはずだ。 PHP プロジェクトに限らず、バックエンドでデータベースを使用している Webアプリのプロジェクトなら試す価値のあるものが多いはず。調査や対応方法の手軽さ順で並べるとこんな感じ: Webブラウザのデベロッパーツールでレスポンスを計測する Webサーバ(Apache)のリクエスト時間をログに出力するログ解析ツールでURL毎の付随リクエスト数を確認するデータベースのスロークエリログを出力するプロファイ
itpcfg 2016/03/11
php

プログラミング

Web
リンク
HTTPステータスコードを適切に選ぶためのフローチャート : 難しく考えるのをやめよう | POSTD
HTTPステータスコードを返すというのはとても単純なことです。ページがレンダリングできた？よし、それなら 200 を返しましょう。ページが存在しない？それなら 404 です。他のページにユーザをリダイレクトしたい？ 302 、あるいは 301 かもしれません。 I like to imagine that HTTP status codes are like CB 10 codes. "Breakerbreaker, this is White Chocolate Thunder. We'vegot a 200 OK here." — Aaron Patterson (@tenderlove) 2015, 10月7訳‥HTTPのステータスコードのことは、市民ラジオの10コードみたいなものだと考えるのが好きです。﹁ブレーカー、ブレーカー、こちらホワイト・チョコレート・サンダー。200
itpcfg 2016/02/18
http

ステータスコード

Web
リンク
1