タグ

2015年8月19日のブックマーク (6件)

  • Relay チュートリアル【日本語翻訳】

    先日、Facebookがデータ駆動型のReactアプリケーションの開発を行うためのJavaScriptフレームワーク「Relay」のTechnical Preview版を公開しました。さっそくですが、自分の理解を深めるためにRelayのチュートリアルを和訳しました。せっかくなのでブログにもアップしておきます。誤訳などもあるかと思いますが、Google翻訳よりはマシだと参考にしていただければと思います。原文もつけておいたので、翻訳がおかしなところもなんとなくニュアンスを掴んでいただければと思います。 Relayチュートリアルに行く前に、Relayの基礎知識RelayRelayは、「データ駆動型のReactアプリケーションを開発するためのJavaScriptのフレームワーク」です。RelayはReact同様、Facebook�が開発を進めています。Relayを使うと、サーバから取得したデータを

    Relay チュートリアル【日本語翻訳】
  • やさしいFunctional reactive programming(Event編) - maoeのブログ

    前回はFRPのBehaviorとEventという重要な概念と、Haskellでの代表的なライブラリを簡単に紹介しました。今回は紹介したものの中からreactiveというライブラリを取り上げます。 なお、reactiveを理解するにあたってLess Sugar/More Meat » Blog Archive » Introducing Reactive: Eventsというチュートリアルがとても役に立ったことを書いておきます。この後出てくる解説も冒頭部分はこのチュートリアルからとってきています。それと、動作環境はLinux上のGHC 6.12.1でコンパイルしたreactive 0.11.4を使っています。 reactiveの特徴 reactiveはConal Elliottが作った最新のFRPライブラリで、ライブラリのユーザ側から見た大きな特徴は、Arrowを使わない古典的FRPをFun

    monyurin
    monyurin 2015/08/19
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • テキストエディターを作ってElectronの基礎を学ぼう! HTML5でPCアプリ開発入門 – ICS MEDIA

    前回の記事「Electron入門」では、ElectronというHTML/JavaScriptのフレームワークを使って、デスクトップアプリケーションを作成するまでの手順を紹介しました。 今回は応用サンプルとしてテキストエディターの作り方を解説します。テキストエディターを作成することで、Node.jsのファイルの読み込み/書き込みや、ダイアログモジュールなどアプリケーション開発で必須となるElectronの技術を習得できます。30分程度で試せる内容になってますので、ぜひご覧ください。 ※記事はElectron v18を使用し、macOS 12.3 MontereyおよびWindows 10にて動作検証を行いました。 完成デモの紹介 今回のサンプルのテキストエディターのデモをご覧ください。このオリジナルのテキストエディターではテキストの編集ができ、ファイルの読み書きができます。このテキストエデ

    テキストエディターを作ってElectronの基礎を学ぼう! HTML5でPCアプリ開発入門 – ICS MEDIA
  • Browserify, Babelify, React, Arda で画面遷移を表現する その1 « yukku++

    タイトルのキーワード通り、React を使った Javascript 開発の入門的なのをやってみました。 44uk/demo-browserify-babelify-react-arda 考えたり試行錯誤したことを丁寧に記述してみた(つもり)ため前置きが長いです。ご了承ください。 この記事では、 Browserify の働きと使い方 Baberify を組み合わせる React のコンポーネントを表示してみる Arda でコンポーネントの切り替えをしてみる というのがトピックです。 当方は、仕事上 jQuery で DOM をこねくり回していますが、このままではいけない危機感と、もう一つ上の男になりたく行動した次第です。 この界隈、いろいろググってみましたが、こう!といったベストプラクティスが見えるような見えないような…そんな感じです。 その中で色々考えてみた結果、タイトルのキーワードを選

  • ノンデザイナー必見! 絶対に見ておきたいデザインスキルアップできる記事12選 - ICS MEDIA

    弊社のスタッフはフロントエンドの開発にとどまらず、デザインを制作する機会も少なくありません。弊社に限らず、近年職種を問わずデザインを扱う機会が増えているように思います。しかし、コンテンツ要素が整理整列されていなかったりテキストのカーニングがされていなかったりと、基礎的なことができていないようなケースも多く見られます。基礎的な部分が押さえられていないと、野暮ったさや素人感が出てしまいイマイチな仕上がりになってしまいます。 今回はそういった方に是非読んでもらいたい記事を、すぐにでも実践できる内容を中心にピックアップしました。Webサイトやアプリケーションのデザインだけでなく、企画書やプレゼンテーション資料の作成などでも応用できるものなので、どなたでも覚えておいて損はないと思います。 フォント選び フォントの基的な選び方 | Arch ▲フォントの系統から書体、ウェイトの選定方法まで、ユーザー

    ノンデザイナー必見! 絶対に見ておきたいデザインスキルアップできる記事12選 - ICS MEDIA