Vue.js で Serverless の SSR SPA を構築する - Qiita
お正月なので何か挑戦したいと思い Vue.js と サーバレスアーキテクチャを使った SSR 構成に挑戦してみました。 構想 Vue.js の SPA(SSR対応版)を サーバレスアーキテクチャで組み上げます。 基本となるSPAサイト(主にJSやCSS)はS3経由で、SSR 的なサーバサイドの描画が必要な箇所は、Serverless Frameworkを使用して Lambda + ApiGateway で構築します。 SSR的なHTML配信と静的なAssets配信は同じオリジンで行いたいので最終的には CloudFrontで両者をマージします。 普通にVue.jsでSPAを作る まずは兎にも角にも普通に Vue.js でSPAを作って行きます。 Vue.js の開発は Vue CLI を使えば高速に始められます。 SPAのルーティングは VueRouterで簡単に実装できますが、 Rout
軽量で非依存のパララックス実装スクリプト・「Rellax.js」
Rellax.jsは軽量で他ライブラリに依存しないパララックス実装スクリプトです。少し前に流行って今は割と普通に見かけるようになった視差効果のあるWebページの制作をサポートしてくれる、というもの。ファイルサイズはmin版で3kbほど。確認はしてませんがモバイルでも動作するようになったそうです。ライセンスはMITです。 Rellax.js
Pythonでサクッと簡単にTwitterAPIを叩いてみる - Qiita
はじめに 個人でPythonを使う機会が増えたので、今回は簡単なライブラリだけでつぶやいたりタイムラインを取得してみたりします。 なお、アプリケーション登録をして認証キーを取得するまでは他サイトを参照してください。あまり躓くことはないと思います。(Twitterアカウントに電話番号を紐づけする必要があることだけ注意。) 事前準備として、各種認証キーをコピペしてconfig.pyとして保存しておくとよいでしょう。 CONSUMER_KEY = "**************" CONSUMER_SECRET = "**************" ACCESS_TOKEN = "**************" ACCESS_TOKEN_SECRET = "**************" # -*- coding:utf-8 -*- import json, config from reques
RESTful API の設計のキホン
2016/10/12 社内勉強会で使ったスライドを社外向けに一部加筆訂正したもの
2016年寄稿記事まとめ - 真顔日記
今年の三月頃から、このブログ以外にも文章を書くようになりました。定期的に書いている場所と、それぞれの代表的な記事をまとめます。始まった順。 ジモコロ www.e-aidem.com 「この六年のひきこもり生活で実験してたことを書く」くらいのテーマで始まりました。あとは「真顔日記とちがう雰囲気のものを」という裏テーマ。いろいろと試行錯誤してたんですが、2000連休の記事で全体の見取り図を出せたと思います。この記事のそれぞれの段階、とくに第四部以降についてさらに詳しく書いていく予定。 BASEMENT-TIMES basement-times.com 音楽に関するコラム（aiko以外）を載せてもらってます。このブログではaiko以外に音楽が存在していることを知らない人間みたいになってますが、一応、他にも音楽と呼ばれるものがあることは知ってるので……。いちばん読まれたのは「RADWIMPS恋愛ベ
2016年の振り返り - suusan2号の戯れ
2016年の振り返りをします。 ちなみに去年はこんなこと書いていた。 suzan2go.hatenablog.com 2016年の振り返り 仕事で一からサービスを立ち上げた 仕事で1からサービスを立ち上げました。一昨年は既存のサービスを別WEBサイトとして立ち上げるということをしたんですが、本当に全く新しいWEBサービスを立ち上げるのは初めての経験でした。立ち上げまで殆どの期間でエンジニアが自分ひとりだったので、全体のモデル設計、決済関連の実装とか中々経験できないことを経験値として積むことができました。 プロダクト開発について色々考えた 仕様を考えるにあたって、それをやるべきかどうか判断するためのデータも少ない状態で作るのは本当にしんどかった。リーンスタートアップ的な考え方って正直あんまり好きじゃない部分もありました(いやいやちゃんと作れよ…的な)。が、正解が何か殆ど判断できない状態で作り
心理的安全性の高いチームを作るための取り組み | Social Change!
社員一人ひとりが会社で本来の自分を曝け出すことができること、そして、それを受け入れるための「心理的安全性」、つまり他者への心遣いや共感、理解力を醸成することが、間接的にではあるが、チームの生産性を高めることにつながる。 これは現代ビジネスのウェブ版に掲載された以下の記事からの一節だ。 グーグルが突きとめた！社員の「生産性」を高める唯一の方法はこうだ グーグルが取り組んだ生産性向上計画についての記事で、それによると生産性の高いチームに共通するのは「他者への心遣いや同情、あるいは配慮や共感」がうまくいっていることだと言うのだ。 チームの中で、気兼ねなく安心して発言や行動できるような心理的な不安がない状態が、高い生産性を実現すると言われれば、確かにそう思う。そうした状態を心理学の専門用語から「心理的安全性（psychological safety）」と呼ぶらしい。 これまで言葉として認識していな
ちょっと進んで OpenCV を使う - Qiita
OpenCV は物体認識などのライブラリが含まれているので、Windows IoT Core で使えると利用できる幅が広がりそうですよね。Linux 系の Raspbian の場合はソースコードをダウンロードしてビルドして導入という手順になりますが、Windows IoT Core の場合は UWP アプリにしないといけない難点があってちょっとハードルが高くなっています。が、できないことはないです。 Windows 10ユニバーサルアプリ(Universal Windows Application)でOpenCVを使う（その2） - embeddedなブログ なところに、導入＆プロジェクト作成手順が書いてあるので、それに従うとうまくいきます。 いくつかのポイントがあって、 github の Microsoft/opencv の vs2015-samples というブランチを使う。 このブラ
「すごいエンジニア」が目指すもの - megamouthの葬列
crapp.hatenablog.com を読んだ。id:Cedilleさんは、数少ない私の同好の士（一緒にされても困るだろうし、文章も怨念も私のレベルを遥かに凌駕していると思うが）だと感じている方で、 いつも楽しく読ませていただいている。 で、このエントリを読んだ感想としては、いい経験だと思うし、別にその中で生きていけばそのうち良い事あるよ、としか思わなかったんだけども、そもそも「すごいエンジニア」とはどういう存在なのか、ということを書いておきたくなったので、書く。 すごいエンジニアのイメージ だいたい前述のエントリに書いてある通りなのだが、この業界で「すごいエンジニア」として見なされる人のイメージを要約すると、こんな感じだと思う。 技術書を自分の給料で買いあさり、勤務時間外に読み漁ったりして、とにかくあらゆる事に詳しい。 アンテナを極バリして、githubでstarが100ぐらいしかつ
Swiftのサブスクリプト（Subscripts）
サブスクリプト（Subscripts）です。これまでコレクション型へのアクセスで何気なく使っていました。独自型（クラスなど）で定義できる構文で、メソッドを定義せずに演算を返したりできるので、大変便利な機能になります。ここでは、サブスクリプトサブスクリプト（Subscripts）です。これまでコレクション型へのアクセスで何気なく使っていました。独自型（クラスなど）で定義できる構文で、メソッドを定義せずに演算を返したりできるので、大変便利な機能になります。 ここでは、サブスクリプトとは何か？から始めて、その定義構文、サブスクリプトの使い所、さらに複数のパラメータを持つサブスクリプトの具体例について説明していきます。 サブスクリプト（Subscripts）って何？ いきなり脱線しますが、英語で「subscript」（カタカナで当て字するとサブスクリプトでしょうか？）と言う時は、普通「下付き文字」
Androidでファイル群テンプレートを作る話 - アナログ金木犀
File TemplateとかProject Templateは作れるのは知っていたのですが、 【Android】もっと先へ「加速」したくはないか、少年 〜File Template編〜 - Qiita 【Android】もっと先へ「加速」したくはないか、少年 〜Project Template編〜 - Qiita Files Templateって作れないのかなーと思ってました。 設計によってはある機能や画面を作る度に似たようなクラス群を作ったりしますしね。 ちょっと調べてみたら Project Templateと同じ要領で作れたので紹介します。 (Macでの開発を前提として書いていきます) デフォルトのテンプレートの置き場所 Project Template同様、下記に置いてあります。 /Applications/Android Studio.app/Contents/plugins/a
Rails の フロントエンド周りの未来予測 - ボクココ
ども、@kimihom です。 Rails の Sprockets や Uglifier などが最新の JavaScript に追従していないという理由で、Rails 標準のやり方から外れて最新のフロントエンドツールを追い求める系の報告が多い。一部では完全に Rails の Asset Pipeline から外れて、Gulp などに移行する話もよく聞く。確かに現行の Rails のフロントエンド環境で開発すると、let や クラス構文をまともに使えない(エラーになる)ため、最新の構文に対応した JavaScript フレームワークはほとんど使えないのは大きな問題として残り続けている。 最新版である Rails 5.1 から、ようやく jQuery からの脱却とフロントエンド周りの最新化、つまり Yarn や Webpack の導入が検討され始めている。これに期待されている方も多いのではない
面倒臭がり屋のための筋トレTIPS８つ - kin.mobile
筋トレを継続するのは難しい。特に何事も面倒臭がる人は筋トレの継続はかなりハード。面倒臭がり屋のひとりである私が、継続のための筋トレ術を提案したい。私達にとって本当に必要なのは筋トレの理論でも鍛え方でもプロテインでもない。 1.やる気に頼らない 筋トレを始めるのに「やる気」に頼ることは絶対にさけるべきことです。 モチベーションが上がってからやろう！ やる気になってから筋トレするの！ というやり方は面倒くさがり屋は絶対してはいけません。 なぜならモチベーションを上げて行動するエネルギーを上げると 面倒臭がり屋は他のことをやりたくなります。 よし元気になってきたから、今度こそ筋トレしよ！ そして立ち上がった瞬間に本棚に目についた「効果的な筋トレ特集」という雑誌の見出し。 いつも読もう読もうとして、放置しっぱなしだったから、今こそ読むぞ！ そう、筋トレをやる気になった私は「効果的な筋トレ特集」を読
2017年もお世話になるヘビーに使っているWebサービス・アプリまとめ｜けんすう
あけましておめでとうございます。本年もよろしくお願いします。 年始ですので、2016年によく使って、2017年も使いそうだなー、と思うアプリをまとめてみました。 メルカリメルカリ スマホでかんたん フリマアプリ もはやインフラといってもいいレベルまで来ている気がしますが、いかがでしょうかねえ・・・。日本中の人がフリマをやっているような感じなので、掘り出しものがたくさんありますし、何かを売ろうと思ったら速攻で売れるので、とても重宝しています。 「送るのが面倒なんじゃない？」と思う人もいると思うのですが、Amazonとかで売ってる、プチプチが中にある袋を買って、商品をいれて、コンビニに持っていって、機械からなんか紙を出して、店員さんに渡すだけです。住所とか書く必要ないんすよね。すごい楽です。 朝出かける10分前くらいに出品して、出かける用意をして、売れてたら商品を封筒にいれてコンビニで発送、み
CTOに聞いた！ Wantedlyのエンジニアってどんな人？ エンジニアにとってどんな会社？ | Wantedly Blog
こんにちは、広報チームの稲生（いのう）です！ 「ウォンテッドリーのエンジニアって実際どんな人が働いているのか外からではあまりわかりにくい！！！」 「ウォンテッドリーのエンジニアがどんな環境で働いているのかわからない！！！」 そんな話をよく耳にします。そこで、弊社CTOの川崎に、ウォンテッドリーで働くエンジニアについてと、ウォンテッドリーがエンジニアにとってどんな会社なのかを伺いました！ ■ウォンテッドリーのエンジニアに共通するコト−ウォンテッドリーのエンジニアの特徴ってどんなところですか？ ウォンテッドリーのエンジニアは、結果を出すまでしっかりとやりきる泥臭さを持ち合わせた人が多いです。結果を出すために必要な課題を自分で見つけて、解決策を出せる。それも、一つの解決策だけ思いつくのではなくて、複数の道を考えついた上で、もっとも最短かつインパクトのある解決策を選ぶことができる。 例えば、先月リ
田舎つらすぎるエンジニア - Adventure
− はじめに − 就職して一年目。 久々に愛媛の実家に帰ってみて「よくここからエンジニアになれたな…」と思った話。 地方と関東のIT格差ほんと半端じゃない。 − インターネットも東京も遠い − まずインターネットが遠い。 果てしなく遠い。 ブラジルから冥王星くらい遠い。 1時間安定してインターネットに接続し続けるだけでも、田舎では修羅の道だ。 年末年始にバズったフォロワーのところてん氏のツイート 上京してしまった息子に帰省してもらいたい、親の皆さま。 実家にちゃんと回線を引きましょう。 ネットワークという基本的人権が保障されない場所に行きたい人はいません。 ましてや、このような通信速度の回線は人権侵害なので、そのような場所に帰省する人はいません。 （もう東京帰りたい） pic.twitter.com/sbJDiXKXM6— ところてん (@tokoroten) 2016年12月30日 本当
ソフトウェア例え話、格言、小噺 - from scratch
2016年になってから色んなソフトウェアエンジニアの人と話してきて、その中で3人から聞いた例え話、格言、小噺が面白かったので、僕の中だけで留めておかずに開放しておく。 息継ぎをするには『まず息を吐く』という例え話 水泳で息継ぎをするなら『まず息を吐きなさい』と教わるらしい。これは息を吐かずにどこかで息を貯めてしまうと、ちゃんと息を吸えないという事を意味してる。息を吐くと苦しくなって顔は絶対に水面に出る。 これと同じことがソフトウェアの学習にも言える。 つまりまずアウトプットする、なんでも良い。作ったものをGitHubに公開するとか、発表するとか、ブログやQiitaに書くとか。ちゃんとアウトプットしたものはフィードバックがあり、そのフィードバックを受ける(PRやissue, 質問, マサカリ etc)、どんどん吐き出していくと吸わないとネタがなくなるので、吸い込むためにまたインプットする。
【React】React入門の方が動きを理解したい人の為の最小サンプル(Sample) | 武骨日記
毎日朝7時更新/プログラミング芸人/WEBデザイン/フォトグラファー/インド/JavaScript芸人/Reactエンジニア
lopan-cafe.tokyo
lopan-cafe.tokyo The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
読んだ : Kotlin スタートブック ― 新しい Android プログラミング / 長澤 太郎 著 - ひだまりソケットは壊れない
Kotlin エバンジェリスト (JetBrains 黙認) であり、日本 Kotlin ユーザグループ代表であるたろーさん (長澤 太郎) によって書かれた書籍 『Kotlin スタートブック ― 新しい Android プログラミング』 (赤べこ本) を読みました！！ Kotlinスタートブック -新しいAndroidプログラミング 作者: 長澤太郎出版社/メーカー: リックテレコム発売日: 2016/07/13メディア: 単行本（ソフトカバー）この商品を含むブログ (1件) を見る 本書を読む前から、公式のリファレンスやチュートリアルなどの気になる箇所を見てはいて Kotlin についてはなんとなく理解はしていたのですが、ところどころ知識が欠けている部分もあったので、本書によってそういった知識の欠落を埋めることができました。 どんな本か？ 内容については著者のたろーさんが紹介されてい
女性プログラマーに“熱視線”｜NHK NEWS WEB
“ １４．２％ ”。これは、「プログラマー」や「システムエンジニア」の職に就いている人のうち女性の占める割合です。（平成２７年国勢調査より） 圧倒的に男性が多い技術者の職場ですが、ここ数年、スマートフォンの急速な普及などで、女性向けのアプリなどが求められるようになり、企業も、女性プログラマーの育成に力を入れ始めています。 各地で開かれているプログラミング講座にも、女性の参加者が目立つようになってきました。かつては壁が高いと思われていたプログラマーの世界に、女性が次々に挑戦しています。 今月、東京・新宿区で開かれた初心者向けのプログラミング講座。この日は、２０代から３０代の１０人ほどが、２か月間講座で学んだ知識を基に開発した独自のＷＥＢサービスを発表しました。目立ったのは女性の姿、半分が女性でした。 税金の控除額を計算するシステムを発表したのは、金融機関に勤める２０代の女性。会社では、信託口
聞き取れるぞ、私にも英語が聞き取れる！速聴の効果と注意点まとめ | TOEIC 900点＆英会話上達をめざす英語勉強法・参考書まとめブログ｜Enjoy Life in English!
お陰様で2012年10月にTOEIC 910点獲得！当ブログは、堅実ながらも効率的で再現性の高い勉強法を追求し、体系化しています。自分の勉強の失敗と成功をさらしつつ、本気で英語を勉強している学習者の悩みを解決し、やる気に火をつけ、「英語人生を楽しめる」ようにサポートするのがミッションです！(・∀・)> 英語上級者さんたちのニュータイプ値にはほど遠いレベルですが、そこそこ英語が聞き取れるようになってきつつあり、速聴の効果についても、ようやく人様にきちんと説明できるくらいに分かってきたので、まとめてみることにしました。 1. 速聴の２大効果【効果１】文頭から瞬時に、一発で聞き取れるようになる長文が聞き取れない原因長いセンテンスや、TOEICのPart 3・4のような長文が聞き取れないのは、音声を理解する自分の脳の処理速度が、聞こえてくる音声よりも遅いのが原因なんですよね。 PCで「フリーズ」っ
UTAUの進化と巨大化｜しま｜note
VOCALOIDとUTAUとCeVIO 2016年もVOCALOIDのライブラリーが数多くリリースされた。 VOCALOIDを製作している国内各社の動きをみてみると、クリプトンフューチャーメディア株式会社はVOCALOID4に対応した初音ミク『初音ミク V4X』を発売し、これまでにリリースされてきた初音ミクの音源がさらに磨きこまれている。 新しく登場したライブラリーとしては、株式会社インターネットが『音街ウナ』を発売。声優として活躍する田中あいみの声をベースに作られており、愛らしくも力強さのある歌声が特徴だ。 特に話題になったのは、ヤマハ株式会社が発売した『VOCALOID4 Library Fukase』だ。SEKAI NO OWARIのボーカリストであるFukaseの声をベースに作られており、プロモーションも大々的に行われていた。 株式会社AHSは2016年に新しいリリースはなかったが
Lenovo、タッチパッドにもなるワイヤレスミニキーボード「Lenovo 500 Multimedia Controller」を発表
LenovoがWindows 10のジェスチャーコントロールにも対応したワイヤレス ミニキーボード「Lenovo 500 Multimedia Controller」を発表しました。 一見するとただのワイヤレスなミニキーボードですが、キーボードの表面が静電容量式のタッチパッドになっておりマウス操作も可能になっているのが特徴です。 ホームシアターなどを含むスマートホームのコントロール用途を想定している製品ということです。 なかなか便利そうですが、誤操作とかどうなんですかね？ なお、接続はBluetoothではなく、2.4GHz帯の無線で専用のドングルを使用します。 バッテリはAAA電池（単4電池） 2本で8か月持つということです。 価格は$54.99で3月に発売予定です。 (source Lenovo)
Google Web Designer - Home
魅力的な動画、画像、HTML5 ベースのデザインを作成してあらゆるデバイスに配信し、ビジネスをアシスト ビジネスでの使用のみが想定されています ビジネスのアイデアを形にするための機能 Google Web Designer は、人を惹きつける美しい動画、画像、HTML5 広告を簡単に作成できるツールです。アニメーションやインタラクティブな要素を使って、クリエイティブな発想を形にすることができます。表示するスペースやオーディエンスに合わせてコンテンツの規模を調整できるように、レスポンシブ ワークフローや動的ワークフローを備えています。 モードを選ぶ アニメーションの作成には、シンプルなシーンをつなげて作るクイックモードと、タイムライン上でレイヤを使用して作る詳細モードがあります。モーションパスやカスタム イージングを使って、アニメーションを思いのままにコントロールできます。 3D 3D コン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザでアニメーションや簡単なゲーム等を作成出来るOSS・「Wick」
Not found