これだけ覚える CSS3 アニメーション + Vue.jsで楽をする - Qiita
CSS3アニメーション、なるべく覚えたくないですし、誰かによしなにやってほしいですね。でもかっこいい画面は作りたい。 というわけで最低限だけ説明します。某所で行ったLTの内容をベースにしておりますので、さらに面倒な方はスライドを流し読みしてください。（ただし、スライドの方は不正確な部分がありますので、時間があれば当記事で補完していただけるといいかと思います。） スライドは以下です。 DEMOはこちら 対象 CSS3アニメーション、基本的にコピペで実装するし、なるべくなら一生知らずにいたい方 かといって、CSSフレームワークに頼ると大量のCSSに埋もれるのが辛い人 だからといってjQueryに頼るのも嫌な人 今回説明すること CSS3 Animationの最低限の書き方 基本的なイージングの種類 Vue.jsでアニメーションの省力化 アニメーションタイミングをずらす方法 3Dっぽい動きを付け
脱Bootstrapガイド 〜フルスクラッチCSS〜 - Qiita
2021/02/12 追記 この記事を執筆した当時、Bootstrapがどのサイトでも使われていました。 当時のBootstrapはjQueryと密結合していたり、いろいろと剥がす動機があったのですが、 現在のBootstrapは内部的にもflexboxになっていたりと改良されています。 まずは剥がす前に最新版への更新を検討してみてください。 一方で、TailwindやインラインスタイルCSSなど、Bootstrapを採用しづらい場面も増えてきています。 その場合にはやや記述は古いのですが本記事が役に立つ場面もあるでしょう。 ポイントは、腹をくくってFlexboxのプロパティについて真剣に学ぶことです。 追記終わり Bootstrapは便利ですし、デフォルトのスタイルもフラットでかっこいいですね。 デザイナーでなくてもそれなりに整った画面が作れるということで、大変便利なBootstrapで
もうExcel管理は嫌だ！小さなチームを軽量OSSで回そう（DevHub+TaskQuest） - Qiita
これは、小さなチーム管理のためにいろいろ採用したり内製したりした経験のログです。 モチベーション 下記の２つのファイルがあるつらみは計り知れません。 ガントチャート.xls 課題管理表.xls もっと軽量に、楽しく、リアルタイムに、Windows非依存でやりたい。 やりたかったこと 数名レベルの小規模チーム向けに、下記システムを構築したい。 ※ただし、外部にデータがおけないので、オンプレミスで。 情報共有 チャット ちょっとした確認を非同期で行えるようにしたい。 簡易なタスク管理 メンバーのタスクが終わって手が空いたことを知りたい 導入したもの１：DevHub（チャット・通知・情報共有） プログラマの為の開発支援コミュニケーションツール。作業中メモをリアルタイム共有する。 特徴 チャット メモ共有 簡易ブログ機能 チャット＋メモ画面 ブログ機能 ある程度メモに内容がまとまってきたら、 パー
フロントエンド開発の３ステップ（npmことはじめ） - Qiita
スライド 当記事は以前勉強会でLTしたものです。 スライドは下記にあります。 フロントエンド覚えること多すぎ問題 モダンなフロントエンド開発で、入門記事を探そうとすると、 まずwebpackやTypeScript, Babelによるビルド環境構築から始まる記事が多くヒットします。 ですが、Node.jsの初心者がいきなり複数のツールを習得しようとすることが 挫折の原因になっていると感じています。 ですので、まずNode.jsをインストールした直後から、必ず使うことになる、 npmの機能をまず覚えておきましょう。 フロントエンド開発で覚えるべき３つのコマンド 以下の3つだけ覚えておきましょう。 npm init npm install npm run これだけ覚えれば、ひとまずフロントエンド開発を進めることができます。 完璧なワークフローを構築するのは、書いているアプリが大きくなってきてから
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
