はてなブックマーク

ExcelからElixir入門⑨：ElixirサーバサイドのみでReactと同じSPA／リアルタイムUIが作れる「LiveView」（APIとJavaScriptは書いていない）ElixirSPAPhoenixfukuoka.exLiveView 【本コラムは、5分で読めて、10分くらいでお試しいただけます】 piacereです、ご覧いただいてありがとございます 今回は、「ExcelからElixir入門④：Webで外部API表示」で作ったQiita検索UIを、LiveViewでリアルタイム検索可能なSPAとして構築し直す手順を解説します 本コラムは、さまざまな時期のElixir／Phoenix環境で検証済みです ■「ExcelからElixir入門」シリーズの目次 ①データ並替え／絞り込み |> ②データ列抽出、Web表示 |> ③WebにDBデータ表示 |> ④Webに外部APIデータ表示

fukuoka.ex代表のpiacereです ご覧いただいて、ありがとうございます Vue.jsを始めると、Vue CLIやnpmを使ったり、webpackを使う解説やチュートリアルが多いですが、デザインから動的なページ作成を始めた方や、Webで開発を始めたのでサーバサイドプログラミングでの複雑な手順に慣れていない方には、本質に辿り付く前に心が折れそうになります そこで、CDN … つまり、URL指定のライブラリ利用のみでも、Vue.jsでSPA（Single Page Application）が組める、ということを実感していただくチュートリアルを作ってみました 流れとしては、まずブラウザのみで動くページをCDN版のVue.jsで作成した後、簡単なDBアクセスAPIを作成（開発にはElixir／Phoenixを使用）し、Vue.jsからデータ追加／更新／削除するSPAもCDN版のVue.j

fukuoka.ex代表のpiacereです 今回もご覧いただいて、ありがとうございます いつもと趣向違いですが、ウチのCEOが開発合宿中に行ったElixirチャレンジをお送りします そうそう、CEOと私は、地味に、35年くらい前にプログラミングをスタートしたという共通点を持っています その後、CEOはビジネスとマーケティングに進み、私はプログラミングとマーケティングに進みましたが、そんな2人が福岡で出会い、今は共に会社経営をしている訳です それでは、CEOが開発合宿中でElixirに触れていくログをお楽しみくださいー 内容が、面白かったり、役に立ったら、「いいね」よろしくお願いします CTOからの提案は、正直、気が重かった…しかし… カラビナテクノロジー株式会社 でCEOをやっている福田です 私は普段、事業会社向けのITシステム導入・運用をお手伝いしつつ、エンジニアにとって最高の組織を作

【本コラムは、5分で読めて、15分くらいでお試しいただけます】 piacereです、ご覧いただいてありがとございます 前回は、内部APIにアクセスし、DB操作をするSPAを開発しました 今回は、「Heroku」とほぼ同じ操作感のElixir／Phoenix向けPaaS「Gigalixir」にて、DB無しのカンタンなWebアプリをリリースする方法をお伝えします ■「ExcelからElixir入門」シリーズの目次 ①データ並替え／絞り込み |> ②データ列抽出、Web表示 |> ③WebにDBデータ表示 |> ④Webに外部APIデータ表示 |> ⑤Webにグラフ表示 |> ⑥SPAからPhoenix製APIを呼び出す（表示編）【LiveView版】 |> ⑦SPAからPhoenix製APIを呼び出す（更新編）【LiveView版】 |> ⑧Gigalixirに本番リリース |> ⑨Elixi

【本コラムは、3分で読めて、10分くらいでお試しいただけます】 piacereです、ご覧いただいてありがとございます 前回までは、シンプルなPhoenixのサーバサイドレンダリング（SSR）により、Web上にDBデータや外部APIデータを表示してきました 今回からは、Vue.jsを使ったフロントサイドと、Phoenixによる内部APIを組み合わせを用いて、よりElixir／Phoenixらしさを実感できるWeb開発へとステージアップします なお、本コラムと全く同じ内容のVue.js版とReact版もあります LiveView版 https://qiita.com/piacerex/items/64e77b85bfb4c6832662 React版 https://qiita.com/piacerex/items/27052ac628ec394c7560 ■「ExcelからElixir入門」

【本コラムは、2分で読めて、10分くらいでお試しいただけます】 piacere です、ご覧いただいてありがとございます Excel位カンタンな関数型プログラミング言語「Elixir」 「関数型言語」の習得が、なかなか進まない、といったことをよく聞きます 特に、「オブジェクト指向言語」に慣れ親しんだ方ほど、苦しんでいるようです Elixirは、「ExcelやGoogleスプレッドシートを使う位、簡単」なので、「関数型言語」の習得が進まない方には、オススメの言語です また、プログラミングが初めての方でも、Excel／Googleスプレッドシートでできることが、Elixirも同じようにできると分かれば、習得しやすいでしょう この「Excelから関数型言語マスター」シリーズでは、Excel／Googleスプレッドシートと同じ機能を、Elixirでも実践するだけ … というカンタンなところからスター

この記事は、「Elixir Advent Calendar 2017」の25日目です Merry Xmas!（実に1日遅れですが…） Elixir Digitalization Implementors／fukuoka.ex／kokura.ex の piacere です ご覧いただいて、ありがとうございます 私は普段、福岡のスタートアップ企業のCTOとして、「ビッグデータ分析＋AI・ML開発の統括」と「Elixir・Phoenix／Kerasリードプログラマ」をしながら、福岡Elixirコミュニティ「fukuoka.ex」のMeetUp（偶数月定期開催）やプログラミング入門ハンズオン、もくもく会を主催しています ちょうど先週末、「fukuoka.ex #4 ～ Elixirのビッグデータ分析～」というテーマでMeetUpを開催したので、そこで扱ったセッションの一部をコラム化してみようと思い