タグ

WEBに関するymd301のブックマーク (23)

  • 5年前に「Webだけやっていてもおもしろいものがつくれない」と思っていた僕がIoTプロダクト開発を選択したことは正しかったのかを振り返る|kazuph

    5年前に「Webだけやっていてもおもしろいものがつくれない」と思っていた僕がIoTプロダクト開発を選択したことは正しかったのかを振り返る 会社辞めました(5年ぶり2回目)。 この文章はWebだけやっていたときに「あれ、もしかしてWebだけやってても、この先おもしろくない??」って思ってしまった僕が、IoT製品(スマートロック)を開発するために起業し、その後5年の月日を経て様々なことを経験し、そして現在退職してみて改めて客観的に振り返ったときに何を思ったかを綴ったものです。 念の為言っておくと、今だとWebだけって部分がどんどん進化していて、SPAフレームワークが成熟してきたし、クラウドベンダーもガンガンおもしろい基盤サービスつくっているし、コンテナネイティブ/サーバーレスなアーキテクチャが流行ったり、AI/MLの波が来たり、AR/VRにもはみ出し始めたりで、全然Web領域だけやっていてもお

    5年前に「Webだけやっていてもおもしろいものがつくれない」と思っていた僕がIoTプロダクト開発を選択したことは正しかったのかを振り返る|kazuph
  • 日本語Webフォントの革命 - 3846masa's memo

    語Webフォントに革命がおきた. 詳しくは続きを読んでくれ. ちょっと大きく出てみた. 実装についての記事はこちら この記事で言いたいこと 動的に日フォントのサブセットを作成してくれるOSSを作りました. サンプルページはこちら 臨時のサンプルページはこちら 追記 herokuが落ちてる,メモリ不足だな.早い所Dockerfileつくろう. 追追記 herokuで運用は再検討したほうがよさそう.「こういうこともできます」の事例ということでひとつ. (やっぱり普通のサーバで動かす分には大丈夫そうな気がする.どうだろう) そんなわけで,どうぞご利用ください。 (ちなみに粗い作りなので,pull-requestやissue投稿をしてくださると嬉しいです.) 何が革命なんだ 革命が起きたというけど,どこが革命なの? 僕には革命が起きたようには思えないけど そんなこと言わんといて,泣くわ.

    日本語Webフォントの革命 - 3846masa's memo
  • 初心者大歓迎! webアプリを作ってみよう!勉強会に参加してSpring Bootさわってきた!!@ビズリーチ - そこに仁義はあるのか(仮)

    勉強会でビズリーチに行ってきたよ! オフィス、芝生あるし海あるし、波の音するし、さえずり聞こえるし最高だった。 ちなみに、勉強会の内容は、SpringBootとJavaで、twitterみたいなwebアプリを作ろう!って感じだったよ! twitter廃人的に、ハッシュタグ欲しかった>< 会社説明 勉強会に参加したら、最初の20分は会社説明だった! ビズリーチ、オライリー全巻そろってるらしいし、ペアプロ用デスクあるし、たけぞえさん、くぼさんがエンジニア教育に力入れてるらしいしで、エンジニアとして働く環境として最高っぽい まずは環境構築! gitからクローンしてエクリプスで開きましょう! エクリプス、入ってないので、IntelliJでやった! gitリポジトリはここ!! rabichan/spring_boot_sample · GitHub ここのソースベースで教えてもらったことを書いて

    初心者大歓迎! webアプリを作ってみよう!勉強会に参加してSpring Bootさわってきた!!@ビズリーチ - そこに仁義はあるのか(仮)
  • 「Web業界からEC業界に行ってブチ当たった、皆が教えてくれない「EC業界の見えない壁」の正体を、もやっと掴めました!」を読んで(次回ミーティングのために)整理してみました - Real Analytics (リアルアナリティクス)

    後編はこちら:Web業界・EC業界・ソシャゲ業界の違い(後編)「商品特性とコントロールできるレバー」 年明けで様々な記事を読んでいたところ、以下の記事を発見しました。 Web業界からEC業界に行ってブチ当たった、皆が教えてくれない「EC業界の見えない壁」の正体を、もやっと掴めました! ECサイトの運営に携わっている方にはぜひ読んでいただきたい内容です。 記事を書かれている永上さんは、以前の会社が一緒だったこと、そして過去にブログで取り上げていただいたこと(参考:「えがちゃん」に取材をしていただきました!)などのご縁がありました。そんなこともあり、2013年から永上さんが運営している「メンズファッションプラス(株式会社ホットココア)」のコンサルティングを担当しております。 メンズファッション+ 2013年の春からコンサルティングを開始したので、間もなく2年間になります。最初はアクセス解析に関

    「Web業界からEC業界に行ってブチ当たった、皆が教えてくれない「EC業界の見えない壁」の正体を、もやっと掴めました!」を読んで(次回ミーティングのために)整理してみました - Real Analytics (リアルアナリティクス)
  • こんなにあった!シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由 | マミオン有限会社-パソコン・数学研修、法人研修

    シニアがウェブサイトを利用する際の大きなハードルの一つが、各種「入力フォーム」です。 一般的にシニアの方ほど入力に時間がかかり、また不適切な入力によるエラー発生頻度も高くなることは、ユーザビリティ業界の権威であるニールセンノーマングループのレポートも統計データを用いて指摘しています。 シニアをターゲットとしたウェブサイトの多くはこうした状況を考慮して、入力フォームのシニア対応に力を入れているところが多いのですが、その中でも私個人から見て特に完成度が高いと感じているのが、健康品の『皇潤』で有名なエバーライフです。 今回、そのエバーライフの入力フォームで実装されている様々なシニア対応施策について、実装方法まで含めて詳しくご紹介していこうと思います。 1. 各フォームがそこそこ大きく見やすい 2. 必須項目表示がわかりやすい 3. ふりがなが自動的に入力される 4. 住所が自動的に入力される

  • sakedrink.info

    This domain may be for sale!

    sakedrink.info
  • WonderCMS - 大きなCMSに辟易しているなら試して欲しいDBいらずのCMS MOONGIFT

    Webサイトを作る際、殆どの場合CMSが欲しくなりますよね。かといって大型なものは入れるとデザインを変更するのも大変ですし、運用も面倒です。もっとシンプルに扱えるものが欲しいと思うのではないでしょうか。 そこで試して欲しいのがWonderCMS、ごくごく小さなPHP製のCMSです。データベース不要で、手軽に使えそうです。 WonderCMSの使い方 ログインした後の画面です。ログインする前とはSettingsのバーがあるかないかくらいの違いしかありません。 Settingsをクリックすると設定メニューが表示されます。テーマの変更やサイトタイトルなどが変更できます。 ナビゲーションも動的に追加できます。 右上にTestというリンクが追加されました。クリックしてみます。 自動的にページが生成されます。この辺りはWikiっぽいですね。後はコンテンツエリアをクリックすると編集モードになります。 編

    WonderCMS - 大きなCMSに辟易しているなら試して欲しいDBいらずのCMS MOONGIFT
    ymd301
    ymd301 2014/06/02
  • Webデザイナー、コーダーならDLしとこう!あると地味に便利なGoogleChrome機能拡張4つ

    今日は業務でよく使う、Webデザイナー・コーダーさんならあると地味に便利なGoogleChrome機能拡張をまとめてみました。私にとって、どのエクステンションも無いと「ちょっと困る」ものたちばかりです。 Image Properties Context Menu まずはImage Properties Context Menu。 画像を右クリックすると、パスやサイズ、altテキスト、ファイルサイズ等を別ウインドウで表示してくれます。 参考:[Google Chrome]右クリックで画像のプロパティを簡単に確認できるエクステンション「Image Properties Context Menu」 MeasureIt! 続いてはMeasureIt。 ブラウザ上に「ものさし」を表示してくれるエクステンション。ささっと画像サイズを調べたり、カラムの幅を測ったりするのに使用しています。 Show Ti

    Webデザイナー、コーダーならDLしとこう!あると地味に便利なGoogleChrome機能拡張4つ
  • これはウェブページです。

    たいしたページではありません。 あるのは言葉だけ。 それをあなたは読んでいます。 オシャレなデザインや、レスポンシブなレイアウト、魔法のようなスクリプトに私たちは魅了されてしまいました。 でも、ウェブで一番強力な道具は、今も昔も言葉です。 私が書いた言葉を、あなたが読んでいる。これこそ魔法です。 私はブリティッシュコロンビア州の小さな都市にいますが、あなたは別のどこかにいることでしょう。私は2013年6月20日の早朝にこれを書きましたが、あなたは違う日時にこれを読んでいることでしょう。私はノートパソコンでこれを書きましたが、あなたは携帯電話でこれを読んでいるかもしれないし、タブレット端末やデスクトップ端末で読んでいるかもしれません。 私とあなたがこうして繋がることができたのは、私が書いた言葉をあなたが読んでいるからです。ウェブとはそういうものです。場所や端末、タイムゾーンが違っても、このシ

    ymd301
    ymd301 2013/07/05
     ソースを見るとやりたいことがわかる。書いてることはwebの本質だと思うが今にいたってはweb屋の自己満足のような気もする
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Not Found |ミレスポ! - Millennials Sports Marketing

    横浜F・マリノスユース同期6人による新たな挑戦「ROOTS.」。新時代に適応するアスリートに必要な素質とは。

  • HTML5 × CSS3 × jQueryを真面目に勉強してみる | DevelopersIO

    HTML5 × CSS3 × jQuery – #20 文字をランダムでカシャカシャ動かしながらテキストを表示させるプラグインを作る

    HTML5 × CSS3 × jQueryを真面目に勉強してみる | DevelopersIO
  • ロゴの扱い方でプロとアマの差が出る。アイソレーションゾーンとレギュレーション・ビジュアルアイデンティティについて / Maka-Veli .com

    Webサイトを眺めていると、よくロゴの扱い方が雑な物をよく見受けられます。どうもWebの場合はそれが多く見られる気がします。「印刷をしない」 からでしょうか?僕も当時、よく叱られてました・・・ アイソレーションゾーンとは アイソレーションゾーンとは、ロゴ等の周りにある『余白』の事です。 ロゴ周りでなくても、キャッチコピーやタイトルの周りに取ることが多いはずです。 タイトルやキャッチコピーなどの場合は、 ジャンプ率を高めに設定する場合は2~4倍くらいでも良いと思います。 逆にジャンプ率を低めに設定した、あまり強調を必要としない場合でも、 1つ分くらいは空けるとすっきりしますね。 スペースを上手く使える人はプロデザイナーっぽいですよね。 ホワイトスペースは「無駄」じゃありません。 隙間があるからといって、あれこれ詰め込むのはいかにも素人っぽいです。 ロゴレギュレーション 大

  • スペースシャトル最後の日、NASA管制室には日本の個人が作ったWebアプリが

    30年にわたったスペースシャトル計画に幕を閉じた7月21日。最後のスペースシャトル「アトランティス」の帰還を待つ米航空宇宙局(NASA)の管制室では、日の個人が趣味で作ったWebアプリが大型スクリーンに映し出されていた。その心境を作者がブログにつづっている。 Googleマップ上に国際宇宙ステーションやハッブル宇宙望遠鏡の軌道をリアルタイムに表示する「GoogleSatTrack」(GST)の作者、柏井勇魚さんは、帰還への軌道離脱噴射指令をアトランティスに出すNASA管制室の大型スクリーンに、見慣れた画面が映っているのに気付いた。 すぐに自ら開発したGSTだと思ったものの、信じられなかったという。「いや、だって、一介のアマチュアプログラマが作ったWebアプリが、ミッションの中でも一番クリティカルな大気圏再突入前のミッションコントロールセンターの画面に映っている。これで信じろという方がおか

    スペースシャトル最後の日、NASA管制室には日本の個人が作ったWebアプリが
  • WebからEvernoteへ。私(Webデザイナー)がしているちょっとかわった情報整理術

    私はフリーランスで Web デザインをしています。仕事柄からか、毎日 feed を読んで Web の情報をクリップしてますけど、使わなければ無駄な時間を過ごしてるだけ ...。情報の精査、そしてその情報から得たものを、最終的に自分のものにするためにこんなことをしています ...。何だかまとまりなくて長くなっちゃったけど ... X( みなさんはどんな風にしてますか? 私は毎日 feed を読むのが習慣になっています。Webデザイナーなんて仕事をしているせいか、自分のスキルアップや仕事の効率化につながる情報がないかなーなんて思って、小さいながらアンテナを貼っています。feed だけじゃなくて、ツイッターや facebook を見るのもそんな感覚です。 でも、毎日そんな風に溢れてる情報に囲まれてると、情報の整理や自分のスキルアップにつなげるまでに、多すぎる情報で溺れてしまいます …。feed

  • 今後5年のあいだにIT業界に大きなインパクトを与えそうな5つの動向

    先週の水曜日に、IBMのビジネスパートナーの方々が中心となって設立された団体「Open Source協議会 System i」のセミナーで「IT大変革。今、何にどう取り組むべきか! ~知っておきたい技術動向とキャリアの描き方~」というセッションのスピーカーを、アイティメディアの藤村厚夫取締役と一緒に務めてきました。 藤村さんからはセッションのテーマとして「お互いに、今後5年のあいだにインパクトがあると思われる動向を5つ挙げて説明しよう」という提案をいただいていたので、僕としては少し考えて次のような5項目を挙げることにしました。 セミナーでこの5つについて話したことを、せっかくなのでこのブログでも紹介したいと思います。 業務の定型化の波 1つ目の動向は「非コア業務、�バックオフィス業務の定型化の波」です。これによってこれまで以上に業務のパッケージソフトやサービスへの置き換えが進むと考えていま

    今後5年のあいだにIT業界に大きなインパクトを与えそうな5つの動向
  • Node.jsについてのよくある誤解 - 自分の感受性くらい

    Node.jsは普及しそうに無い: ニュースの社会科学的な裏側 http://anlyznews.blogspot.com/2011/02/nodejs.html という記事があったので、もしかしたらいい感じにNode.jsについてのよくある誤解がここに網羅されてるんじゃないかと思ってエントリを書きます。決して顔真っ赤にして反論してるわけじゃないよ! で、まず 理由は簡単で、Googleがリリースしたアプリケーション・サーバーであるnode.jsが、JavaScriptとその実行エンジンを基とした構成となっており、その性能が高いからだ。 とありますが、Node.jsはGoogle製ではありません。Node.jsがベースとしているJavaScriptのV8エンジンはGoogle製(のオープンソース)ですが、Node.js自身はJoyentという会社のサポートによって作られています。メインコ

    Node.jsについてのよくある誤解 - 自分の感受性くらい
  • ゆーすけべー日記

    サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。 お礼に料理を作るとはいえ、サキの家には材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ

    ゆーすけべー日記
  • ソースコードで発見した奇妙なコメント集

    2013年3月23日 ネタ コーダー・デベロッパー・プログラマーさん達はそのソースコードにわかりやすい説明書きを「コメント」として残し、後から他の人が修正・編集しやすいようにコードを書いていきます。Stackoverflowの中でなんだそりゃー!というコメントがまとめられていたのでいくつか翻訳してみます!「クライアントからのムチャぶり迷言集 」に続き久しぶりにネタ系記事です。楽しんでください! ↑私が10年以上利用している会計ソフト! プログラマーさん達の名誉のため、先に言っておきますが、全てのプログラマーがこういったコメントを残しているわけではありませんよ!「こんなの書く人いるんだー世の中いろんな人がいるもんだー」くらいに軽く読んでみてください! 自信を失したプログラマー達 自虐コメント多数! // ごめん。 /* お願い…動いてくれ… */ // このコードは最低だ。知ってるだろ?俺も

    ソースコードで発見した奇妙なコメント集
  • asahi.com(朝日新聞社):「ネット全履歴もとに広告」総務省容認 課題は流出対策 - ビジネス・経済 (1/2ページ)

    インターネットでどんなサイトを閲覧したかがすべて記録される。初めて訪れたサイトなのに「あなたにはこんな商品がおすすめ」と宣伝される――。そんなことを可能にする技術の利用に、総務省がゴーサインを出した。ネット接続業者(プロバイダー)側で、情報を丸ごと読み取る技術を広告に使う手法だ。だが、個人の行動記録が丸裸にされて人の思わぬ形で流出してしまう危険もある。業者は今後、流出を防ぐ指針作りに入る。  この技術は「ディープ・パケット・インスペクション(DPI)」。プロバイダーのコンピューター(サーバー)に専用の機械を接続し、利用者がサーバーとの間でやりとりする情報を読み取る。どんなサイトを閲覧し、何を買ったか、どんな言葉で検索をかけたかといった情報を分析し、利用者の趣味や志向に応じた広告を配信する。  DPIは従来技術に比べてより多くのデータを集められるため、こうした「行動ターゲティング広告」に利