技術書典4で「もっとわかるVue」出します - hirarin blog
techbookfest.org 2018年4月22日(日)に開催される技術書典4に参加します！ 執筆しようと思ったわけ 本について 2018年4月22日(日)に開催される技術書典4に参加します！ 「もっとわかるVue」というVueとVuetifyの内容の本を執筆しました。 36ページという所謂薄い本ですが、1冊本を書き上げて発行までするのはなかなか労力がいることだったなと今はしみじみ思ってます。 本の宣伝も兼ねて、執筆しようと思ったわけや本の内容についてざっくり書いたので、技術書典に参加予定の方はご参考までに。 執筆しようと思ったわけ 色々思い返したら大きく３つありました。 １つ目は「本の執筆」そのものに興味があったからです。 もともと1年ちょっと前に転職してから、エンジニアとしての自分の中でやってみたいことが３つありました。 １つが開発合宿、２つ目が本を出すこと、そして３つ目が海外で働
Pull RequestごとにStorybookがビルドされたら最高じゃね？ - Studio Andy
merpayでは積極的にStorybookを活用してコードと見た目の両方の観点でレビューを行なっていますが、Pull Requestが飛んでくるたびに該当ブランチをpullしてローカルでStorybookを起動するのが大変という運用上の問題を抱えていました。 そこでソリューションチームの協力のもと、PRが作成されるたびにCIからGAE上にユニークなpathをもったStorybookを配信する仕組みが導入されたのが先週のこと。とてもめでたい👏👏 これによってPRのデザインをチェックする時もURLをクリックするだけでよくなりました。 UI開発の概念がひっくり返るほど便利だったので、この仕組みをプライベートの開発でも導入したいと思います。 やりたいこと Storybookをホスティングする環境(URLの共有だけで完結するもの)を作りたい Pull Requestが作成されるごとに自動で新しい
Vueを昔触った後Reactをどっぷり触ってもう一回Vueを触ってReactに戻って得た感想
最近ReactとVueをどっちも触る機会があったり、「ReactとVueどう選定するの？」という問いを投げられ、スッと答えられなかったな、と後悔があったりしていたので、Vueを触って得られた感想をまとめてみる。 結論としてなにか新しいことを発見したというものではなく、世間で言われている事を自分なりに再構築しただけの結論になったと思う。 TL; DRVueからは全体的に優しさ（Gentleさ）を感じる事が多く、良い点だと感じた大規模になるときReactの堅牢さは魅力的。Vueが大きくなった時に支えられ設計が出来るかは個人的には懐疑的。「こうだったらVue、こうだったらReact」みたいな分岐点があるというわけではないので、最終的には好みになってくると思う。ぞうさんが好きかきりんさんが好きか。これまでのフレームワーク遍歴今回の話をするにあたって、僕と各フレームワークの付き合いをまとめておくと、
SEO、OGP……Vue.js製SPAの「困った」を解決できる「Nuxt.js」が便利だ！
Vue.jsでSPAを作ったものの、検索エンジンのクローラーやSNSのOGP取得といった問題で困ったことはありませんか？ サーバーサイドレンダリングを簡単に構築できるNuxt.jsの活用方法を解説します。 ユニバーサル（Isomorphic）JavaScriptはJavaScriptコミュニティで一般的な用語になりました。ユニバーサルJavaScriptとは、クライアントとサーバーの両方で実行できるJavaScriptコードのことです。 Vue.jsを含むモダンJavaScriptフレームワークの多くは、シングルページアプリケーション（Single Page Application : SPA）の構築を目的に作られています。シングルページアプリケーションはページがリアルタイムで更新されるので、アプリの動きが軽快でユーザーエクスペリエンスが向上します。さまざまな利点がありますが、欠点もありま
Nyle Engineering Blog
OpenAIのWhisper文字起こし25MB制限を解決するPHP, Laravel, ffmpegを使ったファイル分割の例 OpenAIのAPIを使った音声の文字起こしは、今や多くのアプリケーションで利用されています。この記事では、特にWhisper文字起こしの25MB制限に焦点を当て、PHP, Laravel, ffmpeg, PHP-FFMpegなどの技術を使用したファイル分割について詳しく解説します。 OpenAI APIについて OpenAI API We're releasing an API for accessing new AI models developed by OpenAI.openai.com OpenAI APIは、AIを活用した多岐にわたるサービスを提 …
vue.jsでタグ・エディターを作ってみた - Qiita
はじめに vue.jsでタグ・エディターを作ってみました。 jQuery - タグ・エディターを作ってみた - Qiita Backbone.jsでタグ・エディターを作ってみた - Qiita に引き続いて今度はvue.jsに移植です。 デモ: http://hnakamur.github.io/vue.tag-editor.js/ ソース: https://github.com/hnakamur/vue.tag-editor.js/tree/8285cbc5fb9003050f739392f3eae73d9181bb65 アプリケーションのhtmlとjsは以下の通りです。 <!DOCTYPE html> <html> <meta charset="utf-8"/> <title>tag editor custom component example</title> <link rel="
データバインディングについてVue.jsと Backbone.stickitを比較する - mizchi's blog
これは会社でvue.jsを採用を説得するための資料なのでstickitを罵倒する vue.js http://vuejs.org/ backbone.stickit http://nytimes.github.io/backbone.stickit/ Backbone.stickitとVue.jsの比較 「#menuを押したら右に100px動く」みたいなコードを書いてみるとする。 template関数はJadeテンプレートを展開する関数だと思ってほしい Backbone.stickit の場合 class MenuView extends Backbone.View initialize: -> @model = new Backbone.Model() @render() render: -> @$el.html template(""" #menu.js-open """) @stic
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue on Storybook
Vue.js note(v0.10.3). not translate. This is draft of https://github.com/koba04/vuejs-book .