「Designship 2024」は、2024年10月12日・10月13日に開催されます。様々な業界における一流デザイナーが集結し、それぞれの叡智や想いを爆発させる日本最大級のデザインカンファレンスをお楽しみに。
「Designship 2024」は、2024年10月12日・10月13日に開催されます。様々な業界における一流デザイナーが集結し、それぞれの叡智や想いを爆発させる日本最大級のデザインカンファレンスをお楽しみに。
作った経緯 これまでスプレッドシートを使って社内チームの工数管理を行なっていたが、 「もう少し細かい工数管理がしたい。」 「集計がしずらい」 「残業管理もできれば」 みたいな話が上がってきたので、 元々スプレッドシートを使っていたので、 GASでフォームを使ってスプレッドーシートに情報が入っていくようなシステムをVueで作った。 技術的には GAS,Vue,スプレッドシート関数 と言ったところ。 現時点で実装が出来たこと スプレッドシートでクライアント、プロジェクト、案件を管理 ユーザーが投稿するフォームにはスプレッドシートのクライアント、プロジェクト、案件が選んだ内容でプルダウンが切り替わる。 ユーザーは1日ごとに行なったクライアントプロジェクト案件_かかった時間をフォームから入力 フォームがSUBMITされた内容を計算用シートにぶち込む。 気をつけたところ 機密情報もあるので、基本クロ
Google がホスティングするサーバーでAppsをJavascriptでかけるシステム。 Google Apps Script で 業務アプリを作る利点 Googleの各種サービスに非常に簡単にアクセスできる。 riot.js とは react.js ライク な フロントエンドを構築する javascript のライブラリ。 フロント界隈で一番イケてるのは AngularJS でも React でもなく Riot.js だという話 を読んでみよう。 boostrap とは グリッドシステムがとても使いやすいCSSのフロントエンドのフレームワーク。 実践 Google Apps Script の基本部分を作成 [コード.js] function doGet(){ var pageTemplate = HtmlService.createTemplateFromFile('index');
簡単なWebアプリを作ったので、コアな部分を残しておこうかと思います。 作った経緯とかは余談を参照下さい。 サンプル SpreadSeets GoogleAppScript 生成したWebサイト ※ 承認が必要です スプレッドシートのデータを取得 GASからSpreadSheet(以下、SS)のデータを参照する方法はいくつかあるのですが、 非同期で取得する方法について説明します。 /* get Spresd Sheet Values */ function getSSValues(sheetName) { var SSValues = SpreadsheetApp .openById( ****** SPREADSEET ID ****** ) .getSheetByName(sheetName) .getDataRange() .getValues(); return JSON.stri
はじめに GASのHtmlServiceを使ってSPAライクなWEBアプリケーションを書くことになったのでその時のメモです。 こちらの記事の続きとなります。 前回までの記事 GAS+Vue.jsでサーバレスなWebアプリ① GAS+Vue.jsでサーバレスなWebアプリ② 本記事では、サーバサイド側のGASから取得したスプレッドシートのデータをVueインスタンスを用いて描画してみたいと思います。 今回のアウトライン GAS関数呼び出しの基本 クライアントサイド実装 サーバサイド実装 終わりに それではさっそく書いてみるよ。 1. GAS関数呼び出しの基本 クライアントサイドからのGAS関数の呼び出しは大きく2つの方法があります。 一つは前回の記事でも少しだけ触れたのですが、テンプレートタグを用いる方法です。 <?!= yourServerSideFunction() ?> こんな感じのタグ
Send feedback HTML Service: Best Practices Stay organized with collections Save and categorize content based on your preferences. Creating user interfaces with the HTML service follows many of the same patterns and practices as other types of web development. However, there are some aspects that are unique to the Apps Script environment or are otherwise worth highlighting. Below we'll cover some b
Send feedback HTML Service: Templated HTML Stay organized with collections Save and categorize content based on your preferences. You can mix Apps Script code and HTML to produce dynamic pages with minimal effort. If you've used a templating language that mixes code and HTML, such as PHP, ASP, or JSP, the syntax should feel familiar. Scriptlets Apps Script templates can contain three special tags,
はじめに GASのHtmlServiceを使ってSPAライクなWEBアプリケーションを書くことになったのでその時のメモです。 こちらの記事の続きとなります。 今回のアウトライン CSSファイルとJavascriptファイルを作成する。 index.htmlからCSSとJavascriptファイルを読み込む。 終わりに それではさっそく書いてみるよ。 1. CSSファイルとJavascriptファイルを作成する。 前回の記事で作成したGASプロジェクトに以下のファイルを作成していきます。 プロジェクト内には.gsファイルか.htmlファイルのどちらかしか作成できないので、どちらも.htmlファイルとして作成します。
function doGet(request) { var template = 'index'; return HtmlService.createTemplateFromFile(template).evaluate(); } <!DOCTYPE html> <html> <head> <base target="_top"> <meta charset="utf-8"> <style> p { color: #4aac00; } </style> <!-- vue.js --> <script src="https://cdn.jsdelivr.net/npm/vue"></script> </head> <body> <div id="vm"> <p>{{ message }}</p> </div> <script> var vm = new Vue({ el: "#vm", da
配列の追加・取り出しに関する4つのメソッド(unshift, shift, pop, push)がいつも混乱するので絵で整理した。 絵にすれば覚えられそう!いちお練習のため、自分がよく使うRuby, PHP, JavaScriptでコードも書いた。 ・いずれの言語においても上記4つのメソッドは似たような名前で存在しており、用途も同じ。 ・いずれの言語のいずれのメソッドも破壊的メソッド。 ・言語、バージョンによってメソッドの返り値は異なる。 という具合だった。 Ruby ruby 1.9.2 # unshift a = [1, 2, 3] b = a.unshift 0 p a #[0, 1, 2, 3] p b #[0, 1, 2, 3] # shift a = [1, 2, 3] b = a.shift p a #[2, 3] p b #1 # pop a = [1, 2, 3] b =
子供のころ見えないインクを使ったペンで秘密を書き込んだように“電子あぶり出し”ソフトでファイルやメッセージをほかのファイルの中に隠してみよう。専用ソフトを使わずにコマンドラインでも行える。(Lifehacker) 【この記事は、2007年1月24日付で米ブログメディア「Lifehacker」に掲載された記事を翻訳したものです。】 子供のころ「見えないインク」セットで遊んだことがあるだろうか? ブラックライトや書いた文字を復活させるマーカーを使わないと読めない、秘密のメッセージを書いたことがあるだろう。同じように、見えないインクのデジタル版が電子あぶり出しソフトウェアだ。ファイルの中に別のデータやファイルを埋め込み、他人から隠すことができる。 電子あぶり出しを使うためには、なにもスパイのような訓練を受ける必要はない。MacやWindowsのPCがあれば、画像、PDF、HTML、MP3ファイル
画像などの容量制限を設けた処理で エラーチェックのテストを行う際に、 確認したいサイズ(容量)のファイルを作成する方法です。 まずはコマンドプロンプトを立ち上げます。 C:\User\user今回は、10MBのjpgファイルを作成します。 C:\User\user>fsutil file createnew sample.jpg 10485760・sample.jpg 作成したいファイル名と拡張子を指定。 ・10485760 バイト数を指定。 10*1024*1024=10485760 以上で、10MBの「sample.jpg」というファイルが作成されます。 ※実際には使用することができませんのでご注意を。
はじめに WEB案件でテストデータを作成する際にさくっと使えて、重宝しているツールやサイトをご紹介したいと思います。 添付ファイルのテスト ブラウザからファイル選択して、サーバへPOSTしたりS3へ保存させたりと添付ファイルを扱う際にファイルサイズのテストは必須かと思います。そこで必要になるのが要件にあったファイルサイズのファイルです。ちょうどほしいサイズのファイルなんてそうあるものではありません。そんな時はコマンドからファイルを作りましょう。任意のファイルサイズのファイルを以下のコマンドを使って作成できます。 windowsの場合 コマンドプロンプトを起動してfsutilコマンドでファイルを作成できます。 以下の例ではc:\のディレクトリに1000バイトのファイルサイズのdummy_fileが作成されます。 fsutil file createnew c:\dummy_file 1000
関連リンク ソースコード https://github.com/mofon001/TreeTypeInfomationService 実運用サイト https://croud.jp/ ※2019/07/06追記 現在、バックエンドをPHPからNode.jsに置き換え、 全てTypeScriptで作り直したものを以下のサイトで公開しています。 https://ttis.croud.jp/ 動作画面 SPAとツリー型システム Single Page Application(SPA)でのシステム構築 Web上に様々な記事を掲載するにあたって、使いやすいシステムが欲しい。しかしWordPressのようなシステムは私には性に合わなかった。理由としては編集ページした内容を確認するのに、いちいちページが切り替わるからだ。私の心には、猫の額ほどのゆとりすら存在しない。もしかしたらノミの心臓よりもゆとりの領
2024.06.25 『トランクルーム&ロッカー』貸出し開始(短期・一時利用も可能) 収納スペースは足りていますか? ビジネス街で駅チカ!24時間いつでも......
東京の中心、千代田区で利便性が圧倒的に高い バーチャルオフィス・シェアオフィス 九段下駅徒歩30秒 銀行のビルに登記可能 バーチャルオフィス 銀行法人口座開設保証 シェアオフィス セミナールームが110円/時で利用可能 ナレッジソサエティのコンセプト 成功に必要な要素を備えた究極のコミュニティ空間(コンセプトページへ) 利用プラン バーチャルオフィスメンバー 東京都千代田区九段南・銀行所有のビルが名刺やWEBに記載できるバーチャルオフィス。 法人登記も基本料金で可能。 ¥4,950〜 法人登記可能 郵便物転送 宅配便転送 受付対応 会議室利用 シェアオフィスメンバー 集中スペース・打ち合わせスペースなど、ビジネスシーンに応じた使い方ができるシェアオフィス。九段下駅近くでとても便利です。 シェアオフィスメンバーの方はセミナーが格安で開催できます。 ¥32,780〜 法人登記可能 郵便物転送
東京03/大阪06等、全国の固定電話番号、フリーダイヤル0120/0800、IP番号050対応。 電話機/PC/スマホ対応。docomo、au、Softbank、Y!mobile、SIMフリー、Wi-Fiのみでも可。 一般の携帯電話や通信アプリと大きく違うところは、1対1の通話ではなく1対多。ビジネス電話に適したチームでの運用方法です。着信があった際には、複数人の電話端末が一斉に鳴り、接客をおこなうことが出来ます。 左の動画中では、18台のスマートフォン・電話機・PC、iPod touch等の端末を一斉に着信。これらが例えば、それぞれ、東京、大阪、北海道、アメリカ、インド、外出中であったとしても同様のことができます。
iPhytter 3.0 iPhytter 3.0は、無料&格安で世界中と通話できる無料アプリです。インターネットにアクセスできる環境下なら、どこでもSIP通話をお楽しみいただけます。 使い方はとても簡単。使い方次第で、あなたの通話コストの大幅な削減が可能な画期的アプリの登場です。ぜひお試しください。 iPhytter FAX 「iPhytter FAX(アイフィッターファックス)」は、iPhoneやiPad等から直接FAX送信が可能になった画期的なアプリです。iPhytter FAXは、オフィスやご自宅ではもちろん、外出先や出張先等でも、いつでもどこでもFAX送信できます。まさにタイムレス&ボーダーレス。しかもペーパーレス。これからのビジネスシーンに有能なアプリの誕生です。
Price per month from {{default3yearsValue | number:2 | currency:currency}} {{default3yearsValue | number:2 | currency:currency}} {{outofstockdefault3yearsValue | number:2 | currency:currency}} {{outofstockdefault3yearsValue === undefined ? 'kr' : (outofstockdefault3yearsValue | number:2 | currency:currency)}}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く