ライブラリを使わずここまでできる！Web Componentsで近未来のフロントエンド開発 | 株式会社ヌーラボ(Nulab inc.)
Cacooチームエンジニアの川端です。普段はCacooのエディター(編集画面)のフロントエンドの開発をしております。最近パパになったので娘の写真を親に共有するアプリを作ってみました。その際に、Web Componentsなる機能を使ってみました。JSフレームワーク群雄割拠の昨今、ライブラリを使わずWeb Componentsだけでどこまでできるのかご紹介したいと思います。 Web Componentsとは？ Web Componentsとは、HTMLの要素をカプセル化して再利用可能なパーツにするためのブラウザのAPI群です。ReactやVueやRiotでいうところのコンポーネントをライブラリを使うことなく素のJSだけで作ることができる技術になります。 Web Components | MDNによると次のように記されています。 Web Components は、オープンなウェブテクノロジーを
カイゼンジャーニーを読んで、実際にカイゼンやってみた - Feedforce Developer Blog
グレイテストショーマン最高でしたね！！！最近は、より映画にどっぷりな id:pokotyamu です！ 先日、告知していました通り、2月16日〜18日で、開発合宿 Feedforce Tech Camp 通称 FFTC を開催してきました👏 その様子は、各エンジニアの個人ブログをご覧ください↓ 伊東は開発合宿のおすすめスポットだった 開発合宿 カテゴリーの記事一覧 - はのちゃ爆発 フロントエンド触っているメンバーもいれば、ブログ書いて、 100 はてブ超えするメンバーもいて、２日目の夜にやった成果報告会は、１時間超の大盛況でした👍 100 はてブ超えのブログはこちら↓ AWS 認定ソリューションアーキテクト アソシエイトに合格した話 - critical alertのブログ そんな開発合宿で、私 pokotyamu が何をやったかですが... 最近話題のカイゼンジャーニーを読みました
Webサイト制作を正しくディレクションする際に、最低限認識を合わせておくべき15のチェック項目 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近、Webディレクターとしての業務をこなすことが多いこの頃です。 以前はエンジニアとしてプロジェクトに関わっていたのでコーディングに集中できたんですが、あれですね、ディレクターってやること多いですね。 作業範囲も広く、クライアント含めコミュニケーションを取る相手も多いため、意外と当たり前なことを決め忘れてしまったり、メンバーに伝え忘れてしまったり……なんてことは起きないようにしたいものです。 そこで今回は、Webサイト制作案件においてプロジェクト開始時にこれだけはクライアント＆メンバー全員と認識を合わせておきたい15のチェックリストを作ってみました。 Webディレクションを始めたばかりの方は、ぜひ参考にしてみてください。 Webサイト制作をスタートさせる際に、最低限認識を合わせておくべき項目15 1.
Electronアプリをリリースするまでにあった知見 - Qiita
はじめに こんにちは、@tsuwatchです。普段はRubyを書くのですが、仕事の幅も広がりつつあり、フロントエンドも本格的にやっていこうということで、 Kaizokuというニコニコ生放送のデスクトップアプリをリリースしました。 人生の大半の時間がニコ生に溶けているわけですが、かねてからコメントビューワを作ろうと思っていたので、この機会に作ってみました。 しかし、Mac版のコメントビューワにはHakumaiという大変素晴らしいコメントビューワが存在するので、少し違う方向を向いた生放送ビューワをかねたアプリにしました。 Hakumaiはコメントビューワとしては数少ないオープンソースなので、実装やコメントサーバの仕様など大変参考にさせて頂きました。この場をお借りして、お礼を申し上げます。 アプリの機能や今後についての紹介はまた別途ブログで書くと思います。 ご興味がありましたら、ぜひ使ってみてい
W3C、「HTML 5.2」勧告。同時にHTML 5.3のファーストドラフトを公開
Web技術の標準化団体であるW3Cは、HTML 5のマイナーバージョンアップである「HTML 5.2」の策定を完了し、勧告としました。 HTML 5.2ではいくつかの機能追加、削除、バグフィクスなどが行われています。 機能追加の例では、ダイアログボックスを表示する＜dialog＞要素が追加されました。下記は＜dialog＞要素を用いたサンプルです。 ... <body> <div> <!-- body content --> </div> <dialog> <h1>Add to Wallet</h1> <label for="num">How many gold coins do you want to add to your wallet?</label> <div><input name=amt id="num" type=number min=0 step=0.01 value=10
無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」
TOP > Tool , WebDesign > 無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」 Webサイトを構築するのに必要なCSSでは様々なデザインを設定することができ、とても便利。そんな中今回紹介するのは、無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」です。 Pure-CSS Tooltips アクションで注意書きなどに注目させたい時に使用するツールチップの、魅力的な動作やデザインを簡単に取り入れることができます。 詳しくは以下 アンダーラインにカーソルonでツールチップが登場。長い文章の中に目立たない要素がある際に便利です。 Animated Butt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
