Mozillaが中心となってオープンソースで開発されている言語「Rust」の最新バージョン「Rust 1.31」がリリースされました。 そしてRust 1.31はこれまでのRust言語に対する破壊的変更によってRust言語を進化させる「Rust 2018 Edition」（以下、Rust 2018）の最初のリリースでもあります。 これまでのRustは「Rust 2015 Edition」（以下、Rust 2015）と呼ばれます。 Rust 2018では言語の破壊的変更が行われましたが、Rust 2018のコンパイルを行うにはオプトイン方式による設定が必要。デフォルトではRust 2015のコードをコンパイルするようになっているため、Rust 2015で書かれたユーザーのコードに対する互換性はRust 2018でも維持されるようになっています。 Rust 2018 Editionでは生産性の

12月はなんとなく新しいことをやりたくなる。ということで、elm をやってみた。 大昔に触った気がするけど、文法が Haskell っぽいこと以外、何も覚えてなかった。というか当時触った signal とかがなくなってたので別物になってた。 作ったもの 勉強がてら作った、球拾いゲームみたいな何か コードはここ https://github.com/mizchi-sandbox/elm-playground elm-platform, svg の扱い, キー入力、乱数の副作用の分離などが学べた。乱数は面倒くさくなったので外部(JS)からSeed与える方式にして、気持ち純粋になった。 (自分の)環境構築 Parcel を使った brew install elm # OSに応じて mkdir elm-playground cd elm-playground yarn init -y yarn a

こんにちは、広告技術部のくらさわです！ この記事は Gunosy Advent Calendar 2018、16日目の記事です。 昨日の記事は山本さんの Gradleモジュール分割とレイヤードアーキテクチャ でした。 はじめに Elm とは ぼくの Elm の始め方 ぼくにとっての Pros / Cons Pros Cons (というかはまった箇所) Pros 環境構築が簡単 The Elm Architecture がシンプル エラーメッセージが丁寧でわかりやすい JavasSriptとの連携もできる Cons (というかはまった箇所) 型が決まらないJSONを扱いずらい 文法に慣れが必要 まとめ はじめに 年末です。 年末なので今年の締め的な記事を書くのがいいのかもと思ったのですが、そんな守りに入るよりも、年末でも、いや年末だからこそ新しいことを始めて新年へのスタートダッシュをキメてや

Kubernetesが注目され続ける5つの理由。 KubeCon + CloudNativeCon North America 2018 12月10日から13日まで、米ワシントン州シアトルでCloud Native Computing Foundation主催のイベント「KubeCon + CloudNativeCon North America 2018」が開催されました。 4日間で20のキーノートと200を超えるセッションが行われたこのイベントから、同イベントのホスト役でもあるGoogleのソフトウェアエンジニア Janet Kuo氏によって行われたキーノートの1つ、「Kubernetes: Living Up to the Hype」（Kubernetes：期待にこたえ続ける）の内容をダイジェストで紹介しましょう。 Kubernetesが期待にこたえ続ける5つの理由 Janet Ku

どうもみなさまおはようございます。あるいはこんにちは。あるいはこんばんは。 KAYAC Advent Calendar 2018の12日目の記事を担当します、今年1月に中途入社しましたエンジニアのたがみです。 前職ではサーバーサイドのSEとして業務系のwebアプリを開発したり運用したりしていましたが、今はクライアントワークのフロントのエンジニアとしてwebサイトを作ったり動かしたりぶっ飛んだものにしたりしなかったりしています。 今回は、そんな私がフロントエンドになったばかりの頃に仲良くなった思い入れのある言語、Google App Scriptの話を！・・・・・・と、つい二日前までは、思っていたのですが。 Google先生を訪ねて色々と検索していたところ「あれ・・・なんか・・・Vuetifyについての日本語記事、実は少ないのでは・・・？」と気づいてしまったのです。 （もしかしたら気のせいか

Photo by Eugene Kim こんにちは。倉内です。 皆さんは毎日オフィスで集中して仕事ができていますか？ ITエンジニアは特にPCに向かう時間が多い仕事です。座りっぱなしの人も多く「集中力が続かないなあ」と悩む人もいるのではないでしょうか。 さらに私の場合は、前職がSIerで就業ルールも厳しめでした。「音楽を聞きながら仕事をする」「ちょっと外に出て気分転換」なんてこともできず、集中力を保つのに苦労していました。 paiza（ギノ）に転職して、格段に自由度が上がったので「集中するためにいろいろやっていこう」と決意していたのですが、まだまだ試行錯誤中です。 そこで、興味本位で弊社の健康オタク（兼論文オタク）エンジニアに「集中するために何をしていますか」と聞いてみたところ、想像を遥かに超える「集中のために実践していることリスト」が返ってきましたのでご紹介したいと思います。 なお、健康

Bash は言わずと知れた歴史あるコマンド言語です。テキストにコマンドの羅列を記述するだけで、手軽にシェルスクリプトとして実行することができます。 シェルスクリプトの実体はシェルコマンドの羅列に過ぎませんが、手続き型プログラミング言語にあるような制御構文も備えています。変数や条件分岐、ループ、関数などです。これらを使えばシェルスクリプトでプログラミングも可能です。 もちろん、現代の一般的なプログラミング言語と比べると機能は限られます。他の言語には見られないシェルスクリプト特有の癖や記法も数多くあり、最近の言語に慣れている人ほど、つまずくポイントが多いです。 しかし、シェルスクリプトだからこその良さもあります。Bash は現在でも多くの OS で標準シェルとして採用されており、普段使っているシェルコマンドを書くだけで動かせる手軽さは何者にも代えがたいです。一度身につけておくと長く使えるお得な

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? (※アイキャッチ画像は、この記事に関係あるようで関係ないウサギ対ウナギ画像です) アドベントカレンダー『Elm2』の昨日の記事は、ababさんの『Elmで副作用を扱う仕組みCmdがとっても良い理由』でした。副作用のある部分とない部分を分離する「純粋」な言語は、作用を扱うのが面倒くさい言語だと思われがちですが、実は作用を扱うのがとても上手なんですよね。ElmのCmdは、Haskellみたいにモナモナせずにシンプルに作用を扱う方法としてElmがたどり着いた、ひとつの解答であります。 さて、Elm と PureScript は、どちらも Al

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

まずVue.jsとFirebaseの本を読んでみた 改訂新版　Vue.jsとFirebaseで作るミニWebサービス (技術書典シリーズ（NextPublishing）) 作者: 渡邊達明出版社/メーカー: インプレスR&D発売日: 2018/10/05メディア: Kindle版この商品を含むブログを見る ワタナベ(id:tatsuaki_w)さんの「Vue.jsとFirebaseで作るミニwebサービス」というイカした本を買ってみました、超絶わかりやすくオススメ出来ます。 Vue.jsもまだまだ分からない部分も多く勉強中ですが、Firebaseに関しては一切触ったことがなかったです。 しかし、使ってみるとこれがめっちゃ便利。 この本によって基礎知識を付け、サクッとマークダウンエディターをFirebase上で作ってみて要領を掴みました。 オンラインメモ帳を作ってみた OimoNote |

以前の投稿でVisual Studio CodeとMarkdown Preview Enhanced環境を組み合わせの便利さを紹介しました。 議事メモを作成にマークダウンを使うと、議論が構造化されて表示されるので、非常にわかりやすくなりますね。みなさんもお使いかと思います。本稿では、そこに、更にVisual Studio Codeにマークダウン用のスニペットを登録しておくことを提案します。 出席者の議論をフォーカスさせる図や表がスムーズに呼び出せますので、効率的な会議を行うことができます。そんな爆速会議に便利なスニペットをいくつか紹介します。 以下ではVisual Studio CodeエディタとMarkdown Preview Enhancedプラグインが前提となっております。環境構築には以前の投稿をご参照ください。 1.会議を一気に立ち上げる：議事録スニペット まずは議事録のテンプレー

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 0.注意書き 筆者の本稿での意図はエディタ宗教論争を巻き起こすことではありません。「世の中では、これくらいのことが出来るようになってきている」とご参考にしてただくことが本稿の狙いです。それによって何かのお役に立てれば幸いだなと思っています。 皆さんは自分の使いやすい、皆さんの用途やプロジェクトの環境をにあったエディタを使用していただければとお断りしておきます。 1.Markdown環境について Markdwonは以前に書いたように今後の文書生産性を変えていく可能性のあるツールの一つです。Markdownのメリットは次の点だと思います。

昨今の代表的なJavaScriptフレームワーク（React、Vue.jsなど）には「仮想DOM（Virtual DOM）」という概念が採用されているので、フロントエンド界隈の人は一度は耳にしたことがあるだろう。ただ、仮想DOMについて学ぼうと検索してもヒットするのは「フレームワークの使い方」ばかり。踏み込んでいても概念の説明どまりで、仮想DOMがどのように実装されているか解説した記事はすくない。 ということで、当記事では理解を深めるために仮想DOMを使ったフレームワークを自作し、仮想DOMに入門する！ そして、ReactやVue.jsを単なるブラックボックスのフレームワークではなく、中身を理解して使えるようになることを、当記事の目標とする。 フレームワークが完成すると以下のようなWebアプリケーションがつくれるようになる。 TOC 記事が長くなりそうなのでも目次 そもそもDOMとは？ D

都市の景観を一変させたエレベーター エレベーターという装置の歴史は実は古く、古代ローマの時代に遡ります。 しかし、エレベーターが人類の歴史に大きく貢献し始めるのは20世紀に入ってから。 安全で安定したエレベーター技術の確立は、超高層ビルの建設を可能にし、ニューヨークの摩天楼の風景を作り上げました。 ただし「安全で安定した」エレベーター技術は、技術者の長年の試行錯誤によって発展してきました。 １.原始的なエレベーター 古代ローマのエレベーター 古代ローマの建築家ウィトルウィウスの著作によると、史上初のエレベーターは紀元前236年、シチリアの数学者アルキメデスの発明によるものだそうです。 アルキメデスは、「アルキメデスの原理」や「アルキメデスの熱光線」で有名な古代世界最大の発明家です。 この原始的なエレベーターは、箱型の乗り物に人が乗り込み、人力で垂直上下に繋がった麻のロープを手繰って上下移動

目次 目次 はじめに 前提条件 Nuxtってなに？ Nuxtの主な機能 Nuxt.jsやってみる Nuxt.jsのインストール Nuxt.jsでアプリ作成 nuxt.config.jsによる設定いろいろ Nuxtの構成 Nuxtでアプリ実行 ポート(3000の部分)を変更したい場合 アプリの説明/解説 レイアウト・コンポーネントの作成 レイアウト(layouts) ページ(pages) コンポーネント(components) データの扱い/保存 firebase firebaseでdatabase作成 firebaseで認証設定 store(Vuex) デバッグ ビルド herokuにデプロイ やってみて はじめに こんにちは! 11月にLiBに入社したアベと申します。 アラサー子持ちのエンジニア(エンジニアと名乗るのは憚れる...)です。 社会人3年目からWebの世界へ転身し、webデザ

UIデザインとWeb開発に関するトピックのライター。個人ポートフォリオやWeb上のいたるところで彼の記事を見つけることができます。最新のアップデートなどを見るにはTwitterをフォローしてください。 Googleで検索すると、Webサイトのパフォーマンス改善のための便利なツールが数多く見つかります。 サイトの画像最適化から独自のCDN設定にいたるまで、さまざまです。 しかし、デザイナーの中でコード最適化について考える人はほとんどいません。 コード最適化とは、総HTTPリクエスト数を減らしたり、ファイルを軽量化したり、表示スピードアップのために最適なカスタムフレームワークに切り替えることを意味します。 最新のBootstrap v4は素晴らしいデザインですが、残念ながら最も重いフレームワークの１つです。 そこで今回の記事では、重いBootstrapの代わりに軽いWebフレームワークを厳選し

私の職場では関数の設計資料としてフローチャートを書く文化が根強く残っています。さらには状態遷移図やシーケンス図なども場合によっては必要になります。これらの図を作成するのに、ツールはword,ExcelやVisioなどを使っていますが、ご存じのとおりこれらのツールで作図するのは非常に面倒です(visioは幾分かマシですが)。 word,Excel,Visioでこれらの作図をする時に感じるデメリットは以下の3点です。 何か解決策は無いかなぁと色々と調べていたところ、PlantUMLというツールがあることが分かりました。PlantUMLはテキストからUMLの各種ダイアグラムを生成することが出来るフリーのツールです。 例えば、以下のようなコードを書くと @startuml Foo -> Bar : メッセージ Foo <-- Bar : レスポンス @enduml このような図を生成することが出来

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Monaco Editor Visual Studio Code で使われている Monaco Editor を内蔵しています。 Copy as Plain Text Markdown などのシンタックスハイライトが利用できますが、クリップボードにコピーする際テキストの色や太字の情報を削ぎ落とします。