サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
レイングッズ
yuw27b.hatenablog.com
Webアプリケーション用のRESTfulっぽいAPI*1を作っていて、複雑な検索クエリを受け取る必要が出てきたときのメモです。 悩み RESTfulの原則に従うと、検索クエリを投げて結果の一覧を取得する、というリクエストは、 「リソースの取得」なので、GETを使うべきです。 /api/entries/?q=xxx とか /api/entries/?created=20161129&status=active みたいなURIになりますよね。 こんな感じで検索キーワードが1つ2つなら良かったのですが、 今回作っていたのが限定されたユーザー向けのアプリで、多少検索に時間がかかってもいいから複雑なクエリを投げたい、というのが要件でした。 こんなふうに検索条件を組み合わせられるようになっていました。 問題は、 ①検索条件がいくつ来るか分からない ②「q=xxx」の形式では「equals」「not e
※2022/4/19追記:ここで使っている仕様は古くなり、非推奨になっているため、新しい記事を書きました。そちらを参照してください。 「クリップボードにコピー」はJavaScriptのみでは不可能だと、昔に思い込んだままだったのですが、HTMLの各種APIとJavaScriptを組み合わせることで、ほとんどのブラウザで実現できるようになってきたようです。 HTMLとJavaScriptのコード <p class="copyTarget">コピーしてもらいたいテキスト</p> <button class="copyBtn">クリップボードにコピーする</button> function copyText () { var $target = document.querySelector('.copyTarget'); if (!$target) { return false; } var r
カレンダーUIを実装するJavaScriptライブラリの紹介です。 Webアプリ上の入力フォームに、日付を選択する項目を実装したときのこと。 input type="date" を使いたいのだけど・・・ HTMLのinputタグに、「type="date"」を指定すると、一部のブラウザではカレンダーUIを表示してくれますが、主要ブラウザすべてにサポートされるのはまだまだ先のようで、案件で使うのは難しそうでした(2016年1月現在)。 参考:Can I use... Support tables for HTML5, CSS3, etc ※この仕様自体が、WHATWGのLiving Standardsであり、HTML5の仕様として勧告されているわけではないので、ブラウザのサポートはなかなか進まないのかもしれません。 jQueryやjQuery UIに依存したくない カレンダー方式で日付を入力
※2016年9月13日更新:stylelintのアップデートに伴い、ルールの記述方法が古くなっていたものがありましたので、訂正しました。 stylelintって? 名前のとおりCSSのlintツールです。 設定したルールから外れた書き方をすると警告してくれます。 CSSを書くにあたって、インデントにタブを使うのかスペースを使うのか、スペースなら何文字分にするのか、「{」の前にスペースを空けるかどうか、といった「書き方」を統一する目的で使います。バリデーション(CSSの標準仕様に準拠しているかどうかの判定)は行いません。 公式サイト:http://stylelint.io/ 日本語情報だとこちらが分かりやすかったです:CSSのLintをstylelintにする - Qiita stylelintの特徴 ルールのカスタマイズができる ルールセットの使い分けも簡単 CSSのlintツール自体は他
CADDYとは 公式サイト Caddy - The HTTP/2 Web Server with Fully Managed TLS GitHub GitHub - mholt/caddy: Fast, cross-platform HTTP/2 web server with automatic HTTPS 公式サイトから抜粋: Windows, Mac, Linuxと、Androidで動く Apacheやnginxのような細かな設定はできないかわりに、設定に関する専門知識は不要 静的なファイルのサーブを主目的にしていて、環境の移行も簡単 ローカルでちょっとテストするのに使えるかなー、と思って興味を持ったのですが、 もう少し本格的なサーバなのかも?という印象。 HTTP/2で動かすのは本当に簡単で、PHPもHTTP/2でサービスさせることができました。 以下、Macでの設定〜起動までの手
この記事は、SVG Advent Calendar 2015 - Adventarの15日目の記事です。 チャートやグラフ用のJavaScriptライブラリはどれがいいんだろう? 2015年は「Ajaxで取ってきたデータを、SVGのチャートやグラフにして表示する」という作業をわりとたくさんやりました。 実装方法もいろいろやっていて、 ピュアJavaScript+テンプレートエンジン d3.js Snap.svg Raphaël などなど・・・。 小規模サイトだったり、公開範囲の限定されたサイトだったり、という事情に甘えて、色々なものに手を出した感じですね(笑)。 ピュアJavaScriptは、まさに13日のこちらの記事(気づいて築く: パイチャートのSVG仕立て 〜アニメーションを添えて〜)みたいなことを四苦八苦しながらやってました。 どれがベストかは、ケースバイケース、だとは思いますが、
この記事は、地方在住ITエンジニア(元・地方在住も可) Advent Calendar 2015 - Adventarの19日目の記事です。 私が住んでいるのは新潟県新潟市で、政令指定都市ですので、カレンダーの「地方」の趣旨からするとちょっとぎりぎりですが、 住まいは新潟市の端っこのほう(平成の大合併の前は新潟市じゃなかったところ) 新潟県はITやWEBの先進地域でない:インターネット利用率35位/スマートフォン普及率37位(参考:総務省|平成26年版 情報通信白書|インターネットの利用状況) ということで、多目にに見てもらえたら幸いです。 私 アラサーWEBエンジニア。 最近は、JavaScript4割、CSS3割、Ruby2割、PHP1割くらいの感じで書いてます。 東京から新潟へ 3年前まで東京でECサイトの制作をやっていましたが、結婚を機に新潟へ引っ越すことになりました。 引っ越すこ
このページを最初にブックマークしてみませんか?
『yuw27b.hatenablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く