タグ

webに関するtonchioskのブックマーク (19)

  • 【2024年最新】Web制作周りを無料で学べる学習サービス集 - Qiita

    はじめに 今回は無料でWeb制作周りの技術を学ぶことができるサービスをまとめました。 これからWeb制作の学習を始めていきたい人やプログラミングの基礎学習をしていきたい人におすすめのサービスなのでぜひ参考にしてみてください。 この記事の対象者 プログラミング初心者~中級者 Web制作を学びたい人 HTMLCSSをより深めたい人 ポートフォリオを作りたい人 無料コーディング練習所 まずはじめに紹介するのはWebサイトを制作しながらコーディングスキルを身につけることができる無料コーディング練習所です。 こちらのサイトではデザインカンプが用意されており、基的なコーディング方法から応用的な手法まで実際にWebサイトを制作しながら学ぶことができます。 準備編でがエディタの設定方法や拡張ツールといったコードを書くための基礎の基礎から丁寧に解説をしてくれています。 入門編~上級編ではWebサイトを作

    【2024年最新】Web制作周りを無料で学べる学習サービス集 - Qiita
  • 業務システムのUI構築に採用されるJavaScriptコントロール「Wijmo」。軽量で高性能な製品を提供しつづける舞台裏を開発者に聞く[PR] - Publickey

    業務システムのUI構築に採用されるJavaScriptコントロール「Wijmo」。軽量で高性能な製品を提供しつづける舞台裏を開発者に聞く[PR] 業務アプリケーションの開発でWebとモバイルへの対応を進めようとするとき、大きな課題の1つとなるのが、Webやモバイルに合わせた優れたユーザーインターフェイスをどう構築するのか、でしょう。 デスクトップアプリケーションとして作り込まれてきた業務アプリケーションのユーザーインターフェイスを、Webブラウザ対応にし、しかもモバイルデバイスの小さな画面とタッチ対応へ再構築することは容易な作業ではありません。 HTML5/JavaScriptのユーザーインターフェイスコントロールである「Wijmo」(ウィジモ)は、こうした課題を解決できる機能を提供します。 Wijmoは、業務アプリケーションでよく使われるExcelライクなグリッドコントロール、オートコン

    業務システムのUI構築に採用されるJavaScriptコントロール「Wijmo」。軽量で高性能な製品を提供しつづける舞台裏を開発者に聞く[PR] - Publickey
  • モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI

    モバイルWebのUIを速くする基テクニックがわかる──Google I/O 2016 High Performance Web UI 川田寛(ピクシブ株式会社) こんにちは、ふろしきです! 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお伝えしてきました。振り返るとGoogleは、2014年にモバイルWebの提唱と技術要素の拡大を図り、2015年からは「RAIL(モバイルWebが目指すべきパフォーマンス指標)」や「Progressive Web Apps(アプリのように振る舞うWeb)」といった、モバイルとの親和性が高いWebを作り出すための”考え方”を推し進めました。今年2016年は、さらにそれを踏み込んでいったという感じがします。 今回のI/Oで取り上げるのもそのひとつ。毎度お馴染みGoogle Developer A

    モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI
  • 春からはじめるモダンJavaScript / ES2015 - Qiita

    春ですね!人の配置がリファクタリングされ、コードもリファクタリングの季節です。 では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScript歴史 まず最初にJavaScript歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。 なぜ2016年の記事でES2016ではなく、ES2015なのか、と疑問に思った方もいるかもしれません。それは、ES2015がただの年次アップデートではなく、これから始まる毎年のメジャーバージョンアップの起点となるバージョンであり、またES5から飛躍的に仕様が増えたバージョンであるからです。 簡単に(雑な)歴史を紹介します。 ブレンダン・アイクによってNetScapeに実装/搭載された古の時代〜IE6 (1996~2005) ES3: 一時はシェア7割を誇ったレ

    春からはじめるモダンJavaScript / ES2015 - Qiita
  • HTTPステータスコードを適切に選ぶためのフローチャート : 難しく考えるのをやめよう | POSTD

    HTTPステータスコードを返すというのはとても単純なことです。ページがレンダリングできた?よし、それなら 200 を返しましょう。ページが存在しない?それなら 404 です。他のページにユーザをリダイレクトしたい? 302 、あるいは 301 かもしれません。 I like to imagine that HTTP status codes are like CB 10 codes. "Breaker breaker, this is White Chocolate Thunder. We've got a 200 OK here." — Aaron Patterson (@tenderlove) 2015, 10月 7 訳:HTTPのステータスコードのことは、市民ラジオの10コードみたいなものだと考えるのが好きです。「ブレーカー、ブレーカー、こちらホワイト・チョコレート・サンダー。200

    HTTPステータスコードを適切に選ぶためのフローチャート : 難しく考えるのをやめよう | POSTD
  • 日本の「コンテンツマーケティング」ブームに思うこと

    なんとなく業界市民権を得てきた「コンテンツマーケティング」。 「コンテンツマーケティングマーケティングEXPO」なんていう、流れに乗っかったイベントなんかもやられているけれども、行ってみたら「うちはコンテンツ何を月いくらいくらで作りますよ!」なんていう”SEO事業者”が”コンテンツ制作者”のふりをした出展者や、SEOツールみたいなのばかり。 そう、日で言われてる「コンテンツマーケティング」って、幾つかの事業者の言ってる定義をちゃんと業界メディア側が検証せずに拡めてしまった感もあると思うんだよね。メディア側は、もっと海外の情報などももとに比較して検証して欲しいものなんだけど(でないと、こういうこと書く僕だけがなぜか正しいこといっても悪者にされてしまうので)。 結局のところ、今、日で言われてる「コンテンツマーケティング」って、実はHubSpotのインバウンドマーケティングの一部コピー。某

    日本の「コンテンツマーケティング」ブームに思うこと
  • WEB界隈で働く人が重宝しそうな「WEBマーケティング」と「SEO」のチートシート6+2個まとめ。 - おしブロ from STONEWEB

    WEB界隈でよく聞く言葉に「チートシート」というものがあるのですが、これは「cheat(チート) = 騙す、ズルする」という言葉から「ズルするシート」要するに「カンニングペーパー」のことを意味していて、これが転じてWEB界隈ではプログラミング言語やコマンドやショートカットなどを見やすく一覧にまとめてある表のことを指します。 ちなみにこの記事では少し趣向を変えて、WEB界隈で働く人が「これは便利かも」と重宝しそうな「マーケティング」と「SEO」に関するチートシートを集めてみました。 WEBマーケティング関連のチートシート3+2個 大きな意味での「WEBマーケティング」全般に重宝しそうなチートシートを集めてみました。 www.seojapan.com リスティング広告運用チートシート LPO改善チェックリスト チートシートではないけど「これはWEBマーケティングに重宝するかもなー」というチェッ

    WEB界隈で働く人が重宝しそうな「WEBマーケティング」と「SEO」のチートシート6+2個まとめ。 - おしブロ from STONEWEB
  • Web Componentsに関するパネル、WebとDOMとの関係性、ARIAのWeb標準化など海外WEBテク20本を一挙公開

    Web Componentsに関するパネル、WebとDOMとの関係性、ARIAのWeb標準化など海外WEBテク20を一挙公開 斉藤 祐也(株式会社リッチメディア) 斉藤祐也の海外WEBテク定点観測<Issue.12: 2014/03/01-2014/03/31> 今月の定点観測はWeb Componentsに関するパネル、WebとDOMとの関係性、ARIAのWeb標準化などを紹介します。 注目ニュースピックアップ Web Componentsに関するパネルディスカッション 原題: EdgeConf 3: Components 3月21日にロンドンにて開催されたEDGE Conferenceにて議論されたWeb Components。このカンファレンスでの議論そのものも非常に興味深いものですが、このカンファレンスをきっかけに多くの議論がブログなどで展開されました。Web開発の未来を担うとす

    Web Componentsに関するパネル、WebとDOMとの関係性、ARIAのWeb標準化など海外WEBテク20本を一挙公開
    tonchiosk
    tonchiosk 2014/04/09
    2014年4月時点でのトレンドなど
  • HTML5時代のWebデザイナー これからの生きる道 - HTML5 Conference 2013 in Gifu

    HTML5 Conference 2013 in Gifuのデザイントラックで行なわれたセッションスライド。 アプリデザインについての講演。Read less

    HTML5時代のWebデザイナー これからの生きる道 - HTML5 Conference 2013 in Gifu
  • これ知らないプログラマって損してんなって思う汎用的なツール

    Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

    これ知らないプログラマって損してんなって思う汎用的なツール
  • Windowsと共存可能なWeb閲覧専用の軽量OS「Splashtop OS」v1.0正式版が無償公開

  • Studying HTTP

    FX取引所の照会とテクニカル、経済指標の見方等を解説していきます。

    Studying HTTP
  • 2010年に備えて、知っておきたいウェブデザインのトレンド

    2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト

  • http://neta.ywcafe.net/000938.html

  • 全日本剣道連盟YouTubeチャンネルが開設されるまでの道のり:Geekなぺーじ

    昨日、全日剣道連盟(以後、全剣連)によるYouTubeチャンネル開設が発表されました。 第五十六回全日剣道選手権大会 特設サイトとセットでの試みです。 財団法人全日剣道連盟公式YouTubeチャンネル http://jp.youtube.com/ZennipponKendoRenmei 情報小委員会 実は私は約11年間全日剣道連盟の情報小委員会の委員を行っており、YouTubeチャンネル開設に関しては中の人です。 情報小委員会は外部の専門家を集めた諮問機関であり、意思決定は出来ません。 全日剣道連盟事務局とは別です。 基的に世の中の現状と、どのような事ができるかに関しての意見をまとめる作業を中心に行っています。 情報小委員会には、私以外に各種経歴を持つ数人の方々がメンバーとして参加しています。 阿部晶人(SFC剣道サークル同期、現在オグルヴィ・ワン・ジャパン所属)と私が「若い」

  • Web上の膨大な画像に基づく自動画像補完技術の威力 - A Successful Failure

    画像内に映り込んだ所望のオブジェクトを排除し、違和感の無い画像を生成するシーン補完技術に関しては近年複数の研究成果が発表されている。しかし中でも2007年のSIGGRAPHにて米カーネギメロン大のJames HaysとAlexei A. Efrosが発表した手法*1はブレークスルーとなりうる画期的なものだ。 論より証拠、早速適用例を見てみよう。エントリで利用する画像はPresentationからの引用である。元画像の中から邪魔なオブジェクト等の隠蔽すべき領域を指定すると、その領域が補完された画像が自動的に生成される。 アルゴリズム 効果は抜群だがアイデア自体は単純なものだ。Web上には莫大な数量の画像がアップされており、今や対象となる画像の類似画像を一瞬にして大量に検索することができる。そこで、検索された類似画像で隠蔽領域を完全に置き換えてしまうことで違和感の無い補完画像を生成するのだ。

    Web上の膨大な画像に基づく自動画像補完技術の威力 - A Successful Failure
  • ASCII.jp:TCP/IPの基礎の基礎を理解していますか?|TCP/IPまるわかり

    インターネットは、TCP/IPというプロトコルを基盤とするコンピュータネットワークである。これからTCP/IPについて復習していくわけだが、まずは基礎的な用語とその概念を復習しよう。 インターネットを支えるTCP/IP いまやインターネットは、テレビや電話、新聞などと並ぶメジャーな媒体に数えられるようになった。この巨大なインターネットを下から支えているのが「TCP/IP」と呼ばれるプロトコル群である。 そもそも「プロトコル(protocol)」とは、ものごとの作法や手続きを明示的に取り決めて文書化したものだ。特にコンピュータネットワークの世界では、コンピュータ同士のデータのやり取りの方法を厳格に定めた規格(規約)のことを指す。コンピュータはプログラムに従って動作する機械であるため、厳密な取り決めがなければ複数のコンピュータを協調して動かすというのは難しい。 TCP/IPも、そのようなプロト

    ASCII.jp:TCP/IPの基礎の基礎を理解していますか?|TCP/IPまるわかり
  • 80%近いコンバージョンを達成した、Triumphの恐るべき「おねだり」機能 - Feel Like A Fallinstar

    ウェブサイトを運営している人なら誰しも必死になるコンバージョン率の向上。 今回は、購入までのプロセスに捻りを加えることで、80%近いコンバージョンという圧倒的な成果を出したTriumphモバイルサイトの事例を少し紹介。 女性の下着を男性が購入する Triumphは女性用の下着を扱うECサイト。 ファッショナブルな下着から、名物の変り種の下着まで扱うので有名ですね。 これがその携帯サイトです。 このサイトは 女性が自分の下着を購入する 男性がプレゼントに、女性の下着を購入する という2つの来訪属性のユーザが混在しているサイトなのですが・・・ 80%近いコンバージョンを達成した、「おねだり」機能 Triumphが取った作戦は、この「女性ユーザ」が、自分で購入するのではなく、彼氏(旦那?愛人?)に対して「おねだり」をする機能を付与し、あえて彼氏を経由して(男性に)購入させる、という作戦。 簡単に

    tonchiosk
    tonchiosk 2009/05/29
    なるほど、そんな手もあるね
  • 『ウェブはバカと暇人のもの』に、二度、まいってしまいました:日経ビジネスオンライン

    友人である中川淳一郎さんから今年の2月頃に「今、インターネットに関するを書いている」と聞いて「それは楽しみだ。出版された必ず買うよ」といった会話をしました。4月になって新聞の朝刊の書籍広告欄に中川さんの名前があったので「お、ついに、あの時、書いていると言っていたが出版されたのだな」と思ったのですが、その横に書かれている書名を見て「これは、まいったな」とつぶやいてしまいました。何しろ、そののタイトルが『ウェブはバカと暇人のもの 現場からのネット敗北宣言』というものだったからです。 自分が商売のフィールドに選んでいるジャンルが「バカと暇人のもの」と決めつけられて嬉しい人はいないでしょう。「必ず買うよ」と約束していなければ、読まずに無視したかもしれません。 しかし約束は約束だし、友人である中川さんが、タイトルはともかく、いったいどんなことを書いているのか、興味を抑えることも出来ず、その日の

    『ウェブはバカと暇人のもの』に、二度、まいってしまいました:日経ビジネスオンライン
  • 1