はてなブックマーク

2022/04/28：追記 公開していたzipファイルのリンクを削除しました。 バックエンドのサーバーを停止しました。 伴ってもう星が流れなくなります。 ※この記事にはちょっとだけエッチな内容が含まれます！苦手な方はご注意ください。 こんにちは。あんど(@ampersand_xyz)と申します。 いきなりすみません、タイトルにエッチとか入ってて驚かれた方もいらっしゃることでしょう。どういうことなのか説明させていただきます。 概要説明 画像出典： 吸血鬼すぐ死ぬ 9巻 P134 盆ノ木至 秋田書店 __要するにこれです。__さすがに宙に星を降らせるわけにはいきませんので今回はブラウザ内に星を降らせていきます。 漫画のコマを見ただけでは何を言ってるのかご理解いただくのが難しいかもしれませんが、これ以上説明のしようがありませんのでついてきてください。 実現方法 いかにしてエッチなことを考えている

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

ハーマンミラーの高級チェア頂きに参りました。 2020/2月追記 ほんとに頂いちゃいました。投票して頂いた皆さま、ありがとうございます。 シチュエーション メモを取る 「あれをやらなきゃいけないのを忘れていた。メモしよ」（scrapbox + Alfred） alt + space -> 入力 最終行に追記される メモを引き出す （Flutterでアプリを開発中・・・） 「あれ、Containerの角を丸めるのってどうするんだっけ？」 「忘れた、調べよ」（scrapbox + Alfred） 「あ、あった。Container( decoration: BoxDecoration(borderRadius: BorderRadius.circular(32.0), ), );だわ」 「そうだった。colorはdecorationの中にいれなきゃね。」 ※ Alfredで検索する代わりにchr

３ヶ月やるとどうなるか Daily Cocoda 1日目 初心者丸出しのデザインですね。丸アイコンの画像が大きすぎたり、ピンクの背景色と白の文字色があってなかったり､パディングとマージンがおかしかったりしています。 ちなみにネットでよく見かけるこのアイドル（茜さやさん）は、フリー素材で、ぱくだそさんから取得してきました。 Daily Cocoda 50日目(最終日) 50日目は初日からの成長を感じさせるいい感じのデザインですね。 諸注意 このページはデザイン一日目の自分を対象にしています。 デザインシステムはマテリアルデザインを採用しています。 オレオレ流です。間違いも多々あると思いますので、指摘お願いします。 ここでいう３ヶ月とは、6H/日 * 90日です。(でも９０日のうち２０日ぐらいはサボっています。真面目にやれば一日6H * 60ぐらい) 私について 個人開発者としてモバイルアプリ

はてなブログで画像の設定されていないブログ記事をシェアした際に、ブログタイトルと本文から画像を生成してアイキャッチに設定してくれる機能がリリースされ話題になりました。 昨今ブログ記事に限らず種々のサービスにおいて、コンテンツをSNSシェアした際にいかに目立たせるかという部分であるアイキャッチのOGP画像設定の重要性は言わずもがなかと思います。 自分自身も運営しているサービスで動的にOGPを作成するいわゆる「OGP芸」をよくやっているのですが、今後ますます必要性が高まると考え、OGP芸用のたたき台にする処理テンプレートを作成しました。 成果物サンプル ソースコード const fs = require("fs"); const { createCanvas } = require('canvas') const base64 = require('urlsafe-base64'); // c

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

これはクソアプリアドベントカレンダー20日目の投稿です。 「猫が仕事を邪魔してくる〜ww」とかいうアレ なんなんだ？なんなんだお前ら。「猫が仕事邪魔するんだよ〜ｗｗｗ」っていいながらめっちゃ良い写真撮りやがって。あまつさえそれをSNSに流しやがって…！！困ってねえだろ！！明らかにエンジョイしてるじゃねーか！！！くそっ！！！！！**俺も猫飼いたい！！！！！！** そうは思いつつ現実はやっぱり気軽に猫を飼うのはいろいろな都合があり簡単にはいかないものです。 であれば、エンジニアたるもの技術で願いを叶えましょう。 猫が仕事を邪魔してくるChrome拡張を作りました あ〜〜〜邪魔されるわ〜〜〜**猫に仕事邪魔されるわ〜〜〜〜**っかぁ〜！！ こうして願いをかなえることができました。 仕事を邪魔してくる猫たちと実装内容をちょっと解説 技術的にはまったく大したことはしていないのですが、ちょこちょこと小

クソアプリアドベントカレンダー 5日目の投稿がないので代打します。 @ampersand です。 完全匿名SNSつくりました https://tan-tubo.firebaseapp.com/ 全景 SNS上で行われる微笑ましい会話 Firebase勉強したので復習がてら３時間で作った話 動作環境なんて何でもさくらVPS使ったらええできるやんけガハハって過ごしてた脳筋ゴリラの自分なのですが、いい加減にモダンなMBaaSだのPaaSだの使えないと恥ずかしいかもな〜と感じていた所、開発者ギルドというコミュニティでお世話になっているmorixさんが講師となってハンズオン会を開催してくれるイベントがあったので参加させてもらい、勉強した内容を振り返って作りました。 あんどさんのスピード感が早すぎてマジやばい まさか翌日サービスできてるとは思わなかったわい https://t.co/R5rhJMtLz

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

まずはこちらをご覧ください 保存した画像がこちらです ウェブページをキャプチャして すぐに描き込み・保存ができる拡張をつくりました 画面の開発時に行われるフィードバックって、丁寧な文章で説明されても、はたまた口頭で伝えられても結局認識の齟齬が起こってしまいがちでコミュニケーションがしんどいというシーン遭遇したことはないでしょうか。自分は結構な頻度であります。 その都度、スクショに直接描き込んでフィードバックをしてくれればわかりやすいのにな〜と思っていたのですが、現実問題としてフィードバックをする立場の人が必ずしも画像編集ソフトを使えるとは限らないし、 そもそも自分がフィードバック用の資料を作るようなときも、画像編集ソフトが使えてもいちいちフォトショやGIMPを立ち上げるのは面倒くさいなーという微妙な問題を抱えていました。 そこで、難しさを排除して、誰でもすぐに使えるようにして、Web開発で

何を言っているのか 製作時間 30分ぐらい 内容 input要素のtypeがtextまたはsearchの要素、もしくはテキストエリア内におけるキャレットの位置を画面内の絶対値として取得し、その周辺に打鍵と同時に画像を散らかしています。 キャレット位置の取得方法 これの実現については今回は自前実装ではなく caretposition.jsという素晴らしいライブラリがあったので、使わせていただいてます。 http://d.akiroom.com/2012-06/jquery-textarea-caret-position-javascript-library/ 実装 'use strict'; document.onkeydown = function (e) { var current = document.activeElement; if (e.key === 'Backspace')

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AdobeXDはいいぞ 今更自分が言うまでもなく、もはや各所でその利便性についての言及やまとめ記事があがっていますが、実際に実践で使ってみてメチャクチャ役に立ってるので、経験に伴う所感などを書きたいと思います。 前置き 自分はデザイナー職ではなく、エンジニアです。 バリバリグラフィックソフトを扱う人間の目線の記事ではありません。 要件定義で便利だったこと みんな大好き要件定義！！自分の仕事では このシーンで1番AdobeXD（以下、XD）が活躍してくれています。 動作が軽快ということは本当にいいぞ XDの長所としてよく語られる点ですね。

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

var cnt = 100000; var moji = ''; console.time("Case1"); for (var i = cnt - 1; i >= 0; i--) { moji = ''; moji += 'もじもじ'; moji += 'もじもじ'; moji += 'もじもじ'; moji += 'もじもじ'; moji += 'もじもじ'; }; console.timeEnd("Case1"); console.time("Case2"); for (var i = cnt - 1; i >= 0; i--) { moji = ''+ 'もじもじ'+ 'もじもじ'+ 'もじもじ'+ 'もじもじ'+ 'もじもじ'; }; console.timeEnd("Case2"); console.time("Case3"); for (var i = cnt - 1; i

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

プライベートアカウントでテストするの怖いです＞＜ GraphAPIを使って使い捨てできるテストユーザーを作りましょう。 案外知られていない、というか、自分自身そういうことが出来ると最近知りました。 公式ドキュメントはこちら https://developers.facebook.com/docs/test_users 捨てメアドとかいるの？(´・ω・｀) いらないです。それはテストユーザーじゃなくて捨てアカウントです。 捨てアカウントを作るの利用規約的にはNGらしい。 1.FBアプリを作る 順当に 2.作成したアプリのAPPIDを確認 https://developers.facebook.com/apps/ から作成したアプリのダッシュボードを表示 3.GraphAPIExplorerでapp tokenを取得 https://developers.facebook.com/tools/