IT勉強会を探しやすくするWebアプリケーション『俺の勉カレ』をリニュアールしました
2013-2014年の年末年始の連休を利用して開発したIT勉強会を網羅したアプリケーション『俺の勉カレ』を全面リニュアールしました！ 見た目はちょこっとしか変わっていないように見えますが、実は裏側はほぼすべて作りなおしましたw 今回はリニュアールの目的と、リニュアールでどんな技術を使ったのかを中心に紹介していきます。 🎉 リニュアールの目的 初期構築したアプリケーションでは、Microservicesのまねことみたいなことを夢想していて単機能ごとに6個のアプリケーションで構成されていました。 しかもかなりの運用工数がかかるような謎設計で、昔の自分の頭のなかがいかにお花畑だったかを思い知らされます。 こういった失敗を踏まえて、 * できるだけ運用が楽な仕組みにする * 運用工数を最小化できるような構成にする * 自分が興味のある勉強会を見つけやすくする を基本コンセプトに、裏側をほぼすべて
HTMLメール制作のコツや便利なサービスいろいろ
2017年2月1日 Webサイト制作, マーケティング, 便利ツール みなさん、購読しているニュースレター（メールマガジン）はありますか？私は利用しているWebサービスや趣味関連のものをあわせてだいたい10サイトくらい購読しています。どれも素敵なデザインのHTMLメールばかりで、見ていて楽しくなっちゃいます :) そんなわけで今回はそんなHTMLメールの現状や、制作時のTipsを紹介します。効果的な導入方法を一緒に考えてみましょう！ ↑私が10年以上利用している会計ソフト！ HTMLメールとは テキストのみのメールではなく、テキストに色がついていたり、画像が挿入されている、HTMLを使って設計されたメールのことをHTMLメールと呼びます。海外では大手Web系企業をはじめ、多くの会社がHTML形式のニュースレターを配信しています。私が購読しているWebサービスのニュースレターやブログの更新通
初心者Webアプリケーション開発者がチェックすべき情報源2014 - ハニーポッターの部屋
毎年恒例の「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。 去年は手を広げすぎてかえって反応が悪かったので、最低限のものに絞ってみた。 上から重要な順。★の付いている「重点」がとりあえず読んどけ、の必須。 必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているものを選択。 書籍としては、徳丸本「体系的に学ぶ 安全なWebアプリケーションの作り方」、「めんどうくさいWebセキュリティ」と「実践 Fiddler」を掲載。 「HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書」を追加。 ■重点 ★Webサイト構築 安全なウェブサイトの作り方 http://www.ipa.go.jp/security/vuln/websecurity.html LASDECなどで公開されていたウェブ健康診断仕様が別冊に加わ
WebのUIテスト自動化 - Seleniumを使ってみる - Qiita
Appiumを色々触っているんですが、仕組みが同じSeleniumもちょっと触ってみました。 だいぶ色々なことができそうなのでこちらも触りつつメモを取っていこうと思います。 実際の動画デモ 実際にどんなことができるのか、参考動画を撮ってみました。 内容的にはネタな感じにしていますが、どんなことができるか分かってもらえるかと思いますｗ Seleniumとは Seleniumはクロスブラウザ、クロスプラットフォームのUIテストツールです。 ブラウザに表示される要素を操作し、取得して想定されうる状態になっているかをテストできます。 また、画面のキャプチャを撮ることもできます。 検索してみると有用な記事がいくつかあるので、詳細はそちらを見てください。 ここでは簡単に触ったメモや所感を書いていきます。 JavaScriptテスト自動化ツールSeleniumのこれまでとこれから（前編）。第1回 日本S
エンジニアからディレクターに転身してから読んだ本14冊 - No Web Service No Life
私は、元々エンジニアとしてランサーズに入社し、途中からディレクターに転身しました。ランサーズに入社する以前は、Googleアナリティクスをいじったこともなければ、CVRやCPAといった基本的なマーケティング用語すら知りませんでした。 まだまだ知識・スキル不足ではありますが、今まで得たものの多くは実際の業務を通して得られました。一方で、書籍を読むことで以下の二つのメリットがあると感じており、読書の時間を取るように努めています。 業務で得たスキル・知識を体系的に整理して定着させる そもそも知らないことをショートカットして知ることができる ディレクターに転身してから、必要な知識を身につけるために読んだ本を、ジャンル別にご紹介します。 Webエンジニアの時のおすすめ書籍は下記にまとめてあります。 kkino.hatenablog.com 基本的なビジネススキル どの職種においても必要なスキルだと思
[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス
以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記： 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010年11月19日 ver.3.0.7をリリース ライセンスを変更しました。 2010年11月17日 デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日 デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日 対応ブラウザ（IE8, Fx2.5, Chrome2）を更新しました。 2009年2月23日 ver.3.0.6をリ
![[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
旧ブラウザ対応よりもスマートデバイス対応が喫緊の課題、大手Webマスターが企業のスマホ対応を議論 | Web広告研究会セミナーレポート
第二部では、日本ヒューレット・パッカードの菅原裕氏をモデレーターに、味の素の棗田眞次郎氏（企業広報委員会の立場で登壇）、日本電気の田中滋子氏、日興アセットマネジメントの平山かなえ氏、コクヨの佐藤詠美氏がパネリストとして登壇し、「スマート・デバイスへの対応が急務 ～『第5回 企業内Web閲覧環境調査』の結果から」と題されたパネルディスカッションが行われた。また、第一部で調査結果を発表した石村氏も引き続き登壇した。登壇者はすべて、Web広告研究会の企業広報委員会に属しているメンバーだ。 菅原氏は、2005年から5回目となる「企業内Web閲覧環境調査」の気づきとして、「閲覧制限の傾向は、調査開始以来ずっと変わらない」「スマートデバイスへのシフトが大きく進んでいる」という2点を掲げる。 まず閲覧制限に関して、「コクヨは閲覧制限を撤廃し、何でも見られるようになっている」と佐藤氏は話す。「一部のよくな
日本ブランド戦略研究所、「BtoBサイト調査2013」でオムロンが7年連続でトップを獲得 | Web担当者Forum
※6/25 記事タイトルが「BtoBサイト調査2012」となっていたのを修正いたしました。 ブランド・ウェブ戦略に関するコンサルティングの日本ブランド戦略研究所は、法人向け企業サイトのビジネス貢献度を評価する「BtoBサイト調査2013」の結果を6月25日発表した。製品・サービス分野の購入関与者に占めるニーズ充足者の割合は、オムロン(Industrial Automation)＝FA(制御機器等)＝が7年連続でトップとなった。2位は三菱電機(FA)＝同、3位はキーエンス＝同＝で、FA(制御機器等)が上位を占めた。 調査は16の製品・サービス分野の計240サイトを対象に、インターネットで4月19日～5月9日に行った。分野別に抽出したBtoBの購入関与者が回答し、有効回答は9735人だった。同じ企業でも製品・サービスごとに分けて調べた。FA(制御機器等)以外では、電子部品・材料、建材・住設機器
Webデザイナー 検索・登録／フリーランスWebデザイナーHP集
北海道 (7) 青森 (4) 秋田 (3) 岩手 (1) 山形 (6) 宮城 (5) 福島 (5) 茨城 (1) 群馬 (4) 栃木 (2) 埼玉 (9) 東京 (50) 千葉 (10) 神奈川 (26) 山梨 (4) 長野 (3) 静岡 (7) 新潟 (1) 富山 (3) 石川 (5) 福井 (4) 愛知 (9) 岐阜 (5) 三重 (4) 滋賀 (4) 京都 (8) 大阪 (24) 奈良 (2) 和歌山 (3) 兵庫 (15) 徳島 (3) 香川 (2) 愛媛 (7) 高知 (1) 岡山 (3) 広島 (4) 鳥取 (1) 島根 (1) 山口 (2) 福岡 (19) 長崎 (5) 佐賀 (1) 大分 (2) 熊本 (2) 宮崎 (1) 鹿児島 (3) 沖縄 (5)
なぜ日本のWebデザインはダサいのか？ | Goodpatch Blog
こんにちは！ みなさんQuoraというサイトをご存知ですか？QuoraはFacebookの元CTO（最高技術責任者）が立ち上げたQ&Aサイトです。実名+肩書きの登録が必要なので、他のQ&Aサイトより回答者のクオリティが高い事が特徴のようです。（日本だとYahoo知恵袋が似ているWebサービス） 今回Quoraで日本のWebデザインについての興味深い質問を見つけたので、その質問と回答のいくつかを記事にしてみました。（記事ネタQuestion :Why is web design so bad for Japanese websites?） 【Question】 これまで日本のWebサイトは一般的にきれいなものだと思っていたが、実際は違った。アメリカのWebサイトより5年から10年の遅れを取っているように思えます。多くのWebサイトにFlashが使われているし、アメリカのものよりごちゃごちゃし
Web屋さんのためのベストエントリまとめ2011年2月度版
今月のWebマガジン目次 超必読記事WebデザインWordPress関連記事CSS/JavaScript無料アイコンWebサービス業界記事 必読記事 結局どうすればいいの？ - Dive Into HTML5 HTML5を学ぶ最適な資料。内容も面白いです。 PayPal 基礎知識ゼロから始める、個人利用・事業利用の使い方大辞典 日本でなじみないPayPalだが、そろそろきてもおかしく無いながれ。ブクマをすすめます。 目次にもどる Webデザイン 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス スマートフォンサイトのデザイン集です。デザインのインスピレーションに。 絶対見ておきたい有名企業のスマホサイトまとめ 有名企業サイトのスマートフォン用デザインのまとめ記事。 25 Examples of Wireframes and Mockups Sketches 手書きのWe
“検索エンジン”ではなく“ユーザー”のための最適化を。中の人が明かすホントのSEO～ Google検索最新トレンド 2011～ | グーグル | 【レポート】Web担当者Forumミーティング 2011 Autumn
基調講演に登場したグーグルの金谷武明氏は、参加者の多くがWeb担当者であることを確認したうえで「今日はWeb担当者の方に伝えたい重要なことだけ話します」とし、「Googleの使命は、世界中の情報を整理し、世界中の人々がアクセスできて使えるようにすることです」という、Googleのミッションから説明を始めた。 Googleが掲げるこのミッションは、SEOに取り組むWeb担当者であれば、一度は耳にしたことがあるだろう。この言葉には、検索エンジンを使うユーザーの利便性を最優先するという思いが込められている。Googleが目指す完璧な検索エンジンとは、「ユーザーの意図を正確に把握し、ユーザーのニーズにぴったり一致するものを返すエンジン」であり、何が最適な結果かは検索するユーザーのシチュエーションによって異なる。これはとても重要な点で、検索キーワードに対する結果が固定化されているわけではないというこ
海外と日本｜僕らのWeb制作戦争のお話
オーストラリアに行っていた中学時代の友人が、現地のWeb制作会社で働いて、この度現地の差別的な扱いに嫌気がさして帰って参りました。 同時に、「じゃぁ一緒に語り明かそうぜ会」を開いたところ、8人のむさくるしい男と3名の天使が集い、決して合コンではない同窓会を開いたわけです。そこでは製造業をする人もいれば銀行の受付をする人など、様々な業種の人が集まったわけですけど、まぁ私としてはオーストラリアのWeb制作が気になったものでその辺を熱く語り合ったお話をまとめさせて頂きました。 当たり前ですが日本は大きく違う メンバーのなかでWebに関わる仕事をしているのは天使2名と男2名（私含む）という状況で、そのへんの話がどうしても盛り上がってしまったのです。 オーストラリアと言えばコアラですが、そんなことよりBOSSがすごいという彼（以下；銀メガネ）。 彼は私におみやげを用意してくれていたようで、変な人形の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[コラム] Web担のなかの人――編集部ブログ | Web担当者Forum![[コラム] Web担のなかの人――編集部ブログ | Web担当者Forum](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c845b656a86240195ee34a94bf2f5e0ebc806d5/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fnakanohito%2Fnakanohito_icon_ver2019_200.png%3Fitok%3DDwGdH3Ry){kind=icon}