自動で採点・結果通知も！ Google フォームで WEB テストを作成する方法 | Google Workspace 拡張の rakumo（ラクモ）
Google フォームを活用すれば、無料で簡単に WEB のテストを作成でき、採点、通知までワンストップで行うことが可能です。この記事では Google フォームを使用して、WEB テストを作成する方法を紹介します。 Google フォームで問題作成、採点、通知まで アンケートフォームを活用してテストが作成できる Google フォームでお問い合わせなどのフォームを作れることをご存知の方は多いかもしれませんが、実は WEB テストを作成することも可能です。 とても簡単に作れるのでぜひトライしてみましょう。 Google フォームを使ったテスト作成手順 テストの新規作成 下記の手順で、 WEB テストを作成していきます。 Google アカウントにログインして https://docs.google.com/forms/ にアクセスします。 「新しいフォームを作成」 を選択して、新しいフォー
Build a Clojure web app using Duct
In this blog post, we are going to build a server-side web application using Clojure and a framework called Duct. Why Duct? Most Clojure web applications are built up in a bespoke fashion using a collection of libraries picked and put together by the developer. Duct provides a modular framework that takes away some of the efforts of searching for these libraries and enables you to get a basic, ser
FastAPI
FastAPI framework, high performance, easy to learn, fast to code, ready for production Documentation: https://fastapi.tiangolo.com Source Code: https://github.com/tiangolo/fastapi FastAPI is a modern, fast (high-performance), web framework for building APIs with Python based on standard Python type hints. The key features are: Fast: Very high performance, on par with NodeJS and Go (thanks to Starl
Apache Kafkaに入門した
Apache kafka 最近仕事でApache Kafkaの導入を進めている．Kafkaとは何か? どこで使われているのか? どのような理由で作られたのか? どのように動作するのか（特にメッセージの読み出しについて）? を簡単にまとめておく（メッセージングはまだまだ勉強中なのでおかしなところがあればツッコミをいただければ幸いです）． バージョンは 0.8.2 を対象に書いている． Apache Kafkaとは? 2011年にLinkedInから公開されたオープンソースの分散メッセージングシステムである．Kafkaはウェブサービスなどから発せられる大容量のデータ（e.g., ログやイベント）を高スループット/低レイテンシに収集/配信することを目的に開発されている．公式のトップページに掲載されているセールスポイントは以下の4つ． Fast とにかく大量のメッセージを扱うことができる Scal
Utopian手習い #01 - t-cool
Utopian手習い Common LispのWebフレームワーク Utopianを紹介します。 本記事では、サンプルを元に、ブログ記事を表示するところまで行います。 1. 準備 Common Lispの環境構築にはroswell、エディタにはlemを使います。 LinuxかmacOSにroswellとlemをインストール後、読み進めてください。 Roswell lem まずは、Utopianをインストールしましょう。 ros install fukamachi/utopian cd ~/.roswell/local-projects/fukamachi/utopian/ 以上で、準備は完了です。 閲覧ページの実装 ブログのファイル構成 では、ブログの開発を始めましょう。まず、ブログのディレクトリに移動します。 cd ~/.roswell/local-projects/fukamachi/
JavaScript チュートリアル
JavaScript は、HTML と Web のプログラミング言語です。 JavaScript は簡単に学ぶことができます。 このチュートリアルでは、JavaScript の基礎から上級編までを学ぶことができます。
BFF @ SoundCloud
Our friends at SoundCloud embarked on a journey a few years ago that changed their system and moved it from a monolithic Rails application towards an ecosystem of microservices. One thing that worked particularly well for them during that project is the BFF pattern, Backends for Frontends. Their BFF usage and the success story behind it may help other teams; so we decided to write it up. We hope y
ゼロから学ぶ！ Single Page Applicationの特徴と主なフレームワーク5選
本連載「モダンなフロントエンド開発者になるためのSPA超入門」では、フロントエンド開発のアーキテクチャである「SPA（Single Page Application）」について、開発に必要となる各種フレームワークの特徴や、サンプルアプリ開発を通じたSPA開発の流れ、フレームワークによる作り方の違いなどを紹介します。 サンプルアプリ開発では、SPA開発において人気がある「React」「Angular2」の使用を予定しています。第1回目である今回は、SPAの特徴と取り巻く環境、フレームワークを紹介します。 SPAとは SPAはAdobe FlashやMicrosoft SilverlightといったリッチなUIを提供できるRIA（Rich Internet Application）に代わるフロントエンド開発の技術として、ブラウザの進化やHTML5の登場などによって誕生したアーキテクチャです。H
p5.jsでProcessingのようにリッチなWeb表現を作るチュートリアル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。最近はGKE触って遊んでました！ 発表されたばかりで情報が少ないですね（汗） さて、今日はフロントネタで「p5.js」の話をしてみたいと思います。 p5.jsとは http://p5js.org/ p5.jsは、ProcessingのJavaScript版ライブラリと言えば分かりやすいと思います。 Processingで描画や音声、ゲームなどが作りやすくなっているライブラリです。 また、CanvasやWebAudioなど、最近のHTML5界隈の技術を内部で使っているみたいです。 Webでこういったことをやろうとすると、本来はCanvasやWebAudioといった各々の知識を覚える必要があるのですが、こういったライブラリがまとめてくれると初心者には嬉しいですよね。 使ってみよう プログラミングが初めての方でもチャレンジできるくらい、簡単な書き方になってい
2017年注目の「静的サイトジェネレーター」を３つ紹介します。 – ホームページ・デザイン制作のAWESOME | 加古川・姫路・明石
最近パスタマシーンを手に入れたので、パスタを作りたくて仕方がないマンノです。 パスタ作りの話を書きたいのは山々なんですが、今回は静的サイトジェネレーターを紹介いたします。 弊社でもjekyllといった静的サイトジェネレーターを活用してサイト制作を行ないます。 静的サイトジェネレーターを上手く活用することで、静的サイトを今までよりも遥かに早く構築することができます。 今回は２０１７年注目の静的サイトジェネレーターをご紹介致します。 静的（スタティック）サイトジェネレーターとは静的（スタティック）サイトジェネレーターは、従来のhtml/css/jsで構築のされたサイトを効率よく、作成するためツールです。 header/footerをテンプレート化メルアド、電話番号などを１ファイルで管理しテンプレートタグ化ブログ記事を書いてhtmlファイルを自動生成従来ですと、全てのサイトを修正したり、ファイル
業務で使える簡単なSSR + SPA のテンプレートを公開した - hiroppy's site
久しぶりのブログです。 よく Node.js の人と思われがちですが、普段は Node.js でのバックエンド開発はもちろんですが React や Vue を書いていますので、たまにはフロントエンドネタを投稿しようと思います。 GitHub - hiroppy/ssr-sample: A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App - GitHub ... リポジトリにあるコード見たほうが早いと思いますので、ここでは注意点等を列挙していこうかなと思います。 主な技術スタック de
GCE の無料枠のサーバを立るときに、初見でハマりそうなところ - Qiita
このスライドについて GCE の無料枠で遊ぶときに、やったほうがいいこととかを紹介します。 大体無料で運用できますが、1年間以上の長期運用をする場合はお金がかかるかもしれません。 やったこと お金をかけずに以下のことができるようにしてみました GCE のサーバインスタンスを立てた ドメイン取った HTTPS 対応した 概要 私が気づいた「気をつけたほうがいいこと」は、大まかにこんなかんじ。 最初に支払いのログの設定をする バケットとオブジェクトの命名ガイドラインに従う GCP の無料枠でなんとかなるようにする GCEのf1-microインスタンスを真にタダで使う方法 の問題 無料ドメインをとる DDNS（ieServer.net系）だと、証明書発行できない 1年間までなら無料で使えるドメインはある 有料でも、安めのドメインを買ったほうがいいかもしれない？ Let's Encrypt の証明
Universal / Isomorphic JavaScript について - Qiita
最近聞かれなくなってきた Isomorphic JavaScript ですが、気付けば今は Universal JavaScript と呼ばれているらしいです。 そもそも日本語の記事が少なくて困ったので、色々調べたものを整理するために書きます。 とても簡単にふわっとまとめると、以下のような感じ。 SPA で問題となるのがSEO対策、初回ロード時間 SSR はこれを解決してくれるが、クライアントとサーバでロジックの重複が発生 同じコードをクライアントとサーバで実行しよう = Isomophic! 同じコードをネイティブアプリやデスクトップアプリや組み込みデバイスでも実行しよう = Universal! なぜ Isomorphic JavaScript なのか まず、なぜ Isomorphic という概念が出てきたのかについて。 シングルページアプリケーションにおける問題 2013年頃から、シ
sass scss html5 - Google 検索
Sassファイルのスタイルの定めから、一部を別ファイルに切り分けることができます。スタイルを部品に分けることで、それらを組み合わせたり、管理がしやすくなるのです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hunchentoot: further architectural notes; and usage examples « The Tar Pit
cdepillabout on Twitter: "I wrote a blog post on easily re-running a #Haskell web app on file save when doing development by using ghcid: https://t.co/qjZa9KOTcH"
Reddit - Dive into anything
Reddit - Dive into anything
Static Site Generators
Common Lisp, Parenscript, and AJAX