はてなブックマーク

はじめに はてなブログって、記事個別ページのURLを後から変更すると、リダイレクトせずにリンクが切れちゃうのですね。まぁ、仕方ない仕様かもしれませんけど、やっぱり変えたくなることありますね。 昔作った気に入らないURLを直そうにも、リンク切れちゃうと流入減ってしまうなぁ でも、何も考えず付けてしまったURLを今後も使い続けるのも嫌だなぁ という問題を解決するために、URLを変えても困らないようにする仕組みを考えました。 特定のサービスのワークアラウンドをQiita書くかどうか、悩みましたけど。 お断り この方法では、SEO的なページ価値については考えていません。 本来はステータスコード404を返すのではなく301や302で転送したいところですが、はてなブログの仕様上、いったん404とHTMLが戻ってしまいます。その状況を受け入れた上でできる最善の策を実装してあります。 一番いいのは、URL

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は 2年前に書いた「ブックマークレット準備編」の記事へのアクセスが、じわじわと増えてきました。ありがとうございます。 さて、ブックマークレットを作る手順が分かっても、上手にブックマークレットは作れません。先人が作ったウェブアプリケーション（画面）をハックする折れない心が必要です。ブックマークレット自体に制約が多いので、制約の範囲の中でハックする必要があります。 ということで、今回は実用的なものを作るハック手順を紹介しようと思います。私がウェブアプリケーションをハックするときに、見ているポイントや気を付けるポイントを紹介しながら、

はじめまして、こんにちわ。 はじめに Slack Advent Calendar7日目、初めてアドベントカレンダーに参加します。 ちょうど1年前に、2018年に一番使われたSlackの絵文字を調べるアプリケーションを作りました。その内容を記事にしようと思ってほったらかしにして1年が過ぎました。1年でSlackのAPIも結構変わりましたので、最新の仕組みに乗っかるように作り替えてみます。 作ったもの こんなメッセージを送るApp(Bot)です。 期間を1年に設定すれば年間ランキングが作れます。 毎週月曜日に送るようにすると、先週に頑張った人が見えるようになります。 Botと言っても現状はSlashコマンドの実装はしていなく、普通のPHP(Laravel)のスタンドアロンアプリケーションです。 使ったもの Slack API users.list conversations.list conv

はじめてのleaflet.js leafletの使い方を学びながら、座席表を作ります。 はじめに GW前に会社の座席表の更新作業がありました。80人くらいです（はぁ）。 更新作業は、いつもどおりExcelに座席Noが入っていて、名前、社員番号を入れていくスタイル。座席Noはレイアウト図（製図みたいなもの）に書いてあって、画像を見ながら人を当てていくという苦行でした。 この作業は二度とやりたくないなと思いましたので、GWを使って座席表の仕組みを作ってみることにしました。 ゴール 座席表を作ります。 すでに所有しているオフィスの図面（画像）を使います。新しく製図をするとか、特別なソフトウェアにデータを移しなおすのはやりません。 座席にマウスを当てると、誰が座っているのか情報を出します。人を検索できるようにします。検索したらその人の座席が分かるようにします 使ったもの ライブラリ系 Leafle

はじめに ウェブアプリケーションで実行するには時間がかかりすぎる処理は、cronやバッチ処理などの非同期処理と分離することがあります。cronにしてしまうとアプリケーションからコントロールが効かず、待つしかない状況に陥ります。 Rundeckに重たい処理を置いて単独で動く状況を用意しつつ、ウェブアプリケーションからRundeckのAPIを使いRundeck上のジョブを制御してみます。 使ったもの rundeck-3.0.6-20180917.war (Open source windows版) RundeckのAPIを使えるようにするまで Rundeckは標準でRESTなAPIを装備しています。簡単な設定をするだけで使えるようになります。 API tokenを発行する Rundeckにログインし右上のアイコンProfileから設定する。 ＋マークで新しいAPI Tokenを発行画面へ行き

Cloudinaryというクラウドベースの画像管理のサービスを使って、画像変換などやってみます。 はじめに Cloudinaryは、画像を管理するクラウドサービスで、画像の保存、変換、配信がとても簡単できます。Akamaiと連携しているようでワールドワイドで画像配信ができます。 いくつかプランがありますが、無料のアカウントで30万ファイル、10ギガのストレージ、月間2万回まで画像の変換ができます。 記事作成後にプランの考え方が変わっているので、こちらを参照してください。 https://qiita.com/kanaxx/items/b3366025e6715562d8f9 Cloudinaryの画像変換は、この動画をみるのが一番早いです。 https://cloudinary-res.cloudinary.com/video/upload/ac_none,c_scale,h_388,q_4

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

困ったこと List.jsを使って簡単にテーブルのヘッダーをクリックしてソートするサンプルがない やること List.jsを使ってHTMLのテーブルのカラム部分を触るだけで並び替えられるようにする 使ったもの list.js (version 1.5) jsfiddleに動く成果物を置いておきました https://jsfiddle.net/kanaxx/78odztmv/ やってみよう 1.テーブル形式のデータを作る いつの通り、本家のサンプルを拝借 http://listjs.com/examples/table/ サンプルはこちらに移動したもよう(2019/9/5) https://codepen.io/javve/pen/pJMJKx 一番外側要素<div id="users">のIDの値と、JSの第一引数new List('users', options);が一致していないとLi