JavaScript ベスト・オブ・ザ・イヤー 2020 - Qiita
2021 / 2020 / 2019 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2020年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は現在のスター数ではなく、『2020年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに2016年の総合ランキング1位はVue.js、2017年の総合ランキング1位はVue.js、2018年の総合ランキング1位はVue.js、2019年の総合ランキング1位はVue.jsです。 以下は2020年のランキング、2020 JavaScript Rising Starsの日本語訳です。 JavaScript ライジングスター 2020 5回目のJavaScript ライジングスターにようこそ！ こ
Javascriptだけで値をPOSTして、ページ遷移もする方法 | OCテックノート
ちょっとした事情があって、Javascriptだけで値をPOSTし、ページ遷移もしたいなということがありました。 HTMLでタグを書いて、<input> とか<submit>とかやればいいんですが、ちょっとした値を渡したいだけなので、面倒だな、というのが事情でした。（大した事情ではなかった） しかし、ググっても意外と出てこないんですよ。 Googleさんが出してくれるのは、AjaxでPOSTして値を取ってきましょう ってページばっかり…。同じページに、Javascriptでページ遷移しようみたいなのもあったりするので、Hitするんですかね。 「それじゃ…ダメ…っ！違うっ…！HTMLでやるみたいにやりたいんだ…っ！」 と思い、英語でググったところ、StackOverflowさんにドンピシャでありました。 「ククク…カイジくん…！君が求めていたのは…これ…っ！」 「あ…ありがてぇ…っ！！！fo
CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
RailsでPDFKit + wkhtmltopdfを使ってPDFを作成する - Rails Webook
PDFKit + wkhtmltopdf は、RubyもしくはRailsでHTMLをPDFに変換するGemとツールです。 これらを使うことで、HTMLをPDFに変換する形でPDFファイルを作成できます。 wkhtmltopdfが、HTMLをPDFに変換し、PDFKitはそのラッパーという構成になっています。 メリットとして、HTMLを作成するようにPDFファイルを作成することができるので比較的簡単にPDFファイルを作成できます。 デメリットとして、wkhtmltopdf の問題で現在は忠実にHTMLをPDFに変換できないことが問題であります。 今回は、RailsでPDFKit + wkhtmltopdfを使って注文票のPDFを作成する手順を説明します。 他にもPDFを作成するGemがあり、「Ruby/RailsのPDF作成Gemまとめ 」でまとめています。 対象読者 Rails + PDF
HTTPステータス・コードとメソッド - CyberLibrarian
HTTPプロトコルでは、コンピュータ同士が通信している間に、コードを用いてお互いの状態(ステータス)をやり取りしています。このコードのことをHTTPステータス・コード(HTTP Status Code)と呼び、エラーが発生した場合に「404 Not Found」のようにブラウザ上に表示されたり、エラーが発生しなかった場合にも見えないところでやり取りされています。 また、通信を行うためにクライアントがサーバーに様々なリクエストを行いますが、このリクエストの方法をメソッドと呼びます。 規格
JS Minifier
投稿日:2015/08/21 / 更新日:2016/01/07 JavaScriptの無駄な記述を削除して、コードをMinify処理(軽量化)するツールです。 使い方基本的な操作方法左側(スマホの場合は上)のフォームに、圧縮したいスタイルシートのコードを入力して、「Minifyをする」のボタンをクリックすると、右側(スマホでは下)のフォームに圧縮した結果が表示されます。圧縮のアルゴリズムには、YUI Compressorを利用させていただきました。スマホ上でjs-beautifyを利用したい機会があったため、自分用に作成してみました。Chrome、Firefoxなど対応ブラウザの場合、整形結果をクリックするだけでコピーできます。注意事項Minifyは、ご入力いただいたコードをサーバー側で処理する形となっています。コードをサーバー側で保存することなどは一切していません。
Nginx設定のまとめ
はじめに 僕は盲目的にunicornを起動するためだけにnginxを使っていて、設定ファイルの内容とかをほとんど知らない。 なので、ここにnginxの設定内容をまとめる事で自分自身が覚えようと思う。 普段使う大抵の設定は記載しているつもりです。 記載内容は実際に試したものと試してないものが混在してるので、誤った設定などがあるかもしれないのでその辺はコメントでご指摘いただけると助かります。 インストール インストールについては僕が書くより他の人の記事を見た方がいいと思う。 centosに入れるなら以下の記事が参考になる。 CentOS6.xにてnginxの最新版をインストールする手順 CentOS 6.5でnginxを動かす為の最低限の設定 またchefでインストールする場合は以下の記事が役にたつ。 Chefでnginxを導入してみる ChefでNginxをインストールするときにハマった c
さくらのVPSを借りてサーバ構築を行うための申し込み方法と準備
私の作成したサイトは、さくらのレンタルサーバで運営しています。 年契約にしていますのでレンタルサーバ代の請求は年1回なのですが、借りた時期がバラバラなため、ほぼ毎月のようにレンタルサーバ代の請求が来ています。 数年同じ状況で変わらないのですが、あまりの頻度にちょっと気になりまして、サーバ状況を調べてみました。 その結果、全部で23台のレンタルサーバをさくらで借りていることがわかりました。 金額にして年間20万円くらいの費用がかかっていることに…。 んー、慣れというものは恐ろしいものです。(汗) さくらのレンタルサーバからは何度か注意を受けていますし、リソースの確保とサーバ費用削減を実現するために、さくらのVPS(仮想専用サーバ)を借りることを決めました。 さくらのVPSにしたのは評判と情報量現在VPSはそれほど珍しいサービスではなくなり、どこで借りようか？という選択肢がいくつかあります。
レコメンドなどで使われる類似度計算をRubyで自動化 - Qiita
レコメンドやデータ分析に使われることも多い類似度計算を簡単にできるmoduleを作りました。 対応している類似度は以下の3つ。 コサイン類似度 JacCard係数 Dice係数 多少汎用的に算出ができるように、配列とハッシュに対応。 ① 二つの配列を渡すと類似度が返ってくる ② 二つのハッシュを渡すと類似度が返ってくる ③ モデルとカラムを渡せば類似度を全てのレコードの組み合わせの類似度を算出してくれる(未完成) ※③は、例えばUserテーブルを持っていたとしたら、Userというクラス名と、Userモデルから取得できるデータやカラム名と重みを渡すだけで、user-user全ての類似度を算出してくれたら便利だなと思って作ってみました。 ①、②については以下のsimilarity_generator.rbで算出できる module SimilarityGenerator #data1,data
画像Base64変換ツール
このツールは、画像ファイルをBase64にエンコードします。A–Z,a–z, 0–9までの英数字と、記号(+, /)に変換されます。 Googleが画像検索で大量の画像を表示している手法と同じで、画像のＵＲＬと同じように使用出来ます、html,css,jsで利用できます。 ツールの使い方 画像読込み方法 HTML/CSSでの使用例 画像読込み方法 3種類の読込み方法を用意しています。 画像ファイルのドロップは破線の内側にドロップします。 クリップボードの画像をストライプ線の上で貼り付け可能。 外部サイトの画像ＵＲＬを読み込みます。（JPG,PNG,GIF) HTML/CSSでの使用例 ▼HTMLで使用する例 <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA8Q1JFQVRPUjogZv....."> ▼cssで
[ruby] gem `mail` と sendmail を使って簡単にRubyでメール送信答えを知りたい | 答えを知りたい
net/smtp ライブラリを使うよりも gem mail を使えば簡単にメールが送れるらしいので調べてみた。 方法 まず mail gem が必要なので $ gem install mail でインストールする。 んで、下のように書けばOK! require 'mail' mail = Mail.new do from 'me@ironsand.net' to 'recipient@exmaple.com' subject 'Here is the image you wanted' body 'Body' end mail.delivery_method :sendmail mail.deliver
実質1行でメールフォームのSPAMを防ぐjQueryスクリプト
3月に フリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンし、このサイトのサイドバーに クックパッド みたいに気軽にメッセージを送れるフォームを設置しました。 しばらくは何事も無かったのですが、ある日突然大量のSPAMメッセージが送られてくるように…(●´⌓`●) 酷い時には3分〜5分に1通送られてくるし、試しに送り元のIPアドレスとホストを調べてみたら毎回バラバラなので困りました。 こんな時、多くのサイトでは CAPTCHA と呼ばれる読みづらい英数字の羅列の画像を入力させることが多いと思いますが、それでは「気軽にメッセージを送れるフォーム」とは言いづらいですし、サーバーにもページを表示させるたびに毎回余計な負担がかかってしまいます。 試しにWordPressのSPAM防止などに広く使われている Akismet というSPAM防止APIをメール送信スクリプ
bootstrap × ajax × JQuery で簡易メールフォーム | MAO PC エンジニア
<form class="form-horizontal" id="sendmail" method="POST" action="★sendmail.php へのパス★"> <span class=" glyphicon glyphicon-user"> 名前 ※必須</span> <div class="form-group"> <input type="text" name="Name" class="form-control" placeholder="Mao" dataCheck="mandatory"> </div> <span class="glyphicon glyphicon-envelope"> メールアドレス ※必須</span> <div class="form-group"> <input type="text" name="mailNo" class="form
jQueryでノンリロードメールフォームを作る - 北海道苫小牧市のホームページ制作 STUDIO KEY
jQueryでメールフォームをノンリロードで処理する 以前同じエントリーを公開していましたが、今見るとあまりに稚拙！なので、一端削除して書き直しました。また、今回は自作プラグインぽいものを使い、より簡単に作る方向で解説していきます。 まず、入力チェックにはjquery.validationEngineを使います。 詳しくはこちらで解説してますのでご参考にどうぞ。 自作したプラグインぽいものはこちらからどうぞ めんどいから全部ちょうだい！って方はどうぞ 各ライブラリーやCSSを読み込みます validationEngine.jquery.css" rel="stylesheet" type="text/css"> src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> type="text/jav
sinatraへ簡易アカウント管理機能を追加する - Qiita
背景 Webアプリのデモをするのに必要となったため、簡単に用意しました。そのためセキュリティ面については深く考慮していません。 実装 以下の2つをsinatraで実装する。 アカウント情報を管理するModel(ここではUserという名前を使用) 1で用意したModelを利用したアカウント作成・ログイン機能 メルアド・パスワードで認証し、認証後はセッションでやりとりする。そんな一般的な方法を採る。 User Modelの作成 ユーザーごとのアカウント情報を管理するModel。DBに対する単純なレコードのCRUDだけでなく、ユーザー認証用メソッドを用意する。パスワードは直接更新できないようにする。削除の時は論理削除にするべきだが今回は入れてない。パスワードの文字数制限もなし。 大まかな仕様 DBにはMongoDBを使用する。mongoidでオブジェクトへマッピングする。 ユーザーの認証はメルア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - sosedoff/xml-sitemap: Easy XML sitemap generation for Ruby/Rails/Merb/Sinatra applications
nginx入門
Webクリエイターズマニュアル
さくらのVPS入門 (全21回) - プログラミングならドットインストール
被リンクチェック - 無料SEOツール | hanasakigani.jp