Vue.js templateタグをうまく使ってローディング後にガクッとなる現象を解決する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
「自分ググラビリティ」を上げて「情報アウトプット富豪」になろう。Github Qiita Twitter など、全てのSNSを固定アカウント名に統一すべき理由。エンジニアの就職・転職対策にも。 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? その理由は 「自分ググラビリティ」を上げるため。 「アウトプット富豪」「インデックス富豪」になるため。 「自分ブランド」を確立して「エンジニアの就職・転職対策」をするため。(意識高い系) (かっこわらい) アカウント名作成・ログインに悩まないため。 (超おまけ) その理由は「自分ググラビリティ」を上げるため 自分は自分を助く。 それが理由。 この威力は本当にすごい。実感せよ。 Qiitaに記事を書くコツは「自分を読者にする」に限る - Qiita 個人的な良い記事のガイドライン = 2ヶ月前の自分が泣いて喜ぶような記事を書く - Qii
Django ChannelsでできるリアルタイムWeb - Qiita
はじめに この記事は、Django Advent Calendar 2016 17日目の記事です。 Django Channelsとは Django Channels — Channels 0.17.2 documentation Channels is a project to make Django able to handle more than just plain HTTP requests, including WebSockets and HTTP2, as well as the ability to run code after a response has been sent for things like thumbnailing or background calculation. Channelsは、DjangoがWebSocketやHTTP2などの単純なHTTP
Django Channels + Vue.js でWebSocketをつかってTrelloみたいなカンバンを作ってみた - Qiita
6コンテナが起動して結構仰々しいです。特にDjangoが2コンテナ上がってしまいます。本番用であればdaphneをつかって1コンテナだけで済みますし、開発中のホットリロードを実現するにはrunserverでいいのですがそれぞれ以下の問題があります。 daphne ホットリロードがない HTTP/WSはどちらも対応できる runserver(channels有効済) ホットリロードあり HTTP/WSはどちらも対応できる staticfileの配信がおかしい(できない？) という状況です。そこでHTTPとStaticfileの配信をchannelkanban_serviceで行い、WebSocketだけchannelkanban_websocketで行っています。WebSocketでのアクセスは/ws/をパスに含めるようにしてnginxでリバースプロキシさせました。 Vue.jsでのコンポー
vueでwindowを使うとエラーになる - Qiita
<script> export default { computed: { windowSize: () => { return { x: window.innerWidth, y: window.innerHeight } } } } </script> window is not defined 原因 コンポーネントのライフサイクルが関係しており、適切な場所でwindowを使わなければならない ライフサイクル 解決策 mountedでwindowSizeをセットするように実行 <script> export default { data: () => ({ windowSize: { x: 0, y: 0 } }), mounted () { this.onResize() }, methods: { onResize () { this.windowSize = { x: windo
Electronよりもお手軽に！NW.jsならデザイナーでもデスクトップアプリが作れる
Webの技術でデスクトップアプリが作れるフレームワークといえばElectronが有名ですが、より手軽に使えるのがNW.jsです。デザイナーでもちょっとしたデスクトップアプリならすぐに作れちゃいますよ。 NW.jsは、HTML、JavaScript、CSSといったWeb技術を使ってネイティブアプリを作るフレームワークです。一番単純なケースだと、手慣れたワークフローでWebアプリを作り、最後にジェネレーターですべてをコンパイルして、ブラウザー同様にWebアプリを表示できるネイティブアプリを作ります。このようなアプリケーションは「ハイブリッドアプリ」と呼ばれます。 ハイブリッドアプリがすばらしいのは、単になじみのある言語（HTML、JavaScript、CSS）で書けるというだけでなく、本質的に次のような普通のWebアプリよりも優れた点があるからです。 ブラウザーの種類とバージョンをコントロール
vuexを少しずつ少しずつ理解していこう(Nuxt.js環境下) その1(state,getters編) - Qiita
#vuexシリーズ このページはここ→vuexを少しずつ少しずつ理解していこう(Nuxt.js環境下) その1(state,getters編) vuexを少しずつ少しずつ理解していこう(Nuxt.js環境下) その2(mutations編) vuexを少しずつ少しずつ理解していこう(Nuxt.js環境下) その3(actions編) vuexとは textVuex は Vue.js アプリケーションのための 状態管理パターン + ライブラリです。 これは予測可能な方法によってのみ状態の変異を行うというルールを保証し、アプリケーション内の全てのコンポーネントのための集中型のストアとして機能します。 --公式サイトより抜粋-- よく見かけます上記図がvuexですが、ReactのFlux(概要説明)などの知識が皆無の私にとっては全く何のことだかわからず。全ての機能をいっぺんに理解するには頭にはつ
Flutter アプリに Firebase を追加する
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 前提条件 お好みのエディタまたは IDE をインストールします。 以下のコンポーネントを含む、ご利用のオペレーティング システムに対応した Flutter をインストールします。 Flutter SDK サポート ライブラリ プラットフォーム固有のソフトウェアと SDK Google アカウントを使用して Firebase にログインします。 Flutter アプリがまだない場合は、スタートガイド: テストドライブを参照して、お好みのエディタまたは IDE で新しい Flutter アプリを作成してください。 ステップ 1: 必要なコマンドライン ツールをインストールする まだインストールしていない場合は、Firebase CLI をインストールします。 Google アカウントで Fi
Repro（リプロ）｜Webとアプリの売上最大化ソリューション
ツールとヒトの力で Webとアプリの 売上を最大化 Reproは、マーケティングツールと運用支援を ワンストップで提供しお客様の成果創出まで伴走します。
DesignOps - Google 検索
DesignOps（Design Operationsの略）とは、製品デザインを効率化してビジネス価値を上げるために、デザインプロセス、人材、テクノロジーを最適化することであり、主に以下のようなことが挙げられます： 適切なスキルセットと共通の目的を持つ人材を集めたチームを構築する
VueFes.pdf - Speaker Deck
ίϯϙʔωϯτϕʔεͷར σβΠϯઢ σβΠϯͷϧʔϧ͕໌֬Խ͠ ଐਓੑʹΑΒͳ͍σβΠϯ͕ՄೳʹͳΔ ΧϥʔελΠϧͳͲʹઆ໌จΛॻ͘ͱ ϧʔϧΛकΓͳ͕ΒσβΠϯ͍͢͠ ࠶ར༻͍ͨ͢͠ΊɺσβΠϯ͕ݮΒͤΔ ݟͨͷʮσβΠϯʯͰͳ͘ɺ ϧʔϧͱͯ͠ͷʮσβΠϯʯΛ ͭ͘Δͱ͍͏ҙ͕ࣝࣗવͱժੜ͑Δ Ұ෦͢ͱͯ͢Δ ίϛϡχέʔγϣϯίετ͕ݮΔ ਖ਼͍͠σβΠϯʹ͍ͭͯͷڞ௨ཧղΛ࣋ͪ ͍͢ શମͷ౷ҰײɺҰ؏ੑΛҡ͍࣋͢͠ ΤϯδχΞઢ ΤϯδχΞͰ͍ܰσβΠϯͰ͖ΔΑ͏ʹͳΓ ͦ͏ XD, Sketchͷ࡞ΓࠐΈ࠷ऴՌʹ ͳΒͳ͍͜ͱ͕ٯઆతͳར scoped cssͰBEMֶशίετ͕աࢿʹͳͬͨ StorybookΛར༻ͯ͠ ݟͨͷ֬ೝ͕Ͱ͖Δ σβΠϯͷஈ֊͔Β࠶ར༻ੑΛߟ͑ͨUIઃܭΛ͢ Δ͜ͱͰɺ CSSͳͲ࣮ͷ߹͕ࣗ
Flutterを使って1年の振り返り｜najeira｜note
※この記事は Android / iOS アプリの開発にクロスプラットフォームの Flutter を実戦投入した の続編です。 さて、前回の記事ではFlutterを使ってアプリを作ってから半年……というところでしたが、更に半年が経過して、Flutterを使い始めてから1年となりました。区切りもよいので、現時点での振り返りをしておきます。Flutterとは何か？ や、採用の経緯については、前回の記事に詳しいので、そちらをご覧ください。 それでは、良いところ、悪いところなど、いくつかの項目で感想など書いていきます。 UIが作りやすいよりFlutterになれてきましたので、特に調べることなくUIを作れるようになりました。プログラミング言語で（DSLなどの特別な記法ではなく）UIのツリーを書けるのは 書きやすく/読みやすく 気に入っています。 XMLやIBだと、状態によって変わるUIを表現しきれず
翻訳記事:俺のFlutterはレボリューション(革命)だ！ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この記事は、What’s Revolutionary about Flutterを翻訳したものです。 最近よく聞くFlutterについての理解を深めたく、人気記事を日本語化しました。 QiitaにてFlutter,Dartなどで検索しても中々記事が見当たらないので、QiitaにおけるFlutterの啓蒙活動の一環も兼ねていますし、自身の英語力向上も兼ねています。 なお、誤訳がありましたらリクエストを頂けると幸いです。 Flutterとはなにか？ FlutterSDKとは、かつて一般的であった「クッキーカッター」のようなアプリと
Flutterで社員研修用のアプリを作った話 - pixiv inside
みなさんはじめまして。初めてじゃない方はお久しぶりです。ピクシブでAndroidアプリエンジニアをしておりますconsommeです。 ピクシブでは基本的に年一回、社員同士の交流を深めるという目的のもと、社員研修を開催しています。2018年は2泊3日の沖縄研修が計画されました。そのなかで研修運営チームから「社員研修で使うアプリを作れないか？」という相談を受けました。 研修中は基本的にチーム行動になるので、自分のチーム以外の人が何をしているかがわかりづらい。それなら各自で研修中に撮った写真を共有して、みんなで楽しめれば社員同士の交流につながるのではないか、そのためのアプリが欲しい、とのこと。 そう言われるとアプリエンジニアとしては作らないという選択肢はありません。ぜひやりましょう、ということで、社員研修を盛り上げるためのアプリを開発することになりました。 システム構成 アプリ側 アプリはFlu
Plans & Pricing | Figma
Downloads Get the desktop, mobile, and font installer apps
Material Design + Figma Styles = 🔥
Often when we think of design systems, we think of a tightly controlled collection of components, patterns and guidelines in order to ensure consistency across a product. Often when we think of design systems, we think of a tightly controlled collection of components, patterns and guidelines in order to ensure consistency across a product. In the context of a single product or brand, this makes a
汎用言語表現モデルBERTを日本語で動かす(PyTorch) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今DL for NLP界で、BERTというモデルが話題です。PyTorchによる実装が公開されていたので、日本語Wikipediaコーパスに適用してみました。 コードはこちらに公開しております。 2018/11/27 作成したBERTのモデルを使って内部動作の観察とその考察を行いました。単語の潜在表現獲得の部分で感動的な結果を見せてくれました。ご興味あればご覧ください↓ https://qiita.com/Kosuke-Szk/items/d49e2127bf95a1a8e19f この記事ではBERTのポイントの解説と、ポイントごとの実
コードサイニング証明書 - Google 検索
コードサイニング証明書は、ソフトウェアにデジタル署名を行う電子署名用の証明書です。ソフトウェアの配布元を認証し、なりすましや内容の改ざんなどがされていないことを ...
Code Signing Certificates - Google 検索
Code Signing Certificates are used by software developers to digitally sign apps, drivers, and software programs as a way for end-users to verify that the code they receive has not been altered or compromised by a third party. They include your signature, your company's name, and if desired, a timestamp.
Unityで作ったゲームがウイルス扱いされた話 - Qiita
デジゲー博お疲れ様でした。 帰ってきてから、即座にぶっ倒れて起きたら、 「インストーラーをDownloadしたら、トロイの木馬として検出されました」 と、ユーザさんからレポートを受けて、 かなり慌てて色々調べたり、検証したりしました。 調査1 Unityの吐いたファイル インストーラー（Inno Setup）が吐いたファイル 展開されたファイル 全部洗ってみた。 ファイル改竄はどの段階でも見当たらず、また、当然この状態ではアンチウイルスには引っかからない。 調査2 アンチウイルスあるある、WhiteListのURL以外からDownloadされたものは、特定の検知ロジックが走る。 これを思い出し、実際に配信に使用している、配信サービスConcaからのダウンロードで検証。 結果、再現！！ アンチウイルス系のトラブルは検証環境が作れれば9割解決したも同然なので、一気に対処に突入！ 対処 参考にな
CSS-in-JSのライブラリとして「emotion」を選択している理由 - Qiita
どうも、sakitoです。 本業や副業でもReactを使っているのですが、CSS-in-JSを実現するためのライブラリとして、emotionを採用しています。 今回はemotionの紹介も交えながら、採用している理由を投稿します。 emotionとは？ emotion - Introductionでも記載があるとおり、glam、glamor、styled-components、glamorousに触発された後発ライブラリです。 たとえばglamorousはpaypalが開発をしていたcss-in-jsのライブラリなのですが途中でメンテナンスが停止しました。 その理由については、glamorousのGitHubにこのような記載があります。 For details on the unmaintained status (and to help people with an automated
【React】新機能hooks - Qiita
はじめに 会社で色々な事件に巻き込まれしまってなかなか書けなかった不幸な日々でした。 ちょっと乗り遅れた感あるんですが、自分の勉強と理解がてら新しい機能であるhooksを書いていきます。 hooks hooksはclassを書くことなくstateとか、色々な機能を使うことができる新しい機能です！React v16.7.0-alphaから使えます。 create-react-appでつくると、僕がやってみたときは16.6だったので、ちょっとアップデートしないとできないので注意です。 そして、かつてはSFCと呼ばれる関数定義のコンポーネントたちも、ここではSFCではなくFCになります。 なにせstatelessではないからね・・・！！。 state この機能を使うと、functional componentがstateを扱えるようになります。ちゃんとre-renderされようとも値を保持してく
CircleCI で入門する Docker - Qiita
at コンテナに乗り遅れた人たちへ 2018/11/02 想定する対象者 コンテナをこれから利用していきたい (大前提) Web アプリケーション開発者 今日話さないこと CircleCI の細かいセットアップ周り 適宜ググるなどしましょう 資料は公開してるので、メモしたり写真を取るよりも雰囲気で聞きましょう Docker を始めよう！ どこから始めるか? 本番環境？ アーキテクチャの見直しを伴う可能性もあり、いきなりはリスクが大きいのでオススメしない デプロイも当然色々変わる Twelve Factor App になっていればいけるかも？ まずは Heroku 対応からやってみるとコンテナ対応しやすい 始めるなら始めやすいところから Docker を始めやすいところ 開発環境 本番環境と違ってリスクは小さい 徐々にコンテナ対応を進めれば良い 結局のところアーキテクチャの見直しを伴う可能性
ファン・ダン・ラーン(FDL)ふりかえりボード - Qiita
ふりかえりで使える手法としてKPTやYWTなどがありますが、新しくファン・ダン・ラーン(Fun/Done/Learn)というアプローチを作ったので紹介します。チームがやったことを、Fun、Done(またはDeliver)、Learnという3つの軸とその重複で見直します。上の図のように、Fun、Done(Deliver)、Learnのを重ね合わせた図をボード上に書いて、そこに分類していきます。 この図を見れば、経験のあるファシリテーターやスクラムマスターなら自分なりのやり方が思いつくのではないでしょうか。ぜひ自由に使ってみてください。以下では、私たちが実際に試してみた方法を紹介します。 まずホワイトボードや模造紙に、上のFun/Done/Learnの図を描く。重なり合う領域が狭くなりすぎないよう気をつけること メンバー1人ひとりで、やったことを付箋に書き出す 付箋の内容を共有して会話しながら
Pythonで株価を機械学習モデルに投入して、グラフに表示してみる - Qiita
はじめに 最近の個人的なブームはブロックチェーン・仮想通貨です。 それに伴って（？）仮想通貨など考えるならば、株価を、機械学習で予測することのほうが良いのではないかと思い立った次第です。 とりあえず、データを集めて、それを機械学習のライブラリ（scikit-learnのSVM）に投入してモデルごとの結果を図示化を行いました。 厳密にいえば、今回のものは将来予測ではなく最適収斂モデルなので微妙に違うところもありますが。。 しかしこれは第一弾で、投入データを増やす、モデルをKeras,Tensorflow,chainerなどのやつにする、海外の文献をあさるなど今後に取りうる方針はいろいろありますが、まずはメモ書き残し用途です。 結果 ソースコード import csv import numpy as np from sklearn.svm import SVR import matplotli
connpass - エンジニアをつなぐIT勉強会支援プラットフォーム
注意 現在X(旧Twitter)でのソーシャルログインができない事象を確認しています。事前にX(旧Twitter)側で再ログインした上でconnpassのソーシャルログインを行うか、 「ユーザー名(またはメールアドレス)」と「パスワード」の組み合わせでのログインをお試しください。合わせてFAQもご確認ください。 お知らせ 2024年9月1日よりconnpassサービスサイトへのスクレイピングを禁止とし、利用規約に禁止事項として明記します。 9月1日以降のconnpassの情報取得につきましては イベントサーチAPI の利用をご検討ください。 お知らせ connpassではさらなる価値のあるデータを提供するため、イベントサーチAPIの提供方法の見直しを決定しました。2024年5月23日(木)より 「企業・法人」「コミュニティ及び個人」向けの2プランを提供開始いたします。ご利用にあたっては利用
ATND で募集したイベントのキャンセル率/無断欠席率の高さについて - 肉とビールとパンケーキ by @sotarok
このところいろいろなコミュニティ(技術系だけでなくかなり多種多様 ... いやまあ，インターネット周辺のものですが，当然．)が，ATNDを使ってイベントの参加者登録を受け付けるようになってきた． ATNDは，OpenIDを使ってイベント作成も参加登録もサクっとできるし，開催者としてはわざわざ受付フォームを作ったりしなくて良いので，大変ありがたいシステムだ．だけど，その「サクっと」の簡単さ故，表題の「キャンセル率」「無断欠席率」が異常に高いように感じる．（というか，ATNDでイベント開催した人たちと話をするとだいたいこの辺の問題点があがる） 例えば，昨日の Boost.勉強会 : ATND では，開催される時間から過去24時間にキャンセルした人が急激に増えたし(そして合計32人)，当日会場の席もかなり余裕のある状態だったので80人きていたようには思えなかった（ちゃんと数えてなくてすいません．
「GDPRとかいろいろあるけど、それでも個人でWebサービス開発やっていこうよ」という話 - えいのうにっき
前回のエントリ↓のつづき。 blog.a-know.me Pixelaを作り、運用するにあたって、「今までやったことなかったけど、今回は絶対にやってみよう」と思っていたことがあって、それが「利用規約の整備」と「GDPRにちゃんと向き合うこと」だった。 なお、以下の文章は「ごく最近に "利用規約" というものに向き合い始めたばかりのド素人」が書いているものであり、その正確さ等については一切保証できません。が、「今回僕はこうやった」ということについて書いてあるため、もし誤解や不足、問題点などがあればぜひご指摘いただきたいです。プログラミングといっしょで、問題点をひとつずつ直していくことを通じて "安心して使ってもらえる・運用していけるWebサービス作り" を上達していきたい、という気持ちがあります。 なぜ取り組もうと思ったか？ 僕はとにかく意識が低くて、GDPRが施行されるという今年の5月下旬
AWSを使うときに確認すべき52のセキュリティチェック項目と15分でできる簡単なチェックの方法｜DevelopersIO
はじめに 自分が使っているAWS環境のセキュリティに問題がないかと心配になることはないでしょうか？私はよくあります。そこでCIS Amazon Web Service Foundations Benchmark というAWSのセキュリティのガイドラインに沿って使っているAWSアカウントのセキュリティの状況をチェックしてみました。チェック項目は全部で52あります。内容を一通り確認したところ知らなかったAWSのセキュリティの機能やノウハウを知ることができ、見ただけでもとても勉強になりました。簡単にチェックする方法も併せて紹介しますのでぜひ使っているAWS環境でチェックしてみてください。 1 IAM 1.1 rootアカウントを利用しない rootアカウントは強力な権限を持つため、rootアカウントを利用せずIAMユーザーを利用してください。通常運用でrootアカウントが利用されていないか確認し
CircleCIを使って「完全サーバーレス運用」を実現した話
はじめに こんにちは、BizHint事業部でエンジニアのとみーです！今回はCircleCIを使ってCI環境を構築した件について書かせていただきます。 2023年12月、株式会社ビズヒントの全保有株式をスマートキャンプ株式会社に譲渡しました。 背景 BizHint事業部では現在、GCPのApp Engineなどを使ったサーバーレスなアプリケーションを開発しています。新規サービスのβリリースに際し、CI環境を整備する必要がありました。 AWS上ですでに運用されている別サービスではCI環境としてJenkinsサーバーを使っているのですが、VPC内専用としているため、GCPに新しく自前のJenkinsサーバーを構築する必要があります。 チーム内では「完全サーバーレス運用(NoOps!)」することを目指していたため、 CI環境だけサーバを構築/運用をするなど言語道断 という結論になりました。そこで、
『Vue.js入門 基礎から実践アプリケーション開発まで』刊行記念特別インタビュー～Vue.jsの魅力とこれから～：インタビュー｜gihyo.jp … 技術評論社
『Vue.js入門 基礎から実践アプリケーション開発まで』刊行記念特別インタビュー～Vue.jsの魅力とこれから～ 『Vue.js入門 基礎から実践アプリケーション開発まで』の発売を記念して、著者陣にVue.js関連のインタビューを行いました。なぜVue.jsを採用したのか、どのように使っているのか、そしてバージョン3のアナウンスでますます注目が集まるVue.jsの今後まで、さまざまな話題について伺った模様をお届けします。 Vue.jsをどうして、どのように使っているのか。 ――今回はVueを使う理由や、Vueの今後についてみなさんにインタビューしていきます。よろしくお願いします。まず、なぜVue.jsをプロジェクトに採用したのでしょうか？ 手島：ちょっと昔話になりますが、初めてVueを導入したのはv1.0より以前のタイミングでした。v0.8とか（笑）。Vue.js、React、Ang
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nuxt.jsのvuexでMoment.jsを利用する - Qiita
Amazon.co.jp: Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発: 花谷拓磨: 本
GitHub - denzow/channel-kanban: Django Channels をつかったカンバンを作ってみる
vuetifyでcard内のavatarを中心に持ってくる - Qiita
v-iconを使ってもテキストが表示される - Qiita
GASでSlackBot書くときに参考にしたやつ - Qiita
NW.js - Google 検索
Carlo、vue-cli、pkgを使ってvueを使ったデスクトップアプリケーションを作る - Qiita
GitHub - vercel/pkg: Package your Node.js project into an executable
Vue Fes Japan 2018セッション資料まとめ - Qiita
Progressive Repro Frontend #vuefes
Flutter - Google 検索
Bitrise | Team Pricing
Peatix - Google 検索
connpass - Google 検索
ATND - Google 検索