極小WebアプリをURLに埋め込んで超ポータブルなWebアプリを作りたい！ - Qiita
やりたいこと データを変形・加工するスクリプトをURL上にホストをして、 ポータブルで永続的でブラウザで完結するWebアプリを作れるようにします！ Rubyはデータ加工に最適！ Rubyは豊富なメソッドが標準で用意されていて、特にArray, Enumerator, Stringなどよくデータを加工したいときに使えるメソッドがとても豊富です。 メソッドチェーンでつなげていけるところが、人の思考にあっていて、どんどんデータを変えていけるところがRubyの良さだと思います。 そのためデフォルトの言語はRubyです。JavaScriptもオプションで選べるようになってます。 そこで、 データ加工に便利なRubyで書いた小さいWebアプリをURL上にホストします！ URLにすべてのコードを載せてしまえば究極的にポータブルなWebアプリになるのではないかという発想です。Itty.bittyにインスパ
Gitでcommitやpushを忘れることありませんか？git-remindはそういう｢忘れ｣を防ぐためのツールです - Qiita
Gitでcommitやpushを忘れることありませんか？git-remindはそういう｢忘れ｣を防ぐためのツールですGitgit-remindコミット忘れ防止ツール うっかりGitのコミットやプッシュを忘れてしまうことはないだろうか？ git-remindはそんな(僕のような)忘れっぽい人のためのツールで、Gitリポジトリの状態を監視して、git commitやgit pushがなされていないリポジトリを見つけ教えてくれる。 主な機能 git commit/git pushしてないリポジトリの一覧機能 複数のGitプロジェクトを横断して、コミットされていないファイルがあるリポジトリや、コミットはされているけどgit pushがまだされていないリポジトリを見つけ出して一覧にしてくれる。 デスクトップ通知 未コミット、未プッシュのリポジトリを一覧できる他に、それらのリポジトリがあればデスクトッ
VSCodeでCSVをステキに見やすくする「Rainbow CSV」を紹介するよ
はじめに 普段のようにトゥイッターしていたらタイムラインにステキ拡張が流れてきたので、布教のためにバーっと紹介記事を書いてみる次第。 Rainbow CSV Rainbow CSVって何？ VSCodeでCSVを扱いやすくするためのステキ拡張 便利でステキな機能をいくつも持っている とにかくヤバイ（語彙） Rainbow CSVの何がヤバイの？ ①CSVが読みやすくてヤバイ ちょうどいいCSVが無かったので、適当にポケモンのCSVデータを生々しく開いてみた。 CSVの見た目ってこんなのだよね。日本語項目はともかく、数値が連続している箇所は「あれ、この"49"ってどの項目に対応してるんだっけ…？」みたいな混乱が起きて発狂しがち…。 しかし、このファイルをRainbow CSVに通すと…なんということでしょう！ ヘッダー項目とデータ項目にカラフルな色が付き、項目の種類が一発でわかるようになって
Twilio+CloudFunctions+Stackdriverで障害アラートを電話で通知してみる - Qiita
はじめに(モチベーション) 商用環境だけど、外部委託とかの大した監視いらないからURLの疎通が出来なかったらアラート飛ばしたいってときがある。 イベントログとかパフォーマンスとかどうでもいいから、サービスが本当に使えなくなったときだけアラートがほしい。 かといって、深夜にslackとかメールで気づけるわけがないから、電話がほしい。 でも、stackdriverとかだとメールとかslackにしか通知できない。 URLの疎通が出来なかったら電話かけてきてほしい。 twilio(トゥイリオ)って何？ webAPIによって自動で電話をかけたり、SMS送ったりするやつ。 本社はアメリカのtwilio社がやっていて、日本ではKDDIが代理店としてサービスを提供している。 用途としては、自動の音声案内とかにも使われてたりする。 料金はざっくり以下となる。がトライアルで500円分が最初にもらえる。 電話番
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
[Python] Djangoチュートリアル - 汎用業務Webアプリを最速で作る - Qiita
この記事を元に最小の学習コストでWebアプリを作成する方法を記事にしてみました。 こちらもよろしくお願いします。 [Python] プログラム初心者のためのWebアプリ簡単作成法 この記事について PythonのWebアプリケーションフレームワーク「Django」についてのチュートリアル記事です。 Djangoには定義したデータモデルを元に一覧画面や入力画面を動的に出力する「クラスベース汎用ビュー（class-based generic views）」という仕組みがあります。 これを活用すると単純なCRUD操作（登録・参照・更新・削除）を行うWebアプリを短時間で作成することができます。さらにDjangoのユーザー管理機能を加えてHeroku等のプラットフォームにデプロイすればインターネット上で運用できます。 Djangoのチュートリアルは良質のものがネットで読めますが、クラスベース汎用ビ
![[Python] Djangoチュートリアル - 汎用業務Webアプリを最速で作る - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef602652061bca5494e41d3fa0b52f71c96457f5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCUHl0aG9uJTVEJTIwRGphbmdvJUUzJTgzJTgxJUUzJTgzJUE1JUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgzJUFBJUUzJTgyJUEyJUUzJTgzJUFCJTIwLSUyMCVFNiVCMSU4RSVFNyU5NCVBOCVFNiVBNSVBRCVFNSU4QiU5OVdlYiVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFMyU4MiU5MiVFNiU5QyU4MCVFOSU4MCU5RiVFMyU4MSVBNyVFNCVCRCU5QyVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YWEyZjc0ZWEzNmYwYTRkMzYzMjU0ZjdkOWQ1MmNkNWU%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBva29wcGU4JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00NzhiNjljNTg3Y2JlN2M4NDQ3NmRmMTEwMjRiMzQzZg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Df61239769560a8a74e96b805bc0657cb)
Django入門にはDjango Girls Tutorialがおすすめ - Qiita
Djangoのチュートリアルをいろいろ探してみた結果、「Django Girls Tutorial」がとても良心的に感じました。 Web開発の経験がない人でも一人で進められるのではと思うほどの丁寧さでした。 英語版 日本語版 よかったところ 基本的な部分だけシンプルにさらうことができる deprecatedな部分がなさそう 数時間でおわる ほとんどの用語に丁寧な説明がある チュートリアルの概要 Django以前の背景知識 Internetとは Comannd lineとは Pythonとは Djangoのインストール プロジェクト、アプリケーション立ち上げ DB,モデル,ORMについて Django URLs,Viewについて Herokuデプロイ など これをやった後、本家のチュートリアルや他のサイトで勉強するとスムーズかなと思いました。 コードはこことかに上がっていて安心。 その他のD
Djangoを最速でマスターする part1 - Qiita
初めに 最近、「機械学習に強い」、「簡単」などの理由からPythonを選ぶ人が多いと思います。 そんな人たちがWebを書こうと思った時にぶつかるのがDjangoの壁ですよね。 （あれ、そんなことない？いやいや難しいですよね！） 僕は最初、Django Tutorialだけ日本語でやって、それ以降は全部英語の文献を読んだり、会社のコードをみて勉強をしたりしましたが、結構大変でした。 webを書きたいけど、Pythonより◯ubyの方が書きやすいから◯ubyの方がいい...となってしまわないように、これまで僕が勉強したDjangoの基本や応用を詰め込んで、Djangoを最速でマスターできるような記事を書いていきます！（3, 4記事の長さになる予定です） ＊ 最速でDjangoをマスターする part2 準備 Djangoが入っていない場合は、 でインストールできるらしいです。 僕はAnacon
Nuxt.jsでNetlifyのForms使ってみた - Qiita
Nuxt.jsとaxiosを使ってNetlifyのFormsでajax送信をしてみました。 全体像 コードの全体像は下記な感じです <div> <form v-if="isSubmit === false" @submit.prevent="onSubmit"> <input type="text" v-model="name" name="name" > <input type="email" v-model="email" name="email"> <textarea v-model="content" name="content"></textarea> <button type="submit">送信</button> </form> <div v-if="isSubmit === true"> <p>サンクス</p> </div> <form name="contact" ne
WordPressでビジネスサイトを作る際はサイト全体の構造を考えよう! - MdN Design Interactive
WordPressで一般的なよくあるブログを作成する際、記事のフォーマットはひとつで、そのフォーマットで記事を投稿していく場合が多いと思います。しかし、ビジネスサイトの作成では掲載にする内容によって見せ方が変わりますので、複数のレイアウトのフォーマットが必要になってきます。そこで、通常の静的なHTMLでサイトを作るように、サイト全体の構造をしっかりと把握できるサイトマップや、それぞれのページのURLを管理できるようにして、WordPressのサイト構築をしていくとわかりやすくなります。 解説：（有）ムーニーワークス ハヤシユタカ 今回作成したサンプルサイトでは、サイトの更新情報として「ニュース」という分類の中に「お知らせ」と「セミナー情報」というサブカテゴリーを作り、製品紹介をする「製品情報」として「製品A～D」というカテゴリーを設けました。 これにより、カテゴリー自体の増える可能性を持ち
もう XAMPP / MAMP はいらない！
Vagrant で作る PHP 開発環境
7. エンジニアSさん (c) 2013 Masashi Shinbara @shin1x1 1162 <VirtualHost *:80> 1163 ServerName candycane.local 1164 DocumentRoot "/Users/shin/sandbox/demo/candycane/app/webroot" 1165 </VirtualHost> 1166 1167 <VirtualHost *:80> 1168 ServerName demo.local 1169 DocumentRoot "/Users/shin/sandbox/demo/20130601_phpcon" 1170 php_value vld.active 1 1171 </VirtualHost> 1172 1173 <VirtualHost *:80> 1174 ServerName
Pinterest風グリッドレイアウトを作ってみよう (1/4) - ＠IT
Pinterest風グリッドレイアウトを作ってみよう：jQuery×HTML5×CSS3を真面目に勉強（3）（1/4 ページ） はじめに 一口にSNSというと、読者の皆さんはまず、TwitterやFacebook、LINEなどのサービスを思い浮かべることでしょう。しかし、こういったデファクトスタンダードなサービスだけでなく、世の中にはさまざまなジャンルに特化したSNSがいくつも登場してきています。 特に写真共有に特化したSNSのUIというのは、その特性のためか画像を画面いっぱいに敷き詰めたものがよく見受けられます。基本的な操作性はもちろんのこと、いかに美しく、ユニークに画像を並べるかによって他サービスとの差別化を図るかが、デザイナーならびにフロントエンドエンジニアの腕の見せ所といっても過言ではありません。 Pinterestは、そうした写真共有SNSの1つです。高さが均一のグリッドが整然と
JenkinsでCIすればiOSアプリのビルドは、もう面倒くさくない
続いて、開発するアプリの登録を行います。アプリの登録では【1】アプリ名や識別名などの登録、【2】プロビジョニングプロファイルを作成しダウンロード、インストールします。 これらの準備が終わったら、App Storeへ公開するためのアプリ開発、パッケージング、アップロードといった流れになります。 「Jenkins Xcode Integration Plugin」でビルドを自動化 このアプリ公開までの作業のうち、いくつかをJenkinsによって自動化することで継続的にアプリを公開できるようになります。通常、アプリのビルドやパッケージングはXcodeから行うことになりますが、Jenkinsから実行する場合にはXcodeのコマンドラインツールである「xcodebuild」などを使って処理を行います。 Jenkinsジョブからシェルを起動してxcodebuildなどのコマンドを直接実行するか、「Je
第9回 MongoDBの地理空間インデックス | gihyo.jp
経度・緯度は配列またはハッシュとして保存します。今回はlocというフィールドに配列として保存します。yamanotesenというコレクションにinsertするクエリは、以下のようになります。 > db.yamanotesen.insert({ name:"五反田",loc: [ 139.723822, 35.625974 ] }); > db.yamanotesen.insert({ name:"恵比寿",loc: [ 139.710070, 35.646685 ] }); > db.yamanotesen.insert({ name:"新宿",loc: [ 139.700464, 35.689729 ] }); > db.yamanotesen.insert({ name:"新大久保",loc: [ 139.700261, 35.700875 ] }); > db.yamanotesen
Windows 7 でVagrantでCent OS 6.3入れてみた - 僕のYak Shavingは終わらない
Vagrant - naoyaのはてなダイアリー 最近naoyaさんに影響されまくっているkazuphです。 naoyaさんは今まで使い方がわからなくて二の足を踏んでいる人でも、使いたくなるようなわかりやすい記事を書いてくれて本当に助かります。 ということで例に習ってvagrantを使ってみます。 今回は手元にWin7が転がっていたのでそちらにインストールしてみました。 手順は正直これとnaoyaさんの記事だけ読んでれば大丈夫です。 http://docs.vagrantup.com/v1/docs/getting-started/index.html ちなみにぐぐってよく出てくるRubyとRubyGemを入れる方法は今回は必要ありませんでした。 1. VirtualBoxのインストール https://www.virtualbox.org/wiki/Downloads ↑の「Virtua
Google カレンダーの予定リマインダ ボタンの作成手順 － Google カレンダー
インタラクティブなカレンダーをウェブサイトに追加したり、ウェブサイトの訪問者がカレンダーの予定を保存するためのボタンを追加したりできます。 カレンダーをウェブサイトに埋め込む パソコンで Google カレンダーを開きます。ウェブサイトに埋め込むコードはパソコンでのみ生成できます。Google カレンダー アプリでは生成できません。 右上にある設定アイコン [設定] の順にクリックします。 画面左側で、埋め込むカレンダーの名前をクリックします。 [カレンダーの統合] セクションに表示されている iframe コードをコピーします。 埋め込みコードの下で、[カスタマイズ] をクリックします。 設定をカスタマイズしてから、表示されている HTML コードをコピーします。 埋め込んだカレンダーは、そのカレンダーを共有しているユーザーにのみ表示されます。すべての訪問者がカレンダーを閲覧できるよ
さくらのVPSとSubsonicでiTunesをゴミ箱にダンクシュートした - 甘味志向＠はてな
VPS界に革命をもたらした、さくらのVPS。 月々980円という値段で、どこのご家庭でもVPSでlsを叩く生活を過ごしてらっしゃると思います。 そんな持て余しがちな楽しいVPSを使ってメディアストリーミングサーバーを作ったら超快適だったのでご紹介です。 Subsonic Java製でWin,Mac,Linux等マルチプラットフォームで動作します。 とりあえずデモを見てください、いい音でしょう？ 余裕の操作性だ、快適さが違いますよ。 デザインはテーマで変えられますし、英語はダメっていう人も上のスクリーンショットのように設定で日本語に出来ます。プレイリストからPodcastまで何でも対応してるので、特に困ることは無かったですよ。 とりあえずSubsonicのイイトコは、さくらVPSに曲をガンガン入れるとPCだろうがモバイルだろうがどこでもプレイリスト共有して曲を聴けるってことなんですね。 ちな
書籍代を大幅削減「その本、図書館にあります。」 - 着ぐるみ追い剥ぎペンギン
【連絡】 2019/4/23 : 修正版でver2.23を公開しました。 Facebookページを作ったので、こちらで動向とコミュニケーションとっていければ。 ついついamazonで本を購入してしまう 本を紹介しているブログなどを読むと「面白そうだな〜」とついamazonでポチッと購入してしまいます。おかげで毎月、結構な額をamazon様に支払っています。 その対策として最近はamazonの「ほしい物リスト」にまず保存して、突発的欲求を抑えています。 そして、その本が「すぐにでも読みたいか？」「長く読みそうなものか？」などを考えています。 もし一度読んでみたいだけならば、近所の図書館にその本がネットで検索しています。 最近の図書館は大体どこもネットで書庫検索ができるようになっているので便利です。 ただし、図書館の検索システムは洗練されていないので非常に使いにくいです。20世紀で時間が止まっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RSS Feed News & Commentary - Wsj.com
Absolutely No Machete Juggling » How To Clean Up Your Chrome Bookmark Bar