React NativeをWebに持ってくることの意味 - ナカザンドットネット
ブラウザはGUIアプリケーションプラットフォームではない Flexboxについて React DOMはGUIアプリケーションフレームワークではない React NativeはGUIアプリケーションプラットフォームの抽象である React Native for Webがブラウザに持ち込んだもの コンポーネントが便利 スタイル周りも良い感じ TouchableOpacityでタップ表現もラクラク 他にもいろいろあるけど プロダクション事例が強すぎる 作者のnecolasも語ってた まとめ 余談：React系のアプリケーションフレームワーク React Native for Webは、React NativeをWebに持ち込む試みです。 しばしば、こういった試みに対して「わけがわからない」「本末転倒である」といった意見を見かけますが、筆者は妥当な試みであるという印象を持っています。ちょっと頭の中
AtomicDesignをVue.js(Nuxt.js）に使うと最高な開発を体験できた - Qiita
開発環境 Nuxt.js v2 Express v4 bootstrap v4 (bootstrap-vue) Atomic Designとは Atomic Design はデザインシステムを作るための１つの手段 ざっくり言うと、UI コンポーネントの粒度をカテゴリーに明確に分ける手法 Atomic Designの詳細については割愛しますので、下記サイトをご参照ください。 Nuxt.jsとAtomic Designの開発が最高なポイント Nuxt.jsの機能： routerなど面倒な設定を特に意識しないで実装できとても楽! 生産性向上 & 一貫性： コンポーネントの独立性が高く、さらにVuexを使うとデータの操作とビューの表示が依存性低く、仕様変更に柔軟に対応できる デザイン変更が発生する際、一箇所を修正するだけで、全てが適用される(これが一番好きなポイント) もちろん、それぞれのページの
新しいデザインシステムの手法 Atomic Designとは｜NEWS｜株式会社INDETAIL（インディテール）
最近、社内の9階フロアではインフルエンザが蔓延してバタバタと感染者が増えています…。 次は我が身ではないかと内心ビクビクしながら過ごしていますrockdです。 そんな中、今回はAtomic Designについての話をします。 簡単にいうと、デザインを設計するための手法の1つです。 2013年にBrad Frostという人がWebフロンドエンド用に開発しました。 UIの粒度を原子に置き換えて各ステージごとに管理し構築していきます。 [vimeo 109130093 w=640 h=360] Brad Frost: Atomic Design (Webdagene 2014) from Netlife Research on Vimeo. では、実際にどのようなステージに分けられるのか紹介します。 5つのステージ Atomic Designでは5つのステージに分けて管理します。 Atoms(ア
今年はWebサービスを作りたいと思っている人にお勧めのエントリーまとめ | ロプログ
明けましておめでとうございます！ 近年、個人でWebサービスを開発するのが流行っていますね。「今年こそは俺もWebサービスを作ってモテモテになるぜ！」と思っている人も多いのではないでしょうか。 そんな人のために、Webサービスを開発・運営するにあたっての心構えやノウハウ、体験談などの書かれたエントリーを集めてみました。 ▼誠 Biz.ID：田口元の「ひとりで作るネットサービス」探訪 個人でWebサービスを開発している人たちのインタビュー集。ヒットしたサービスを手がけた個人開発者達のバックグランドや考え方を垣間見ることができ、モチベーションアップにもなります。恥ずかしながら、私のインタビューも載っています。 ▼Web2.0ナビ: 個人サービスを作るコツ 個人がWebサービスを作るための、実践的な8つのコツが書かれています。 ▼個人でネットサービスを運営するための5つのコツ（momose版）:
Webアプリのセッション管理はデスクトップアプリのメモリ管理と同じ - プログラマの思索
Webアプリ開発で必ずぶち当たる課題、Webアプリ特有の技術、アーキテクチャについて考えてみる。 古くから続く課題を知れば、次世代Webフレームワークがどのように解決しようとして、何を提示しようとしているか分かりやすくなるだろう。 ＃以下、セキュリティ関係などを除く。 Webアプリは、Ajaxが登場するまで、UIがブラウザで制限されているため、それほど難しい機能を実装できなかった歴史があった。 古くはPer/PHP、そしてJavaに至るまで、Webアプリはステートレスだったから、殆どの機能は閲覧機能とマスタメンテナンス機能にすぎなかった。 なぜなら、Webアプリでは、6時間以上もかかるようなバッチ処理を実装したとしても非現実的だから。 しかし、以前から知られているアーキテクチャ上の課題はあるし、Ajaxの出現によって更にその課題が複雑になった現状もある。 Webアプリを作る時はいつも、下記
GoogleMapAPI For Flashを試行中
いまさらながら、GoogleMapAPI For Flash を利用してみました 。 目的としては、逆ジオコーディング とルート検索を利用したかったのでその辺りを中心に試してみています。 とりあえず、インストールからの簡単な流れで説明をば。 なお、環境としてはFlexBuilder3 を利用してAdobeAirでサンプルを作成しています。 インストール 1. GoogleMapAPIのサイトに行き登録URLとAPIkeyを取得します。 2. GoogleMapAPI For Flash のSDKをダウンロードします。 3. SDKを展開して、FlexBuilderで作成されたAirプロジェクトのlibs以下にmap_flex_1_16.swcをコピーします。 地図を描画 メインとなる.mxmlに以下のようなコードを追記します。 urlはインストール時に登録したURL、keyはその際に取得し
URI変えるな，ページ消すな | Okumura's Blog
探し物をしていて古いリンクをたどったら 総務省｜ご案内ページ －掲載期間が終了しています－ というページにリダイレクトされてしまった。総務省サイトの掲載期間は原則3年で，パンフレットなどは最新版以外は消しているという。国の貴重な資料は永久保存でいいと思うのだが，なぜ消すのだろう？ Webの開祖Tim Berners-Leeは1998年に Cool URIs don't change（神崎さんの訳：クールなURIは変わらない）を書いて，URI（URL）が永続すべきことを説いている。もう10年以上も前のページだが，サイト管理者はぜひ読んでほしい。ここに書いてあるように，何十年も永続させるためにはいろいろな工夫が必要だ。例えば拡張子はその時点での技術を反映する。hoge.html は hoge.cgi や hoge.php や hoge.rb になるかもしれない。そのため，W3Cサイトへの正式な
メディア・パブ: Twitter,イラン騒乱でソーシャルメディアの主役に
イラン選挙の騒乱は，同時に「Twitter革命」でもあった・・・。そのようにTwitterの熱狂的なユーザーが興奮しながら語り合う。少なくとも政治活動家にとっては，欠かせない旬のメディアになったようだ。 Twitterパワーを最初に見せつけたのが，CNNへの抗議行動である。CNNがイラン選挙のニュースを十分にカバーしていないと，Twitterのアカウント#CNNFailに抗議の声を集約させたのだ。高まるTwitterユーザーの批判の声に押されたのか，CNNはすぐにイラン騒動のニュースをCNN Newsサイトのトップに配するようになったという。 ところでイランではこれまでも，マスメディア（報道機関）に対する報道規制が敷かれていており，さらに現職が再選した大統領選後は一段と規制が強化されてきている。外国メディアに対して反政府デモの取材を禁じたり，さらには記者の国外追放を強行し始めたのである。国
クックパッドというサービスを男性エンジニアはどのように解釈すれば良いか - FutureInsight.info
友人のクックパッドエンジニアnegipoくんから以下の本をもらいました。読んでみて非常におもしろかったので、いろいろ考えたことを書いておきます。600万人の女性に支持されるクックパッドというビジネス (角川SSC新書)上阪 徹 おすすめ平均 さて、困りました Amazonで詳しく見る by G-Toolsあまり実感がわからない携帯サービスを抜きにして今日本で勢いのあるサービスの代表と言えば以下の2社だと思います。 イラスト コミュニケーションサービス[pixiv(ピクシブ)] レシピ検索No.1／料理レシピ載せるなら クックパッド 個人的にこの2つが素晴らしいサービスだなと思っているのは、今まで評価されることの難しかったイラスト、レシピという人間のアイディアや知恵が非常に詰まっている創作物に多数の人々から評価される快適なコミュニティを作ることができた点です。Pixivは、日頃から接点のある
インストール不要！主要ブラウザーを1クリックで起動
主要ブラウザーをインストールなしに使える「Xenocode Browser Sandbox」で対応するすべてのブラウザーを起動してみた。左上から、IE8/7/6/、Google Chrome、Firefox 3/2、Opera、Safari。 Internet Explorer、Firefox、Opera、Google Chrome、Safari……と、各社からさまざまなWebブラウザーをリリースされ、シェア争いが活発になっている。競争によってブラウザー全体のパフォーマンスが上がったり、使い勝手がよくなるのはユーザーとしてはうれしいこと。だが、普段はせいぜい1つか2つしか使わないブラウザーをいくつも（しかも複数バージョンを）インストールして、それぞれで動作チェックしなければならないWeb制作者にとっては、大いなる苦痛の種、というものだ（関連記事）。普段使いのブラウザー以外は、なるべくインス
べつやくめそっど
利用に際して： 生成した画像は自由に利用可能です。 生成される画像は、400x300固定です。 各項目、数値は「,(カンマ)」にて区切ってください。（CSV形式） 項目数は５つまでです。 文字が重なる場合があります。（仕様です） 数値は整数値のみにしてください。（小数は使えません） 数値の合計は１００にしてください。（１００を超えると表示がおかしくなります） 入力したテキストデータは、後ほどグラフの検索等に利用する場合があります。 生成された画像データは誰でも見られます。 生成された画像データは消えるかもしれません。ご了承ください。 参考： @nifty：デイリーポータルZ：円グラフで表そう こちらのグラフっぽく描くようにしてみました。 超かんたん3D円グラフ作成！ 生成するデータの入力部等を参考にしました。 オリジナルフォント【みかちゃん】 こちらのフォントを使用させていただいております
無料のグループチャット・ファイル共有サービス - フレッシュミーティング
Fresh Meetingの特徴 ログイン [モイ] 「みんなの見た、東日本大震災の記録」を公開しました 2012/03/08 「モイ株式会社」を設立しました。 2012/02/29 年末年始の営業について 2011/12/22 ご利用規約 お問い合わせ プライバシーポリシー サイドフィード株式会社 Copyright (c) 2007-2024 sidefeed, Inc. All rights reserved.
もうアンテナ低いなんて言わせない!? 情報収集11のテクニック | 教えて君.net
毎日新しい情報が駆け巡っているネットの世界では、ボンヤリしていると面白い情報を見逃してしまう。今回は大量の情報を効率よくチェックする為の【情報収集】に関する基本的なTipsをまとめてみたぞ。
ネットスーパーと実店舗のクロスプロモーションで販売増：NBonline(日経ビジネス オンライン)
大手スーパー各社が「ネットスーパー」事業の取り組みを本格化している。ネットスーパーは、対象店舗の近隣ユーザーからネットで注文を受けて、その店舗から配達するサービスだ。 イオンは2008年春から津田沼店（千葉県）を手始めに久里浜店（神奈川県）、南砂店（東京都）の3店を展開し、ダイエーは9月から東大島店（東京都）で営業を開始した。また、楽天は「マルエツネットスーパー」や「ネットスーパーKINOKUNIYA」などが出店する「食卓.jp」の運営元、ネッツ・パートナーズを子会社化して、ネットスーパー事業に乗り出している。 競争が激化する中、85店舗を展開するネットスーパー最大手のイトーヨーカ堂は順調に会員数を伸ばし、“売り場”であるECサイトの広告価値を高めている。ネットスーパーの取り組み状況と、掲載した広告の効果などについて同社IT事業部の飯塚竜太氏に話を聞いた。 ネットスーパー事業には以前から取
wonderfl build flash online
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
座標から地名を取得する逆GeocodingAPIのまとめ + サンプル
こんちは。松田です。 トレイン・トレインで使用しているGoogleMapをいじっている時に座標（緯度・経度）から地名を取得する必要が出てきたので、その際に調べた逆Geocoding機能を実装したAPIをまとめてみました。 GoogleMapsAPIなど地図を使ったシステムを使用していると、住所から緯度経度などの情報を取得する方法が必要になります。これはGeocodingと呼ばれる技術で、GoogleMapsAPIではすでに公式なAPIが存在しています。 これとは逆に、ユーザーに登録させたスポットの地名を自動入力させたりする場合など、座標から地名情報を取得したい場合があります。これらは「逆Geocoding」や、「Reverse Geocoding」などと呼ばれていますが、現在のところGoogleMapsのAPIは提供されていません。 この逆Geocoding機能が使えるサービスをいくつか紹
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
消費者金融で借りた借金の悩み相談は司法書士に相談下さい。
借金の額が膨らんでしまい任意整理をする場合は、借金の申し込みをしたり、カードの作成を希望しても、信用情報機関で情報が登録されてしまっているため、審査結果でＮＧが出てしまい、数年間、お金を借りるという行為が行えません。 借金が日常化している方にとっては、半端ではない苦痛を味わう生活になるでしょう。 自分は個人再生によって家のローンの支払いが大きく減額されました。以前までは、月々の支払いを続けるのが悩みの種だったのですが、個人再生で借金苦から解放されたので毎月の返済が楽になり、生活に集中が出来る環境になりました。 勇気を振り絞って弁護士に相談して本当に助かったと嬉しい気持ちです。 債務整理の手続きをしたことは、仕事先には内緒にしたいものです。 会社に連絡が入ることはありませんので、見付かることはありません。 だけど、官報に載ってしまう場合がないわけではありませんので、チェックしている方がいれば
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
紅茶屋くいっぱのあれこれ日記
MS-DOSのバッチ風スクリプトでWeb地図を動かす「うごけ！道案内」