ちょっとしたサイトならインクルーシブにSPAで - Qiita
みなさんこんにちは。フロントエンドで頑張ってますか。私はほとんど頑張っていません。なぜって、この界隈、何が何やら分からないです。 ちょっとしたサイトを作りたいだけなのにものすごくめんどくさいことになっています。 トランスパイルが分からない まずもってトランスパイルが分かりません。最新の開発環境は最新仕様のJS書いてBabelで任意のバージョンのJSにする、いわゆるトランスパイルをするのが普通らしいですが、何言ってるのか分からないです。何ですかトランスパイルって。なんでフロントエンドはそんな概念があるんですか。 Babel?Grunt?Gulp?Webpack?何それおいしいの?全然分からないです。 ES6(正式にはES2015らしいですがES6と書きます)以降のJavaScriptを書こうとすると途端にビルドがどうとかトランスパイルがどうとかの話になってしまいます。 なぜこんな状況になって
【GAS】GoogleスプレッドシートのデータをGoogleドキュメント化する - Qiita
やりたいこと あるサービスで自動配信しているメールの タイトル 本文 をGoogleドキュメント化したい。 いちいちドライブ上でドキュメントを作成して、コピペして...ってのはだるいし、 今後もメールは増えていく予定なのでGASを使って楽に作れるようにしよう。 スプレッドシートを用意する スクリプトエディタにコードを書く スプレッドシートのツールから「スクリプトエディタ」を選択して、 以下のコードを書く。 function makeDocuments() { //スプレッドシート、シート、行数を取得 var spreadsheet = SpreadsheetApp.getActiveSpreadsheet(); var sheet = spreadsheet.getActiveSheet(); var count = sheet.getLastRow(); //項目タイトルを覗く2行目~最
[超簡単]LINE notify を使ってみる - Qiita
概要 簡単にトークルームにメッセージを送信できる 特定のトークルームに一方的に通知するだけのシンプルな機能 通知してくれるアカウント名などはカスタマイズできず、「LINE notify」で固定 シンプルで簡単！ 手順 Lineのページで notify の登録 以下にLineIDでログイン ログイン後マイページを開く https://notify-bot.line.me/ja/ 「アクセストークン発行」をクリック トークン名 メッセージの先頭に必ずつく文字です。（短い方が良いと思う） 通知を送信するトークルームを選択してください 通知先のルームです。 トークンをメモる [スマフォで作業] 設定したルームに「LINE notify」 を招待する 通知してくれるbotくん（LINE notify）を設定したルームに招待してあげてください 1.POST する！ curl -X POST -H "A
![[超簡単]LINE notify を使ってみる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ccc5b9f674d535014258f5b9d5fa867aa2bc284/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-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCJUU4JUI2JTg1JUU3JUIwJUExJUU1JThEJTk4JTVETElORSUyMG5vdGlmeSUyMCVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSVBNiVFMyU4MSVCRiVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NjdiMTRjMzZjNzk2NjBlNjg4ZmJkMjAwZTdmMWM5ZDM%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaWl0ZW5raWRhNyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MzVmYjdjODEwZTQ2NGZlMmRhODU4ZTE2MTM1NTc2YzE%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D0964a907c7f4f3d709154041eaaf7c5d)
LINE Notify
2023/11/17 Updated imageThumbnail/imageFullsizeのHTTPサポートを削除しました (HTTPSをご利用ください) 2021-06-14 Updated トークン(連携サービス)の発行数の制限に関する記述を追加 2019-06-25 Updated imageFullsizeに関する記述を修正 2019-06-11 Updated notificationDisabledに関する記述を追加 2016-11-08 Updated Stickerに関する記述を追加 2016-10-24 Updated 画像uploadに関する記述を追加 2016-09-29 Updated 初版 API は OAuth2 による認証と、LINEへの通知用のものとで構成されます。全体として以下のような流れになります。 ユーザ：LINEの通知を設定しようとする 連携サー
【Vue.js】Vue.jsメモ（v-on：イベントハンドリング） - 怠惰系エンジニアのメモ帳
今回は「クリック」や「入力」といったイベントをハンドリングする v-on ディレクティブについて。 基礎から学ぶ Vue.js 作者: mio出版社/メーカー: シーアンドアール研究所発売日: 2018/05/29メディア: 単行本（ソフトカバー）この商品を含むブログを見る 基本用語 イベントハンドラ（ハンドラ） 「イベント」と紐付ける処理のこと ハンドル 「イベント」と「イベントハンドラ」を紐付けること 構文 イベントハンドリングには v-on ディレクティブを使用する。 v-on:[イベント]=[イベントハンドラ] // v-on: を @ に省略することも可能 @[イベント]=[イベントハンドラ] v-on: に続けて検知するイベントを記載し、値に「イベントハンドラ」を指定する。 「イベントハンドラ」には「メソッドイベントハンドラ」 「インラインイベントハンドラ」の２種類ある。（後述
v-on Vue - Google 検索
2019/12/09 · はじめにVue.jsのv-onの書き方のバリエーションが多かったので、整理のためにまとめました。上から順番に読むと1つずつ変化するよう書いています。
メソッドとイベントハンドリング - vue.js
<div id="example"> <button v-on:click="greet">Greet</button> </div> 私達は greet という名のメソッドに click イベントリスナをバインドします。ここでは、私達の Vue インスタンスでメソッドを定義する方法は以下になります: var vm = new Vue({ el: '#example', data: { name: 'Vue.js' }, // `methods` オブジェクトの下にメソッドを定義します methods: { greet: function (event) { // 内部メソッドの `this` は vm インスタンスを指します alert('Hello ' + this.name + '!') // `event` はネイティブ DOM イベントです alert(event.target.
【Vue.js入門】v-on、v-forを使ってみよう！ - Qiita
Vue.jsの入門で必ず出てくるv-onとv-for v-onとv-forを使うことができれば以下のようなToDoアプリもすぐ作れました！ 今回のつまづきいたところ addボタンを押してもページがリロードされる フォームに打ち込んだ文字が消えない それではVue.jsだけで簡単なToDoアプリを作っていきましょう！ まずは雛形をつくる まずはJavaScript側。 【初心者向け】Vue.jsの双方向データバインディングと同じ作りをしているため、説明は簡単に書きます。 main.js (function(){ "use strict"; var vm = new Vue({ el: '#app', data: { todos: [ 'task1', 'task2', 'task3' ] } }); })(); new Vueで新規作成したインスタンスを変数vmに与えます。 HTML側の"i
Jest - Google 検索
Jest はあらゆる JavaScript のコードベースの正しさを保証するために設計された JavaScript テスティングフレームワークです。親しみやすく、豊富な機能を持つAPIによって ...
Jest · 🃏 Delightful JavaScript Testing ドキュメント
スナップショット機能で大きなオブジェクトを容易に追跡できるテストを作成できます。スナップショットはテストと一緒に、あるいはインラインに埋め込んだ状態で表示できます。
Nuxt.jsの新規プロジェクトでいい感じのテスト環境をつくる@2018 - Qiita
最新版=>フロントエンドのテストについて考える 現在、新規プロジェクトで、Nuxt.js+TypeScriptを使ったSPAの開発を行っています。この記事では、そういったケースにおいての、Nuxt.jsアプリケーションでのテストに対する考え方と、その方法を紹介します。 TL;DR ユニットテスト/結合テスト=>Jest UIテスト=>Storybookをベースに、Jestで足りない部分を補う プロジェクトの技術スタック Nuxt.js Vue.js Vuex TypeScript Docker テスト種別の整理 簡単に、今回登場するテスト種別の整理をしておきます。より詳しくは、ググったり書籍を読んだりするのをおすすめします。 ユニットテスト - 個別の関数やクラス、コンポーネントをテストする。 結合テスト - 複数の関数やコンポーネントをつなぎこんでテストする。 UIテスト - ブラウザを
【Vue.js】Todoアプリに削除機能を実装してみる - Qiita
Vue.jsだけでToDoアプリの削除機能を実装できる！ この記事ではこんな風にVue.jsだけでToDoアプリの削除機能を実装します！ ちなみに前回まではコチラでToDoアプリを作っていたので参考までにご覧ください！！ Todoを削除できるようにする~HTML編~ @clickもとい、v-on:clickを使用することにより、クリックイベントを仕込むことができます。 そこでdeleteItemというメソッドで削除してみましょう。 <ul> <li v-for="(todo, index) in todos"> {{ todo }} <span @click="deleteItem(index)" class="command">[☓]</span> </li> </ul> 今回はdeleteItem(index)とし何番目のtodoを削除するのかを指示できるようにします。 その時、でto
Algebraic Effectsであそぼう / lilyum ensemble
こんにちは､びしょ〜じょです｡ ここしばらく20行/日くらいしかコード書いてません｡ いやもっと少ないかも…｡ いや研究してますんで! いや〜研究もそんなにしてないな…じゃあ何を… 1. はじめに Algebraic effectsとは､2001年くらいに提唱されてから､爆流行らずともにわかに盛り上がりを見せつつある言語機能である｡ 極めて雑に説明すると､継続を取ってこれる例外である｡ Plotkin氏(またお前か)が代数学的アプローチによる基盤を作り､そこにハンドラが付いてプログラム言語の機能として考えられるようになった｡ ボクの話のうち1〜10割間違っていることは確かなので､誤った情報を一切入れたくない人は[1]を読んでください｡ 1-1. algebraic effects実装の有名どころ Eff algebraic effectsを言語機能として初めて設計された言語｡ MLスタイル
Algebraic Effectsとは? 出身は? 使い方は? その特徴とは? 調べてみました! - Qiita
ReactのHooksが実質algebraic effectsなんじゃないかということでalgebraic effectsに関する怪文書が流布して鼻白んでしまう､そんな未来を阻止するため､曲がりなりにもalgebraic effectsを研究している者としてalgebraic effectsについて書こうと思います｡ 当方React全く知らないしJSにも明るくない侍ですが､プログラム片にはJSっぽいシンタックスを使っていこうと思います｡ イントロ Algebraic Effectsとは､Plotkinらによって提唱された､computational effectsを代数的に扱おうという試みである｡それにeffect handlerが後付けされ､現在はalgebraic effects and handlers を略してalgebraic effectsと呼んでいることが多い｡非常に直感的な
自然言語処理を簡単に扱えると噂のCOTOHA APIをPythonで使ってみた - Qiita
上記以外のディストリビューションをお使いの方はググってください。 サンプルコード 早速ですが、PythonでCOTOHA APIの各APIを叩くサンプルコードがこちらになります。 見づらいだとか冗長だとか汚いとか色々あるとは思いますが、なんとか目をつぶってください。 移植性とコメントを重視した結果です。 全部標準ライブラリで動くはずです。 スクリプトファイル（Python3系をお使いの方） # -*- coding:utf-8 -*- import os import urllib.request import json import configparser import codecs # COTOHA API操作用クラス class CotohaApi: # 初期化 def __init__(self, client_id, client_secret, developer_api_b
NTT40年の自然言語処理技術を結集して「いつどこで誰が何をどうしたゲーム」を作った 【Python & Webスクレイピング & COTOHA API】 - Qiita
NTT40年の自然言語処理技術を結集して「いつどこで誰が何をどうしたゲーム」を作った 【Python & Webスクレイピング & COTOHA API】Python自然言語処理NLPWebスクレイピングCOTOHA タイトルはアオリです。全然使いこなせてないので予めご了承ください。 やりたいこと Python素人なので勉強したい。 Webスクレイピング素人なので実装したい。 自然言語処理(NLP)素人なので使ってみたい。 →PythonでWebスクレイピングしてその結果を言語処理するアプリケーションを作る。 作ったもの スクリプトに引数として単語を与えると、その単語のWikipedia記事を解析。 「いつ」「どこで」「だれが」「なにを」「どうした」に分解し、ランダムにそれらを組み合わせて表示する。 動作例 (豊臣秀吉のページ解析) $ python cotoha_api_wikipedi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GASで「より簡単に」電車の遅延を知らせる - Qiita
LINE Notify - Google 検索
LINE Notify
Element Vue - Google 検索
Element
Communication Engine COTOHA API | NTTコミュニケーションズ 法人のお客さま
https://api.ce-cotoha.com/contents/
NLP 自然言語処理 - Google 検索