プレビューで簡単！CSSアニメーションがブラウザ上で作れる「animista」
Webデザインを彩るCSSアニメーション。実装時にはデザインのイメージに合わせて、細かな調整を加えたり、なかなかに手間がかかる箇所でもあります。そんな手間がかかる調整工程を省ける、ブラウザ上でアニメーションが作れるツール「animista」を今回は紹介したいと思います。 ブラウザ上でプレビューしながら細かな動きを調整して、タグをコピペするだけでCSSアニメーションが実装できる便利なツールです。 詳しくは以下 拡大や縮小、スウィングなどの18種類ものアニメーションの雛形から、オプションで数値を変更してアニメーションを細かにカスタマイズすることができます。オプションではアニメーションのスピードだけでなく、ディレイや回転回数など、細かな場所まで弄ることが可能。面倒だった細かな調整作業を、ブラウザ上でプレビューを見ながらできるので、効率的に仕事をこなすことができます。スムーズなアニメーション実装で
Node.jsでファイルをコピーする - Qiita
でできるやつだ。 これをNode.jsでやりたい。 なんかライブラリあるだろ、と思ってnpmレポジトリを2分ほど探したが良いのが見つからず。 いや多分よく探せば絶対あるんだけど探すのめんどくさい。 作るか。 ファイルコピーを実装する まずは一つのファイルをコピーする関数を作る。 fsモジュールの.createReadStream()と.createWriteStream()を使えば一瞬だ。 var r = fs.createReadStream(src), w = fs.createWriteStream(dest); r.pip(w); function _copySingle(src, dest, callback) { var aborted = false; var r = fs.createReadStream(src), w = fs.createWriteStream(des
メッセンジャーボットの主要な4つのカテゴリーが明らかに!（実例とスクリーンショット付）｜決算が読めるようになるノート
前回の「Facebookのメッセンジャープラットフォームの本当の狙いは正しく報道されていないと（僕は）思う。」では、 まだまだ自動化するには早いでっせ。最初は手動でメッセージ返信して、頑張ってデータ貯めるべしというような内容を書きましたが、せっかくメッセージAPIが開放されているので、一部であっても、非常に初歩的なところであっても、これまで人力でやっていたことを、ボットにやらせたい、と思うのは当然です。 そこで、今回は、Facebookのメッセンジャープラットフォームのリリース時点で、公開されているボットにはどんな種類があるのか、を4つに分類してみました、という話です。 今まさにメッセンジャーボットを作っている人、これからボットを作ろうと思っている人は要チェックな内容です。 メッセンジャーボットの4つの主要カテゴリー自分で分類しようかとも思いましたが、既に分類してくれている人がいるので、拝
ssig33.com - Amazon API Gateway と S3 で動的なサイトを作る。
Amazon API Gateway と S3 においた静的なファイルだけで、動的なサイトを作ることができそうなのでやってみました。 http://ssig33-keijiban.s3-website-ap-northeast-1.amazonaws.com/ わりと楽に作れます。めんどうなのは CORS 対応だけです。うまくまとまったドキュメントがあるので参考にしましょう。 認証とかが必要な場合は、 Cognito が使えると思います。 データストアに Dynamo DB などを使えば本当に何も考えずに自動的にスケールしていくサイトを作ることが出来るのではないかと思います。 現状やってみて分かった課題は以下のとおりです AWS Lambda Function のデプロイと管理がやりづらい Amazon API Gateway の設定をコードで管理できないと絶対に破滅する どうやら API
非アプリ制作者でもスマフォアプリが簡単に作れるGoodBarBerが凄い！ | バンクーバーのうぇぶ屋
WixやSquarespace、Strikingly等のWEBサイトが簡単に作れるサービスは多かったかなと思いますが、先日友人に教えてもらったGoodBarBerというスマートフォンアプリを作るためのプラットフォームが、取り敢えず次世代だなみたいな感じに思えたので、ここでも共有させていただこうと思います！ GoodBarBerは、スマートフォンやタブレットアプリを作る為のプラットフォームを提供しているWEBサービスで、簡単なデザインからコンテンツの追加、プレビューにパブリッシュまでの流れを非常にわかりやすく説明してくれているので、それこそブロガーが自分のブログ専用のアプリを作るも良し、グラフィックが得意なデザイナーがポートフォリオとして作るもよし、用途としては色々考えられるかなと思いますね。 簡単な流れだけ説明すると以下のような感じです。 アカウント作成 アプリ名、カテゴリ、アカウントID
無料でJPG、PNG、GIF、SVG画像を圧縮して小さくしてくれる「Compressor」
アカウント登録不要・無料で利用でき、手元にある画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるサービスが「Compressor.io」です。 Compressor.io - optimize and compress your images and photos http://compressor.io/ ページを表示させるとまず目に飛び込んでくるのがこのカメレオンの画像。画像の上には白いバーが表示されており、マウスで左右に動かすことで圧縮前と後での画質変化を確認することができます。 画像の下には、圧縮前後のデータ容量の変化と圧縮率が表示されています。 このサイトで対応しているのはJPEG、PNG、GIF、SVGの4形式。圧縮時には、元の画質をキープできる可逆圧縮と、圧縮率重視の非可逆圧縮を選択することが可能となっています。 使い方の説明はこれだけ。あと
ライセンスの選択を恐れる必要はありません - Qiita
この記事はCC BY 3.0に基いて公開されてゐるWebサイトChoosing an OSS license doesn’t need to be scary - ChooseALicense.comのコンテンツ各ページを翻訳し、単一記事として再構成、訳者による補足を追加したものです。 2017年5月9日に開示されたコミュニティガイドラインに伴って、本記事の翻訳部分につきましては削除いたしました。 (この記事が削除または非公開化されない限り、編集履歴からお読みいただくことは可能です。) (訳註: この「はじめに」及び末尾の「訳者による補足」の章は原文にはなく、翻訳者(@tadsan)によるものです。記事の著作権表示及び元Webサイトの利用規約、免責事項、そしてこの記事についての訳者の見解について記します) (この記事の一部または全て ——ただしコメント欄は含まれない—— はCC BY-SA
Git初心者に捧ぐ！Gitの「これなんで？」を解説します。
はじめましてこんにちは、今年新卒でKRAYに入社しました亀井と申します。 会社のみなさんからは「あさちゅん」と呼ばれております。どうぞよろしくお願いします。 突然ですが、みなさん使ってますか？ Git。 KRAYではバリバリ活躍してるGitですが、 「よくわからない……」と頭を抱えてる方も多いですね。 わたしも抱えてます。 正直、KRAYに入社するまでターミナルを使ったことすらなく、 Gitも入社してから使いだしたので初心者もいいところです。 そんなわたしが1日約200回×3ヶ月ターミナルでGitコマンドを打ち続けて やっとわかってきた、Gitの「これなんで？」を解説します。 主にGit初心者、Gitについて理解を深めたい人向けです。 もくじ なんでcommitする前にaddしなきゃいけないの？ ブランチってなんのために分けるの？ HEADってなんなの？ 消したファイルもコミットしなきゃい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/rayray_py/items/3043ca5437ed6450f734