2025年度 traP新歓オリエンテーションのLTで発表した内容です。5分のLTなので1章のみを話しました。
2025年度 traP新歓オリエンテーションのLTで発表した内容です。5分のLTなので1章のみを話しました。
このスライドは令和元年5 月18日に東京で開催された Inside Frontend #3で発表した資料に簡単な説明を追加したものです。 フィーチャーフォンからデスクトップまですべてのデバイスで動くマインスイーパークローン(proxx.app)を作った経緯と開発の過程を発表しました。 な…
調べて、整理して、発信するのが好き。「とほほのWWW入門」管理人が26年間も更新を止めない理由 #老後も楽しむ 公開日 | 2022/12/12 更新日 | 2024/05/10 インターネットが世の中に急速に普及した、1990年代後半から2000年代前半ごろ。当時はまだ、ブログやSNSといった手軽な情報発信ツールが一般的ではありませんでした。 そんな時代に情報発信をするにはWebサイトが必要で、Webサイトを制作するためには専用のHTML言語を習得する必要がありました。 書籍だけでなくインターネットにもHTMLを学べるコンテンツはさまざまありましたが、中でももっとも多くの人が参照したであろうサイトが「とほほのWWW入門」。Webサイト制作に関する膨大な情報がきれいに整理されており、素人でも分かりやすくHTMLについて学習できる「先生」のような存在です。 とほほのWWW入門は1996年に開
PWAの特徴の１つであるスプラッシュ画面だが、簡単にできそうで意外と面倒なところがあったのでまとめてみた。 Androidに関しては簡単な設定なので今回は割愛。 スプラッシュ画面の設定で気をつけるポイント AndroidとiOSで別々の設定が必要。 iOS向けは画面サイズに対応した指定と画像をひとつひとつ設定しないといけない。 その設定が結構シビア。画面サイズ間違えると出ない。 確認に手間がかかる。タブレットやスマホのキャッシュで反映されない場合など。 Safari on iOSはdisplay:fullscreenに対応してない manifestで指定できるdisplayだが、Safari on iOSはfullscreenには対応していない。（2021年12月現在） スプラッシュ画面はdisplayにfullscreenかstandaloneの指定が必須。 しかしSafariがfull
We can all agree that the web has changed dramatically over the years, both as a consumer and as a developer. Thanks to advancements in the web, producing attractive websites and applications has never been easier. The purpose of this blog post is to explore the past of the web, as well as discuss the potential future of the web, i.e. web 3.0. Web 1.0 Beta The concept of hypertext predates the Wor
「ユーザーの利便性を考えてスマホのネイティブアプリを作成したけれど、開発にかける予算がない......」とお悩みの企業も多いでしょう。ユーザーにアプリを提供することは企業との接触機会を増やし、愛着度を高める施策になります。 しかし、アプリ開発には技術が高くなればなるほど、莫大な予算がかかります。そんな時に、スマホのネイティブアプリのような操作性を実現できる「PWA」にたどり着いた方も多いのではないでしょうか。 そこでこの記事では、 PWAとは？ PWA対応サイト5選 PWAの導入するメリット について紹介します。 PWAとは PWAとは、「Progressive Web Apps」の略称で、Webサイトにネイティブアプリのような機能性を持たせる技術のことです。PWAを導入することにより、ユーザーはアプリをダウンロードせずに機能性の高いWebサイトを実現できます。 現在はAndroidのみに
欧州、中東、中央アジアの一部を管轄する地域インターネットレジストリであるRIPE NCC（Reseaux IP Europeens Network Coordination Centre）は2019年11月25日、IPv4アドレスが完全に枯渇したと発表した。使用可能なプールに残っていた最後のIPv4アドレス（アドレスブロックのサイズは/22）を割り振ったという。 IPv4アドレスは32ビットしかないため、割り振りを続けていると、ある時点で枯渇することは予想されていた。この問題を解決するため、広大なアドレス空間を持つIPv6が登場したという経緯がある。 RIPE NCCは、全世界のIPアドレスを管理しているICANN（Internet Corporation for Assigned Names and Numbers）からIPv4アドレスを割り振られ、それをインターネットサービスプロバイダ
次々とリリースされるJavaScriptライブラリーにフレームワーク、進化を続けるCSSモジュール……と、変化の激しいフロントエンド開発界隈。いま開発者たちに実際に使われているのはどんなツール？ 開発経験は2年以上ありますか？ 高度なCSSスキルとしてSassやAutoprefixerの使用も含まれていますか？ JavaScriptの知識は十分にあり、Gulp、nmp、jQueryを使いこなせていますか？ そうであれば一般的な開発者だそうです。Ashley Nolan氏によるフロントエンド開発ツールのアンケート調査によれば。 気になる結果を見る前に…… この種のアンケート調査は新たなツールを見つけたり、知識不足の分野の把握に役立ちます。執筆時点で5254件の回答が寄せられていて、アンケート調査としてはかなりのサンプル数です。ただ、結果を疑いようのない真実だと受け取るには慎重になるべきです。
PHPのSmartyやフレームワークが提供しているHTMLのViewエンジン（LaravelのBladeなど）、RubyのERBのようなHTMLテンプレートを使ったWebシステムでは、こんな問題に遭遇します。「HTMLのデザインや文言をちょっと変えるくらいすぐにできないものか」「デザインやUIをリッチにしたいが、PHPやRubyなどサーバ側の言語が分からないから直せない」。また、このような課題から、想定より時間がかかり、スケジュールが遅れたり、作業する担当者には、どのようなスキルをもった人（エンジニアなのかデザイナなのか）をアサインするかで困ったりするケースがあるようです。そこで、今回は、筆者の経験をもとに、このような問題がどうして発生するのか？ さらに、改善方法として、クライアントサイドでのHTMLテンプレートの利用について紹介します。 対象読者 サーバサイド開発者や、フロントエンド開発
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました SVGやCanvasの登場によって、Webの表現力は大幅に向上しています。たとえばグラフです。円グラフや棒グラフ、折れ線グラフなど多数のグラフを描くライブラリが存在します。 システムから動的に出力される場合はそうしたライブラリを使うのが良いですが、記事の中で一度切りで使いたいグラフの場合はChartbuilderを使うのが便利そうです。 Chartbuilderの使い方 Chartbuilderはグラフの表示を逐次確認しながら描画設定ができます。設定を変更するとアニメーションしながら切り替わっていくのが格好良いです。さらに画像出力まで含めてすべてJavaScriptだけで作られているのも利点で、サーバサイドを使っていません。 ChartbuilderはExcelやGoogleスプレ
Google DevelopersのプロダクトにPageSpeedというWebサイト最適化ツールがある。診断＆アドバイスのツールと、HTMLなどを自動変換するツールが用意されており、これらのいずれかを使うことによって的確に既存のWebサイトの高速化が可能だ。診断結果をベースに作業ポイントを紹介していこう。 PageSpeedはモバイルデバイスを強く意識するようになった Webサイトの最適化アドバイスツールのPageSpeedは、WebブラウザFirefoxのプラグイン（拡張機能）としてGoogleから提供されてきた。同様のツールとしては米Yahoo!が提供するYSlowがある。昔はYSlowおよびYUI関連のツールを使うぐらいしか手頃な最適化手法はなかったが、2009年にPageSpeedが登場し、その後PageSpeedはGoogle Chromeの拡張機能としても利用できるようになって
CSS Nite LP27「スマートフォン対応サイト制作」フォローアップを公開しました 記事公開日：2013年8月22日（木） 2013年5月25日（土）、ベルサール九段で開催したCSS Nite LP, Disk 27「スマートフォン対応サイト制作（3）」のすべてのセッションのフォローアップ（スライドなど）を公開しました。 フォローアップ（1）『スマートフォン今昔物語』神森 勉さん フォローアップ（2）『モバイルデザインパターンの取り入れかた』矢野 りんさん フォローアップ（3）『スマートフォン向けサイト制作の基本』益子 貴寛さん フォローアップ（4）『レスポンシブWebデザイン実践編』こもり まさあきさん フォローアップ（5）『スマートデバイス時代のWebサイト構築術 LIVE』たにぐち まことさん、田代 豊さん フォローアップ（6）『スマートフォンサイトにおける画像の最適化と使いどこ
公開日：2013年1月18日 カテゴリ：アレな話題 先日、ツイートした "7年くらい運営したサイトの会社から『もうサイトの運営しないから、ドメインとサーバーは削除して』っと連絡があったので、再三保有してたほうがいいと忠告したのだけど削除したら、即中古ドメイン屋に買われデリヘルサイトにリニューアル・・・それ見て元に戻せと電話キタ" が程よくRTされていたので、簡単ですが事の成り行きとかを書いてみました。('A') 戻せと言われてもね・・ 小生、リアル仕事でお客様のドメインやサーバーの運用を任されておりまして、客先より長年運営していたサイトをやめるという連絡をもらい、この事故が発生したわけでございます。 7年くらい運営したサイトの会社から『もうサイトの運営しないから、ドメインとサーバーは削除して』っと連絡があったので、再三保有してたほうがいいと忠告したのだけど削除したら、即中古ドメイン屋に買わ
もちろん、すべてHTML5を中心とする標準技術であるため、JavaScriptを通じてそれぞれを組み合わせて利用できます。 注目されるGraphicalWeb こうした新しいWebのグラフィックス技術の拡大もあり、2012年にはThe Graphical Webというカンファレンスがスイス開催されました。 The Graphical Web2012のWebサイト 実はこのカンファレンス、2002年から10年以上も続いているカンファレンスで、2011年まではSVG Openという名前で開催されていました（ちなみに、2007年には日本で開催されました）。しかし、2012年からカンファレンス内で扱う技術はSVGのみにとどまらず、HTML5 media、CSS3 Animations、2D Canvas、WebGLなどの技術も取り上げることとなり、こうした技術の総称としてカンファレンスのタイト
あけましておめでとうございます。よういちろう です。新春企画でソーシャルというキーワードを担当して今年で3年目となりました。さっそく2012年のソーシャルWebがどうなっていくのか、占っていきたいと思います。 前回、そして前々回にどんなことを書いていたか気になる方は、以下のリンクからお読みください。 2011年のソーシャルWeb（前編） 2011年のソーシャルWeb（後編） 2010年のソーシャルWeb（前編） 2010年のソーシャルWeb（後編） ソーシャルゲーム分野 まずは、IT業界において昨年最も注目を集めたソーシャルゲーム分野を取り上げます。 ソーシャルゲーム市場拡大の鈍化 インターネットにおける2011年度の最大の出来事、それはソーシャルゲーム市場の急速な拡大でした。その代表格がGREEおよびモバゲータウンであったことは、誰の目にも明らかでした。一昨年のソーシャルゲームの市場規模
Mozillaと米Googleが更新した検索契約で、Googleは年額約3億ドル、3年で約9億ドルをMozillaに支払うと、米Dow JonesのメディアブログAllThingsDが12月22日（現地時間）に報じた。 Mozillaは21日、WebブラウザFirefoxのデフォルト検索エンジンとしてGoogle検索を採用する複数年契約をGoogleと締結したと発表した。両社はこれまでも同様の契約を結んでおり、この契約によるGoogleからの支払いが、Mozillaにとっての主な収入源となっている。 AllThingsDは、3億ドルという金額は前回の契約より非常に高いものになっており、Googleは米MicrosoftのBingにデフォルト検索エンジンの座を奪われないようにするために金額を上げたと指摘する。MozillaはGoogleのほか、米Microsoft、米Yahoo!、ロシアのY
dhtmlxSpreadsheetは多数のWebブラウザに対応したWebベース表計算ソフトウェアです。 WebベースでもExcelのような編集がしたい、そんなニーズに応えるのがdhtmlxSpreadsheetです。PDFやExcelでのエクスポートにも対応した、すごいソフトウェアです。 まさに表計算といった感じの画面です。 計算式の埋め込みももちろんできます。 値を更新すれば計算式の入ったセルも更新されます。 セルの背景、文字色の変更もできます。 右寄せ、中央寄せも可能です。 計算式も多数用意されています。 マウスのドラッグで範囲選択可能です。 PDFエクスポート（実際には外部サービス利用）できます。日本語は表示されません。 同様にExcelでの出力にも対応しています。こちらは日本語に対応しています。 設定です。 セルの幅は変更できますが、カラムをクリックして全体選択といったことはできま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く