AWSコスト削減とリソース管理 | 外道父の匠
クラウド使いなエンジニアの皆様、猛暑と円安の中いかがお過ごしですか。上層部からインフラコスト削減を突きつけられてはおりませんでしょうか。 今回はおそらく初めてコスト削減についてAWSを軸に書いていきますが、考え方はどこの環境でも似たりよったりなので何かしらの足しになればと思う次第であります。 目次 長いです。ひきかえしたほうがいいぞ！ コミュニティに捧げます AWSの売上 コスト削減とは 三大使命 コスト状況整理 Load Balancer 参考リンク 統合による削減 EC2 Autoscaling 参考リンク 情報整理 古いインスタンスタイプの変更 スケジュールの調整 スポットインスタンスの適用 軽量インスタンスの統合・サーバーレス化 アプリケーション処理の軽減 EC2 EBS EBSは高い 不要EBSを削除・スナップショット化 ボリュームタイプの変更 EC2 AMI NAT Gatew
HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS
CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介します。 DropCSS -GitHub DropCSSの特徴 DropCSSの使い方 DropCSSのパフォーマンス DropCSSの特徴 DropCSSは未使用のCSSを掃除してくれる、わずか60行のスクリプトです。 HTMLとCSSを入力として受け取り、使用されたCSSのみを出力として返します。 対象となるセレクタはcss-selectのおかげで、実質的に考えられるすべてのセレクタの削除が達成されます。 参考: サポートされているセレクタ CSSTreeを使用すると、特別な処理を行わなくても、メディアクエリを他のすべてのブロックと同じように透過的に処理および削除できます
TypeScript入門以前ガイド - mizchi's blog
某社で自分が React/Redux + TypeScript などの講習をやってみた結果、TypeScript 入門用資料が必要だと思って書いたやつです。 このドキュメントのターゲット TypeScript で書かれたプロジェクトに参加する人 TypeScript を導入するために、その事前知識が必要な人 このドキュメントの読み方 ES2015 for Beginners ES2015 for ES5 Programmers ES Modules 非同期表現: Promise と async/await TypeScript エコシステム編 自分が React/Redux などの講習でいろいろやってみた結果、 ES2015 と TypeScript を同時に教えると、初学者は何がどの概念に由来するかの区別が出来ずに混乱します。なので、ES5 -> ES2015, ES2015 -> Ty
CSSで再現するドカベンOPの文字エフェクト - Qiita
<h1 class='dokaben loop komaochi'>ドカベン</h1> <h1 class='dokaben loop komaochi vartical-align-baseline'>ドカベン</h1> 使い方 まず、sm29720917様にてドカベンフォントを してください そうしたらファイルを解凍し、中にある 「dokaben_ver2_1.ttf」を実行して してください。 次に、dokaben.cssをダウンロードし、h1タグを書いたHTMLと同じ階層に置き、linkタグでダウンロードしたCSSファイルを読み込んでください。 これで準備は完了です。HTMLファイルをブラウザで開いてみましょう。 Q&A Q. なぜウェブフォントにしないんですか？ A. フォントの再配布になるかと思って遠慮しました。 Q. ドカベンフォントじゃないとダメ？ A. 画像や動画でも同じ
CSSのリファクタリングでした5つのこと
こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 今回は、現行サービスのCSSをリファクタリングした話とどんな影響があったかをまとめたいと思います。 もくじ 経緯とか 実際にした5つのこと まとめ 経緯とか 開発期間約9ヶ月、リリースして1年の現行サービスのCSSが大変なことになっていたので リファクタリングすることにしました。 ちなみにリファクタリングとは、 ソフトウェア開発では、ソースコードの作成が進むにつれて、中途での設計変更やバグフィックスなどでプログラムは冗長で汚いものとなっていくことが多い。これらの問題点を解決し、将来の仕様変更に柔軟に対応できるようソースコードの手直しを行うことを「リファクタリング」という。 リファクタリングとは｜refactoring - 意味/解説/説明/定義 ： IT用語辞典 ということのようです。 問題点は大きくわけて2つ。 1. コーディン
字が汚い人へ 無料ペン字練習ファイルを作りました！
漢字 2 ： ひらがな 7 ： カタカナ 1 実際の文章は、漢字が20～30％、ひらがなが70％、カタカナが10％程度になっています。 IT関連の会社、外資系の会社などは、もう少しカタカナ比率が高いかもしれませんが、一般的にはこのぐらいの比率で、この比率の文章の方が人間の頭に入りやすいということです。 この一般的な文字の出現比率で、練習用紙に文字が出てきます。 漢字 5 ： ひらがな 4 ： カタカナ 1 実際の文字の出現頻度だと、ひらがなが多くて、毎日練習するには飽きるかも？と思い、漢字の出現比率を多くしたパターンです。 漢字のみ 漢字ばかりを練習する方法です。 なお練習する文字は、漢字の出現頻度のデータに、ランダム数値を掛け合わせて、毎回違った文字が出るようにしています。 ＊漢字の出現比率は、こちらのデータを参考にさせていただきました。 ひらがなのみ ひらがなのみを練習する場合です。
【追記(8/19)】投稿可能な動画ファイルのサイズが増加します‐ニコニコインフォ
【2016年9月28日 15時00分 追記】 下記に記載されております音声エンコードの不具合ですが、 9月28日(水)の定期メンテナンスで復旧いたしました。 該当期間に投稿した動画の音声エンコードが正常に行われなかった方は、 お手数ですが再度投稿をお試し頂きますようお願い申し上げます。 ユーザーの皆様にはご不便、ご迷惑おかけし大変申し訳ございません。 【2016年8月26日 16時20分 追記】 一部誤りがあったため、修正いたしました。 ▼動画フォーマットにつきまして （修正前）動画尺：15分 ＞30分 ＞30分以上 （修正後）動画尺：15分 ＞30分 ＞60分 ＞60分以上 【2016年8月19日 23時20分 追記】 8月18日より一部のユーザーに提供を開始いたしましたサービスにつきまして、 情報を補足してお伝えいたします。 ▼サーバーエンコードにつきまして ・投稿容量に関わらず全てn
21世紀の文字起こし - the code to rock
気づき そもそも文字起こしとは そもそも文字起こしとは（2） 音声入力による文字起こしの実践法（Mac） 1. 素材音声の再録音 2. Soundflowerの準備 3. Mac内部で再生＋聞き取り 4. 音声ファイルが終わるまで再読み込みなどのケア まとめ 〜そしてtextlint編へ〜 続編 気づき 少し前にこのようなことに気がついた。 ひえーすごい発見をした。音声入力で文字起こし作業をナシにできないかなあ、と思って対談の音声データをiPhoneのそばで大音量で再生したけど全然認識せず。ですよねー、と一旦諦めた後にふとイヤホンで聴きながらシャドウイング的に自分で喋ったらだいぶテキスト化された（笑）これはいいのでは— Hiroaki Kadomatsu (@note103) 2016年7月6日 「いずれそうなるだろう」とは思っていたが「まだしばらく先のことだろう」とも思っていた現実が、想
200ページ超え！LPICの完全無料「Linux入門テキスト」をまだ知らない人は絶対損してる！
最近Linuxに触れる機会が多くなってきたので、そろそろ時間を割いて勉強でもしようかとネットで検索していたら、意外な事実を知りました…。 日本には、素晴らしい教材があったんですね…。 その名も「Linux標準教科書」。 「Linuxとは…」から始まり、基本的なコマンドの使い方から「ファイル操作」「シェルスクリプト」「Vim操作」「ネットワーク管理」など、基本的な知識が無料で公開されています。 どうやって入手するの？この教材は、Linux技術者認定試験を運営する「LPICの公式サイト」からダウンロードできるようになっています。 そのため、すでにご存知の方も多いと思うのですが、私のようにまだ知らない人もいるのでは…？ と思ったのでご紹介しておきます。 入手方法は簡単で、「Linux標準教科書」のダウンロードサイトにアクセスして、「PDFダウンロードリンク」をクリックします。 あとは、名前とメル
React使ってSPAを作るよ目次 - m31
React使ってSPAを作るよ目次 現在進行中なのでときどき記事が増えていきます。 2016/07/29追記 TypeScriptも導入したりCreateReactAppを試したりいろいろ脱線していますが、肝心の元プロジェクトはまだ終わってません… React使ってSPAを作るよ（1） Reactを使うための環境構築と、モックのHTMLを作るところまで。 React使ってSPAを作るよ（2） JSXの枠組みを作って、画面を表示するところまで。 React使ってSPAを作るよ（3） モックのパーツをすべてコンポーネント化。さらに、JSONデータからリストを連続で描画するところまで。 React使ってSPAを作るよ（4） ネストしたJSONデータを渡して、リストの子要素にリストを描画するところまで。 React使ってSPAを作るよ（5） 残りのコンポーネントの作成と、脱線して「横並びリストが崩
Bracketsの使い方
Bracketsの使い方 1. 5分でわかるBracketsの使い方 2015/04/11 2. ①Bracketsをダウンロード http://brackets.io/ 上記にアクセス。 右画面にもある真ん中の 水色ボタンクリックして ダウンロード。 3. ②Brackets画面一覧の機能 ■作業用フォルダを選択 ここで選んだフォルダ内に入っているファ イル一式が左サイドバーに表示される。 ■コーディング画面を左右 or 上下に分割 例えば一つの画面に HTMLとCSSを分けて表 示できるので、いちいち画面を切り替える手間 が省けて便利。 ■ライブプレビュー+便利機能 一番上の雷マークを押すとライブプレ ビューと言って、コーディング結果を リアルタイムにGoogleChromeに表示 させる機能が使える。 4. ③新規でファイル作成→コーディング ■新規作成 を選択し作成 新規作成を選択
悪口をいう人は多いが、僕は大手代理店やSIerの靴の裏を舐めたい | 高橋文樹.com | Web制作
この投稿は 7年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 僕は会社を独立してからずっと受託でお金を稼いでいるのですが、基本的に頼まれたことをやっているだけなので、わりと取引先を失うことがあります。なので、失注と言っても競合プレゼンで敗北するのではなく、気づいたらいつのまにか別の業者に鞍替えされてたというパターンですね。 このパターンに陥るケースとしては、だいたい以下の条件を満たしています。 先方はすごい沢山の提案を貰いたがっている 予算感が提示されない 本業がITとは縁遠い 実はこのサイクルに陥るのには黄金パターンがあります。それは、「Webに詳しい人が僕を見つけ出して依頼した」という代理店的なパターンですね。基本的に営業をしない弊社では、それが受注のすべてです。 で、いつのまにか僕が直接依頼を受けるようになることがあります。その人
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://post.simplie.jp/posts/39
月額無料の「クラウド音楽」をNASで実現！ハイレゾ音楽も再生OK【知られざるNASアプリの世界】