静岡の情報流通企業｜株式会社しずおかオンライン
こんにちわ。デザイン研究課、クリエイティブ・ディレクターの藤本です。 すこし遅めの桜の花も散り、桜雨も落ち着き、過ごしやすくなってきた今日このごろ、GWを前に落ち着きのない新入社員もいるのではないでしょうか。 そんな僕は昨日、無事に不惑の年を迎えたにもかかわらず、若い新入社員に対して「若いっていいな」という若さへの嫉妬心が芽生えており、まったくもって不惑になれていない自分を恥じています。。。 わたしたち、しずおかオンラインでも３名の新入社員を迎えました。これから多くのことを経験し成長していく姿を見守っていきたいと思います。 さて、今回はそんな新入社員（とくにデザイナー）のかたに、毎日欠かせない情報収取にためになるWebサイトを紹介します。 経験年数問わず、情報収集は仕事をするうえで、もっとも重要なファクターになります。個人的には技術力より情報収集力のほうが大事だと思います。 なので、若いう
サイト作成時の確認事項（2017/10/25時点）
EVOWORXテクニカルディレクターのオオコシです。 設立10周年のタイミングで開発者ブログを開始してみたわけですが、 まずは備忘録的にサイト作成時にチェックしておくべきポイントをまとめてみました。 推奨環境/対象ブラウザ まず、特にクライアントからの指定がなかった場合の推奨環境について。 Firefox QuantumとOS XのSafariの扱いがどうなるかというところ。 よほどのことがない限りIE10以下は含めたくないです。（費用については要相談） browserl.istだとこんな感じ。 last 4 versions,FF ESR,not Safari < 9,not ie < 11,not Android < 4.4,not iOS < 10 2016年のCSS Nite（Coder’s High）ではポケモンGOに合わせとけばOKって言ってたけど大体そんな認識です。 最近だと
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference 外村 和仁（株式会社 ピクセルグリッド） 本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R
gulp.js その4 プラグイン一覧 - Qiita
gulpで使うプラグインやnpmモジュールをピックアップ 更新履歴 2016-03-11 更新 2014-07-25 gulp-bower-files がdeprecateされていた。代替は main-bower-files 2014-07-24 gulp-connect がdeprecateされた。代替は後継の gulp-webserver 2014-06-29 gulp-clean の箇所を修正（shinnn様にご指摘いただきました。感謝！m(_ _)m） 今は使わない方が良いプラグインリスト - gulpjs/plugins - github ↑要チェック。この記事には未反映 Webサーバー、ユーティリティ browser-sync Webサーバー/ライブリロード gulp-webserver Webサーバー/ライブリロード ※browser-syncに乗り換えた gulp-conn
2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選
毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScriptを100+αまとめました。 KUTE.js クロスブラウザ対応のさまざまなアニメーション、2Dと3Dの変形、SVGの変形、CSSのプロパティ値の変化、SVGのモーフィング、SVGの描画などネイティブのJavaScriptでアニメーションを実現する軽量スクリプト。 デモページ Choreographer-js 「choreographer」は振り付けという意味、CSSアニメーションのさまざまな動き・振る舞いを簡単に設定できます。 デモページ Barba.js 通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加え
2017年に注目しておきたい、JavaScriptのライブラリのまとめ | コリス
数多くあるJavaScriptのライブラリの中で、どれを勉強すればいいか判断することはなかなか難しいものです。いくつかのライブラリは放置され衰退し、またいくつかは急速に成長し、広範囲に採用されることがあります。 jQueryやReactは多くの人が知っているでしょう。 2017年に注目しておきたい、急成長しているJavaScriptのライブラリを紹介します。 D3.js ビッグデータは成長産業で、データ ビジュアライゼーションも同じくらい重要になっています。グラフ作成やマッピングのライブラリはたくさんありますが、D3.jsほど目立つものはほとんどありません。このJavaScriptライブラリはSVGやCanvasの要素と連携して、Web上のグラフ、チャート、動的なビジュアライゼーションをレンダリングします。 D3.jsは完全に無料で、JavaScriptで構築された最も強力なビジュアライゼ
なんとなく白にしてない？Webサイトの背景色の引き出しを増やす、9つの具体例 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、まきこです。 アンジュルムの佐々木莉佳子ちゃんがとてもかわいいので、毎日がだいたい楽しいです！ さて、みなさんは、サイトの背景色ってどれくらい気にしていますか？ わたしは、なんとなく白を選んで置きにいってしまうことが多いんですよね……。でも、もっと幅広い表現のために、背景色の使い方の引き出しを広げたいなーと最近は考えています。そこで今回は、背景色の使い方が印象的なサイトを、使い方ごとに分類してご紹介します！ 強めの色を大胆に使う 1. heyblend http://www.heyblend.com/ アメリカのクリエイティブ集団のサイト。 背景色に赤を大胆に取りいれていて、かっこいいですよね！ 赤といっても少し白が混ざったような色で、大人っぽいスタイリッシュな雰囲気にまとまっています。下層ページも潔く赤いんですが、写真とぶつかることなく、うるさくないのにしっかり個性的。こうい
ホームページ周りの作業効率をとにかくアップしたい時に参考になる記事7選
Web担当者の皆様は、自社ホームページの売上を上げるために日々多くのタスクをこなされているのではないでしょうか。 大量にあるタスク1つ1つを、少しでも早く処理してもっと時間を有効に使えたらいいのに、というのは誰しもが望むことです。 今回は、これまでFerretが配信してきた記事の中から、ホームページ周りの作業効率を上げてくれるものを7記事厳選しました。 時間に追われているWeb担当者・作業効率をアップしたいの方は是非ご確認ください。 1. 【厳選40本】作業が激速に！いくつわかる？「神」ショートカットまとめ https://ferret-plus.com/409 こちらの記事では、Excel、GoogleChrome、Googleスプレッドシート、Word、PowerPoint等、頻繁に利用するツールの使えるショートカットキーを40個厳選してご紹介します。 特にExcelなどはショートカッ
[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ
最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。
![[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4df978511120c0727c18646f1d386ecdc2ab3a59/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072304.png)
春からはじめるモダンJavaScript / ES2015 - Qiita
春ですね！人の配置がリファクタリングされ、コードもリファクタリングの季節です。 では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScriptの歴史 まず最初にJavaScriptの歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。 なぜ2016年の記事でES2016ではなく、ES2015なのか、と疑問に思った方もいるかもしれません。それは、ES2015がただの年次アップデートではなく、これから始まる毎年のメジャーバージョンアップの起点となるバージョンであり、またES5から飛躍的に仕様が増えたバージョンであるからです。 簡単に(雑な)歴史を紹介します。 ブレンダン・アイクによってNetScapeに実装/搭載された古の時代〜IE6 (1996~2005) ES3: 一時はシェア7割を誇ったレ
JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで
JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで：15周年記念特別企画 ＠ITが誕生した2000年頃はJavaScriptが不遇だった時代。そこから現在のような人気のプログラミング言語になるまでには、どのような歴史があったのか。15周年を迎えた＠ITの豊富なWeb開発関連記事とともに振り返る。 2015年6月17日に、JavaScriptの最新標準仕様となる、ECMAScript 6（ES6、ECMAScript 2015）が正式に承認されました（参考）。1997年にECMAScriptのバージョン1がリリースされてから6度目のアップデートとなり、これまでの中で一番大きな変更が加えられたことになります。 本稿では、ECMAScript 6が正式に承認されたということもあり、2000年頃の第一次ブラウザー戦争
iOS7の超絶勉強になるアプリ開発チュートリアルまとめ - Less is Best
みなさん新しいプログラミング言語を習得しようとした際に、どんな形で勉強を始めますか？私はとりあえずチュートリアルをやってみて外観をつかんでからリファレンスなどを漁っていくタイプのようです。ということで、iOSアプリ開発を勉強するためにウェブから無料でできるiOS7のチュートリアルをいくつかピックアップしてきました。これで最新のiOSの開発事情を知りつつアプリ作れるようになりましょう！ iPhoneアプリ開発入門 (全14回) Dotinstall:iPhoneアプリ開発入門 (全14回) まずはDotinstallのチュートリアル。とりあえず触って動かしてみていろいろなUIパーツを使って見るまで。日本語+動画で理解するアプリ開発入門。 iOS 7 Best Practices; A Weather App Case Study iOS 7 Best Practices; A Weather
【大幅追加】すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ
2014-01-07 【大幅追加】すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ iOS開発の記事のまとめ こんにちはnasustです。『すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ』を大幅に更新しましたので、更新内容をこちらで紹介します。このまとめは、iOS開発者の有益な情報を提供する目的です。このまとめを読むだけで高品質なアプリが開発できるようにします。 以下のまとめを『すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ』に追加しました。 入門・
Second Flush
この記事はTwineの公式リファレンス「 Testing a Story / Twine Reference 」の素人翻訳です。 主に自分用の覚え書きが目的で、内容の正確性は保証しかねますのでご留意ください。 また本記事投稿後に元サイトが更新されても、基本的に本記事を更新することはありませんので、ご了承ください。 ストーリーのテスト ストーリーの編集中にテストすることによって、公開出力形式がどのように見えるかプレビューで確認することができます。 ストーリーをテストする際、多くのストーリーフォーマットでは問題のデバッグに役立つ追加情報が表示されます。 テストモードで利用できる詳細な情報については、使用しているストーリーフォーマットのドキュメントを参照してください。 ブラウザTwineでのストーリーのテストをするには、ストーリーを新規のブラウザタブで開きます。 アプリTwineでは、あなたがデ
予約情報からハンズオンまで！ 全てが分かるiPhone 5s／5c発表イベント記事まとめ（随時更新中）
予約情報からハンズオンまで！ 全てが分かるiPhone 5s／5c発表イベント記事まとめ（随時更新中）2013.09.12 18:10 アップルのiPhone 5s、iPhone 5c発表イベント、盛りだくさんの内容でした。今日はドコモからiPhoneが出る大ニュースもあって、製品以外でも盛り上がれました。 リアルタイム更新にお付き合いくださった皆さん、ありがとうございました！ 新しいiPhone 5sとiPhone 5cに関する情報は今日から随時更新していきますので、ギズモードを定期的にチェックしてくださいね！ 通信キャリア 今日の発表で一番のニュースは、やっぱりドコモからのiPhone発売が決定したこと。フィル・シラーもイベント中でわざわざ日本の3キャリアの名前を読み上げる配慮を見せていました。日本ユーザーに関連するニュースは注目度高いですねー。 ・ドコモ版iPhone 5cにdoco
PCハードウェア 初心者の館
ここは、初心者向けのパソコン（PC）のハードウェアの解説ページです。 パソコンを少し使えるようになると、だんだんパソコンの性能が気になってきます。 しかしパソコンの性能や、各パーツの種類の見方は、 専門用語も飛び交っており難しいものです。 ここでは、そんなパソコンの機械的な面の説明をしています。 私自身、ハードウェアにすごく詳しいという訳ではありません。 しかし、初心者にこそ出来る初心者向けの説明もあると思います。 ここは、初心者の、初心者による、初心者のための PCハードウェア解説ページです。 3Dグラフィックのゲームをやるためのパソコン購入アドバイス 3Dグラフィックの使われた最新ゲームを動かせるゲーム用パソコンに 必要な機能・特性の解説を、初心者向けに行っています。
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
日本の全エンジニアに捧ぐ！現在公開されているAPI一覧【2013年版】 | Find Job ! Startup
2013年のいま、API界隈が熱い！ 今年に入り、官公庁の統計データやNHKの番組情報など、今までなかなか利用できなかったデータがAPIとして扱えるようになってきました。このエントリでは現在公開されているAPIを一覧でまとめます。いま使えるAPIはこれだけ読めば大丈夫。2013年の最新マッシュアップ事情をあますとこなく網羅します！ HOT! API 総務省 次世代統計利用システム（国勢調査、人口推計、就業構造、企業統計、物価統計 etc.） NHK番組表（※未公開） 行政・自治体・公共サービス 郵便番号 郵便番号検索API（郵便番号 → 住所） 郵便専門ネット（郵便番号 → 住所、郵便番号の簡易存在チェック） ぽすたん（郵便番号 → 住所、住所 → 郵便番号） IW3 PROJECT（郵便番号 → 住所、住所 → 郵便番号） 宇宙 Google+ JAXA PR（※現在一部の学生に限定公開
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - audreyfeldroy/favicon-cheat-sheet: Obsessive cheat sheet to favicon sizes/types. Please contribute! (Note: this may be in flux as I learn new things about favicon best practices.)
I/O 3000
