reveal.js用のエディタを自作したら、LT用資料が爆速で作れるようになって俺得だった件 - Qiita
本記事のサマリ 普段使っているreveal.jsというmarkdownでライトニングトーク用の発表資料を作れるツール用に、よい感じのエディタが無かったので、Electronで自作しましたという話。 reveal.jsで表示した見た目を即確認しつつmarkdownでつらつらとかけるようなアプリ こんな見た目 スクショをそのままコピペできるようにしたので、資料づくりが爆速になった Skitchで文字を書き込んだ画像も直接ドラッグ＆ドロップできるようにしたので、爆速にな(ry 技術的な話はまた別途まとめるつもりなので、この記事にはトピックだけまとめています(詳細はまた別途) 作ったアプリのリポジトリはこちら 作ったアプリのダウンロードはこちら アプリの説明や作成の動機をまとめた資料(この自作アプリで作りました) このアプリをネタにした勉強会資料：electronアプリで学ぶフロントエンド(この自
GASとVueでサーバレス社内チーム向け工数管理 - Qiita
##作った経緯 これまでスプレッドシートを使って社内チームの工数管理を行なっていたが、 「もう少し細かい工数管理がしたい。」 「集計がしずらい」 「残業管理もできれば」 みたいな話が上がってきたので、 元々スプレッドシートを使っていたので、 GASでフォームを使ってスプレッドーシートに情報が入っていくようなシステムをVueで作った。 技術的には GAS,Vue,スプレッドシート関数 と言ったところ。 ##現時点で実装が出来たこと スプレッドシートでクライアント、プロジェクト、案件を管理 ユーザーが投稿するフォームにはスプレッドシートのクライアント、プロジェクト、案件が選んだ内容でプルダウンが切り替わる。 ユーザーは１日ごとに行なったクライアント_プロジェクト_案件_かかった時間をフォームから入力 フォームがSUBMITされた内容を計算用シートにぶち込む。 ##気をつけたところ 機密情報もあ
GAS＋Vue.jsでサーバレスなWebアプリ③ - Qiita
はじめに GASのHtmlServiceを使ってSPAライクなWEBアプリケーションを書くことになったのでその時のメモです。 こちらの記事の続きとなります。 前回までの記事 GAS＋Vue.jsでサーバレスなWebアプリ① GAS＋Vue.jsでサーバレスなWebアプリ② 本記事では、サーバサイド側のGASから取得したスプレッドシートのデータをVueインスタンスを用いて描画してみたいと思います。 今回のアウトライン GAS関数呼び出しの基本 クライアントサイド実装 サーバサイド実装 終わりに それではさっそく書いてみるよ。 1. GAS関数呼び出しの基本 クライアントサイドからのGAS関数の呼び出しは大きく２つの方法があります。 一つは前回の記事でも少しだけ触れたのですが、テンプレートタグを用いる方法です。 <?!= yourServerSideFunction() ?> こんな感じのタグ
「AIメーカー」で画像・音声・動画ファイル、YouTube、録音から文字起こしを行う議事録AIを作ってみた - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? みんな～！「AIメーカー」で文字起こし機能をリリースしたよー！ 以下の方法で簡単に文字起こしを試せるので、ぜひ使ってみて～！！ 📺YouTubeから文字起こし 🔗画像、音声、動画から文字起こし 🎙️録音で文字起こし AIをうまく使って少しでも面倒な作業から解放だぁ～！https://t.co/qo13Wo6Yli pic.twitter.com/gsRigVROnK — 2z＠みんなのAI「AIメーカー」開発中 (@2zn01) 2018年8月18日 こんにちは、2z（Twitter： @2zn01 ）です。 誰でも気軽にAIを使
GoogleAppsScriptでTwitterの画像を収集する - Qiita
本記事は本記事はマイネット Advent Calendar17日目の記事です。 7日目も書かせて頂きました@w_cotaがお送り致します。 はじめに 弊社 Advent Calendar 8日目で@peto_tnも申しておりましたが弊社では効率化など様々の目的からSpreadsheetsを始めとする多くのGoogle Appsを利用して運営を行っております。 社内でも運営に関わるKPI指標なりイベントスケジュールなりをSpreadsheetsなどで管理しており、それらを効率化するため社内のエンジニアはGoogleAppsScript(以下GAS)を活用して便利スクリプトなどを書いているのですが、私は殆どGASを触ったことがありませんでした。 そこで今回このような機会も得たことですし一念発起、まずはGASを触ってみようじゃないかということで完全に趣味のスクリプトを書いてみましたのでそのご紹介
「いまさら」なんて言わないで！ちょっと気が利くカード型レイアウト、Semantic UIで
すっかり定番になりつつある、カード型のレイアウト。単なるカードを並べるではなく、ちょっと気の利いた動きやビジュアルにもこだわったデザインを、Semantic UIで。 2016年、Web開発者にとって重要なトレンドの1つが、「カードベース」のデザインであることは間違いありません。 カードは多くのソーシャルサイト（Dribbble, Twitter, Facebook, Pinterest, Trelloなど）のWebとアプリで大きな成功を収めており、特にモバイルで使用されています。コンパクトで情報をまとめやすく、柔軟性が高いため、開発者にとってレスポンシブレイアウトを構築する際に便利で、コンテンツを別のコンテクストに適応しやすくなります。 ブログ投稿のリスト、レシピ記事、製品概要、特徴のハイライト、自己完結するウィジェットの作成など幅広いシナリオにカードが使えます。カードとは何か、そしてな
Vue.jsでカレンダーらしきものを作った - Qiita
Vue.jsを使ってカレンダーっぽいものを作ってみました。 全てが祝日かつ大安の素晴らしいカレンダーです。 なるほどHOLIDAYじゃねーの ちなみに画面レイアウトはcssでdivにdisplay:flexを適用していい感じに並ぶようにしてます。 Vue.jsについて 調べるとMVVMフレームワークだとかの話が色々出てきますが、とりあえず今のところは 簡単にデータバインディングができたりカスタムタグっぽいもの(component)が作れたりするので javascriptで動的なWebページを作りたい時とかに便利 ぐらいの認識です。 基本的な使い方は公式のガイドを読んだほうが早そうです。 Vue.jsを使ったところ HTML側 <div id="calendar"> <div class="flex main"> <!-- 前月移動ボタン --> <div class="headerItem
SSRじゃなくても大丈夫！AngularでつくったWebサイトをGoogleに読み込ませる方法 - Qiita
GoogleはJavaScriptを読むことはできるが。 Googleの進化は早いもので、「JavaScriptフレームワークは検索に弱い」と言われたのは今は昔。JavaScriptをちゃんと読み込み、レンダリング後をインデックスしますので、今では検索結果に表示するためだけにServerSideRenderingやpre-renderingをする必要はなくなりました。 ただ、その一方で、Googleのクローラーで採用されているJavaScriptのバージョンは低いです。ES5を使ってる模様。ES6以降を使って書いているJavaScriptコードは、Googleのクローラーは認識しない可能性があります。 AngularはES5への互換をデフォルトでは外している AngularにはES5互換のためにスターターテンプレートにsrc/polyfills.tsが内包されています。これを使うと、ES5
Search Console の概要 - Search Console ヘルプ
Google Search Console は、Google 検索結果でのサイトの掲載順位を監視、管理、改善するのに役立つ Google の無料サービスです。Search Console に登録しなくても Google 検索結果にサイトが表示されるようにすることはできますが、Search Console に登録することで、Google のサイトに対する認識を理解し、改善できるようになります。 Search Console には、以下を行うためのツールとレポートが用意されています。 Google がサイトを検出してクロールできることを確認する。 インデックス登録に関する問題を修正し、新規コンテンツや更新したコンテンツのインデックス再登録をリクエストする。 サイトの Google 検索トラフィック データ（サイトが Google 検索結果に表示される頻度、サイトが表示されたときの検索クエリ、検
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vue-cliで始めるVue.jsチュートリアル (1) - Qiita
知られちゃいけないファイルをJPEG画像に隠す「Free File Camouflage」NOT SUPPORTED
GitHub - comfuture/nuxt-payload: experimental content negotiate feature on nuxt.js
ShouldBee - テスト作業を限りなくゼロに
Google Apps Scriptで画像をダウンロードしてGoogle Driveに保存する方法 - あずみ.net
Googleドライブに置いた画像のURL取得方法 (オリジナルとサムネイル) - Qiita
GitHub - lkmadushan/vue-tuicalendar: Vue.js wrapper for TOAST UI Calendar
GitHub - nathanreyes/v-calendar: An elegant calendar and datepicker plugin for Vue.
Optical Character Recognition (OCR) Tutorial | Cloud Run functions Documentation | Google Cloud
GitHub - nuxt/create-nuxt-app: Create Nuxt.js App in seconds.
【Vue.js】爆速でリッチなマークダウンエディタをつくれるmavonEditorを使おう - Qiita
