サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
qiita.com/kanaxx
はじめに Cloudinaryを使ったの画像変換の2回目 今回は画像の合成(重ね合わせ)のパターンを少し増やしてみます。 前回の内容はこちらです。 ゴール このようなURLを組み立てて、on the flyで画像変換をできるようになれます。 https://res.cloudinary.com/kanaxx/image/upload/w_500/$discount_33,l_percent_off,g_south_west,x_30,y_30,w_80,h_80/l_text:Verdana_26_bold:$(discount),g_south_west,x_45,y_70,co_rgb:B55519/if_!freeship!_in_tags,l_freeship,w_70,g_north_east,x_20,y_20/paku4.jpg 注意 今回のサンプルを動かすには、URLベース
はじめに はてなブログって、記事個別ページのURLを後から変更すると、リダイレクトせずにリンクが切れちゃうのですね。まぁ、仕方ない仕様かもしれませんけど、やっぱり変えたくなることありますね。 昔作った気に入らないURLを直そうにも、リンク切れちゃうと流入減ってしまうなぁ でも、何も考えず付けてしまったURLを今後も使い続けるのも嫌だなぁ という問題を解決するために、URLを変えても困らないようにする仕組みを考えました。 特定のサービスのワークアラウンドをQiita書くかどうか、悩みましたけど。 お断り この方法では、SEO的なページ価値については考えていません。 本来はステータスコード404を返すのではなく301や302で転送したいところですが、はてなブログの仕様上、いったん404とHTMLが戻ってしまいます。その状況を受け入れた上でできる最善の策を実装してあります。 一番いいのは、URL
この記事は 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
やってみると分かりますが、上のコード全体をコピーして貼り付けても、アドレスバーではjavascript:が消されてしまいます。 大事なことは、 アドレスバーにjavascript:を書いてから、javascriptのコードだけを貼り付ける。これで動かすことができるはずです。 最近気が付いたこと。先頭にjavascript:と書くから消えるのであって とコメントアウト版で書いてアドレスバーに貼ってから、//を消すほうが手数が少ないなと思ってます。 動かし方 その2 ブラウザのブックマークにjavascriptのコードを登録してブックマークとして呼び出します。 ブックマークを呼び出す ブックマークとして登録したコードがアドレスバーに移される 今開いているブラウザでコードが実行される という仕組みです。 ブックマークをクリックしやすくないと意味がないのでブックマークバーに登録することが多いです。
このページを最初にブックマークしてみませんか?
『@kanaxxのマイページ - Qiita』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く