Tempus, a genomic testing and data analysis company started by Eric Lefkosky, who previously founded Groupon, debuted on Nasdaq on Friday, rose about 15% on the opening. The company priced… The tech layoff wave is still going strong in 2024. Following significant workforce reductions in 2022 and 2023, this year has already seen 60,000 job cuts across 254 companies, according to independent layoff
どうも若松です。 SORACOM LTE-M Button で何作ろうかと悩むのは楽しいですね。 せっかくなので押しがいがあるのを作りたいといろいろ考えていたときに、あるマンガの場面を思い出しました。 ワンピースに出てくる、全てを破壊する命令ですね。 このバスターコールを発令するきっかけがボタンなのです。 AWS式バスターコール (プロレス技みたいですね) せっかくLambdaをキックできるので、AWSリソースを破壊してみようと思います。 流石にAWSサービスは多すぎるので、EC2インスタンスの範囲に限定することにしました。 SORACOM Button → AWS IoT → Lambda → EC2Terminate という構成です。 Lambda コードは以下となります。 言語はPython3.6です。 import boto3 import jmespath def lambda_
こんにちは、エンジニアの@sota1235です。 先日、チェコのプラハにて行われたFirebase Summit 2018に参加してきたのでその様子をお伝えします。 写真には筆者が写っていませんがメルカリからは自分含め、4人が参加しました。 firebase.google.com カンファレンスのセッション内容や新しいアップデートは動画や公式サイトを見ればすべてわかるので、この記事ではその中でも個人的に注目しているものや現地の様子、温度感をお伝えしたいと思います。 最近のFirebaseについて カンファレンスの内容に触れる前に、去年から今年までの情報を踏まえてFirebaseがどのようなことを目指しているのか考えてみます。 昨年のFirebase Dev SummitではKeynoteで3つの新機能が新発表されたり、数多くの機能のドラスティックなアップデートがありました。 その際の様子は
Googleは現地時間2日、Google Apps Scriptをより手軽に扱える「G Suite Developer Hub」をスタートさせた。 数行のスクリプトでGmailの自動化を行ったり、ドライブやカレンダーなどAPIを使った連携などGoogleプロダクトを用いた手軽な業務効率化にも使えるGoogle Apps Scriptの開発インタフェースに、より手軽に扱える「G Suite Developer Hub」が加わったことを公式ブログで発表した。 G Suite Developer Hubにアクセスすると、やさしいメニュー名がならび、ファイルを扱う要領で自身のプロジェクトを管理できるインタフェースが表示。[新規スクリプト]をクリックすると実行ボタンやデバッガ、プロジェクトトリガーが並ぶスクリプトエディタへと移動できるようになっている。従来のドライブやスプレッドシートのメニューからの
Vue Fes Japan 2018開催 2018年11月3日(土) 秋葉原 UDX 4階のUDXギャラリーで日本初開催のVue.jsのカンファレンスが開催された。 Vue Fes Japan 2018 昨年ポーランドで世界初のVue.js公式カンファレンスが開催されており、日本での開催も期待されていた。 Evan Youのキーノート 会場にはVue.jsの最初の開発者のEvan Youが来日し、Vue.js 3.0を紹介。 内容はコンパイラ改善、TS/TSXサポート、Time Slicingなどの最新機能の紹介などだ。 4行で説明するとVue 3.0は… より速く より小さく よりメンテナンスしやすく よりネイティブ向けに作りやすい Evan You本人による実演もあったが、処理速度などが倍以上高速化されていた。 セッションの内容 オープニング、Evan Youのキーノート、スポンサーセ
2016/04/25 · SPA は、単一ページによる Web アプリケーションで、画面のレンダリングをクライアントサイドが担います。 必要なところだけをレンダリングすることが ...
Highlight.js の使い方 highlight.js は HTML にソースコードを表示するとき、キーワードなどを強調表示するための JavaScript ライブラリです。特徴ですが、 対応言語が多い(この種のライブラリでは一番多い!?) パレットが豊富 設置が簡単 です。 参考:コードのハイライト表示用 JS ライブラリ 3種 highlight.js のサイト 設置 (1) インターネットに接続できる場合 インターネットに接続できる場合は、次のようにすれば highlight.js をダウンロードしてウェブサーバにインストールする手間が省けます。この文書を書いたときの URL はバージョンが 8.6 ですが、 highlight.js のバージョンなので必要に応じて変更します。2019/10の時点で最新は 9.15.10 になっています。 パレット default.min.cs
Vue.js 2以降無くなった、 $dispatch と $broadcast に対応するための、 event hub の通知が飛び回ってる
最初に この記事はVue.jsが最近のマイブームな若造フロントエンドエンジニアが、 コンポーネントの再利用性とイベントバケツリレーの煩雑さの間でもがき苦しみ AtomicDesignなるものに行き当たった結果、 これをVue.jsで実現する方法を考え書き綴ったものです。 Vue.jsやVueコンポーネント、Vuex / Vue Routerとはなんぞやという部分については 適当に触れる程度にわかってる前提で話を進めます。 そもそもQiita初投稿になるので文章の読みにくさなどはこっそり指摘をください。 経緯 個人開発のアプリケーションで、SPAを作ってみようと思い至る ↓ Vuex / Vue Routerを考えなしに導入 ↓ 再利用性のなさに絶望 ↓ ページごとに必要なデータを揃えるだけの親コンポーネント作る ↓ イベントバケツリレーに辟易 だいたいこんな感じです。 「イベントバケツリレ
CSS for the <Component> AgeStyling your way with speed, strong typing, and flexibility. const Button = styled.a<{ $primary?: boolean; }>` --accent-color: white; /* This renders the buttons above... Edit me! */ background: transparent; border-radius: 3px; border: 1px solid var(--accent-color); color: var(--accent-color); display: inline-block; margin: 0.5rem 1rem; padding: 0.5rem 0; transition: all
本稿は(序)(破)(Q)のシリーズの3番目の記事になります。 本稿では前回(破)で説明したAtomic Designを導入する際に工夫した点をふまえた実装例をJSフレームワークを使用する場合と使用しない場合の2つの場合について紹介します。 シリーズ(序)ではAtomic Designの概要 シリーズ(破)ではAtomic Designの導入に際して工夫した点 について説明していますので、そちらをご覧ください。 実装例題材 下のサイトテンプレートを題材に実装していきます。 https://html5up.net/prologue シチュエーションとしては、デザイナーからもらったデザインカンプをエンジニアが実装する想定で説明します。 コンポーネントの分割 エンジニアはデザインカンプをAtomic Designのコンポーネント単位に分割していきます。 コンポーネントの分割フロー図は(破)で以下の
2021/12/24 · Atomic Design ってなに? ボタンやテキスト入力欄などの、最小単位のUI部品を組み合わせてレイアウトを構築する設計手法。 部品の単位に名前がついている ...
2020/10/12 · vue.js のコンポーネント設計で悩んで、 Atomic Design を勉強し直したらなんとなく形になった気がするので、まとめてみます。
この記事はVue.js #3 Advent Calendar 2017の13日目の記事です Atomic Design自体の記事は色々ありますので、この記事ではAtomicDesignで設計したコンポーネントをVue.jsで実際に運用してみて感じた事をまとめてみました 実際にどんな感じになるか結論から言うと、AtomとMoleculeにStoreを持たせず。 OrganismsとTemplateあたりの粒度でStoreを利用するとIA的にも収まりがいい様に思えます。是非デザイナーにツッコミ入れましょう。 VueコンポーネントをAtomicDesignで実装するとだいたいこんな感じになります。Atomの役割色・タイポ・ボタン固定文言など 直接描画要素にデータをレンダリング描画要素のイベントを発行親要素からのデータ受け取り登場箇所がすごく多いのでステートレスを徹底するStoreみちゃダメ絶対!
経緯 Crowi とは node.js + jQuery (一部React) 製の、オンプレにディプロイ可能な Wiki システム。Qiita でも Crowi タグ で検索すると20エントリーほど引っかかる。 Pukiwiki から Crowi へ うちの会社では創業から10年来 Pukiwiki Plus! を使っていて、サイトを簡単に量産できるようにするための Pukiwiki Plus! Plus! なんていうリポジトリもある程使い倒していたのだが、やはり Markdown で書きたいという動機から代替システムを検討、2016年末くらいから Crowi の試用を行っていた。 が、どうにもかゆいところに手が届かない。 Pukiwiki では利用可能だった以下2点の機能が、移行にあたっては必須事項だった。 任意のページの下の階層のツリー表示を行う事ができること Pukiwiki では
npmと互換性のあるパッケージマネージャー「Yarn」、使っていますか? 筆者は半信半疑で使い始めましたが、今ではすっかりその魅力にハマり、すべてのプロジェクトで使うようになりました。本エントリーではnpmから乗り換えてわかったYarnの4つのメリットを紹介します🐾 。 なお、Yarnについてのインストール方法や基本的な使い方は記事「npm互換のJavaScriptパッケージマネージャーYarn入門」を参照ください。 1. npmと一緒に使えるや〜ん 😽 Yarnを使う前に持っていた最大の懸念は「Yarnを導入したらプロジェクトに関わるメンバー全員がYarnを使う必要があるのか?」ということです。メンバー内全員に新しい技術を使ってもらおうとすれば、それだけで大きなコストになります。 Yarnはプロジェクト内のチーム全員で導入する必要はなく、ある人はYarnを使う、ある人はnpmでパッケ
組み合わせただけの話なのですが、個人用メモ。 ちょっと前に「AWSによるサーバーレスアーキテクチャ」を読んだり、手元で色々試してました。本では、認証に Auth0 というサービスを使っているんですが、本が書かれた頃から Auth0 の仕様が大きく変わっています。サンプルを直すのがつらそうだったのと、その章で説明したい内容はあくまでカスタムオーソライザーの設定で、正直、認証サービスはなんでもよさそうだったので、馴染み深い Firebase Auth を代わりに使ってみました。 AWSによるサーバーレスアーキテクチャ 作者: 長尾高弘出版社/メーカー: 翔泳社発売日: 2018/03/14メディア: Kindle版この商品を含むブログを見る Firebase の ID トークンの作成と確認 Firebase はクライアントサイドで認証が完結しますが、バックエンドの API サーバーでログインし
Lambda オーソライザー (以前はカスタムオーソライザーと呼ばれていました) は、API へのアクセスを制御するために使用します。クライアントが API の メソッドをリクエストすると、API Gateway は Lambda オーソライザーを呼び出します。Lambda オーソライザーは、発信者の ID を入力として受け取り、IAM ポリシーを出力として返します。 Lambda オーソライザーを使用して、カスタム認証スキームを実装します。スキームでは、リクエストパラメータを使用して、発信者のアイデンティティを判断したり、OAuth や SAML などのベアラートークン認証戦略を使用したりできます。Lambda オーソライザーは、API Gateway REST API コンソール、AWS CLI、または AWS SDK を使用して作成します。 Lambda オーソライザーの認証ワークフ
第2回では、Vue.jsの基礎文法について、駆け足で紹介します。 Vue.jsは、ビューの領域にフォーカスしたシンプルなライブラリです。そのため、他のライブラリとの連携や、既存のプロジェクトへの導入も容易です。今回の内容を通して、自身のプロジェクトにVue.jsを導入するきっかけにしてください。 記事の内容は、Vue.jsがロードされたjsfiddleにアクセスして、コードを入力することで試せます。詳しい文法について知りたい場合は、公式のガイドやAPIリファレンスを参照してください。 Vueインスタンスとデータバインディング Vue.jsで基本になるのは、Vueコンストラクタから生成されるインスタンスです。 var vm = new Vue({ el: '#example', // document.getElementById('example'), $('#example')[0] も
2018.11.3に行われたVue Fes Japanの資料をまとめました。 Vue Fes Japan公式サイト オープニングムービー Vue Fes Japanオープニング キーノート 「Vue 3.0 Updates (Evan You)」 スライド セッション動画 ランチセッション Progressive Repro Frontend (スライド) LINE株式会社 LunchスポンサーLT (スライド) 通常セッション Next-level Vue Animations (Sarah Drasner) スライド セッション動画 Vue.jsとWeb Componentsのこれから (Takanori Oki) スライド セッション動画 Vue Designer: デザイナーと実装の統合 (katashin) スライド セッション動画 Unit testing a Vuex sto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く