見栄え | zip358.com

gistの埋め込みで盡く、デザインが崩れていた話。

2023.05.29

おはようございます、gistの埋め込みで盡く、デザインが崩れていた話です。いつからか分からないですが、gistの埋め込みを行っていた部分がすべて崩れていたので、先日の早朝に全ての崩れを直しました。

せっかく訪問してくださったのに、見栄えが崩れていてページの下部まで見ないと分からない状態になっていた事を陳謝します🙇。

https://t.co/4djXDNbAqdで埋め込んでいるものがことごとく、見栄えが崩れていた（対応済み）。ワードプレスの話。
— 田岡寿章@taoka_toshiaki🦌 (@taoka_toshiaki) May 26, 2023

極力デザインの崩れはないのかを確認しているのですが、デザインの崩れに気づかずに数ヶ月も放置していました。原因はおそらくワードプレスのバージョンアップによる影響かと思います。こういう仕様になったのか、それとも一時的なことなのか分からなかったのでプラグインに差し替えてプログラムコードを貼り付けています。

おそらくこちらの方が安全だと思うので、そういう形にしています。

タグ

gist, すべて, デザイン, バージョンアップ, プラグイン, プログラムコード, ページ, ワードプレス, 下部, 仕様, 全て, 原因, 形, 影響, 数ヶ月, 早朝, 状態, 見栄え, 話, 部分,

NewsPicksのSNSアイコンの配置が気になるのは自分だけではないと思うのだけども？

2022.01.25

Logging

高知県ではどんより曇り空の朝で若干テンション下がりますよね。今日も良い仕事に出会えれば良いのになと思っています。

さて「NewsPicksのSNSアイコンの配置が気になるのは自分だけではないと思うのだけども？」というタイトル通りSNSアイコンの配置がとても気になります。SNSアイコンの配置が縦並びになっていてそれも微妙に重なっているのですね😌、これで良いのか分かりませんが自分が勤めていた会社だったらリリース前に誰かが異論を唱えるような問題かと思います。

NewsPicksのSNSアイコンの配置が気になる….

ニューズピックスのコーダーさんで、こんなレベルの仕事しているのかと幻滅してしまいますね。これでお給料を貰っているのかよとやるせない気持ちになります。この見栄えの修正対応はそれほど難しいものではないと思いますが、中のコーダーさん、気にしていないのか昔のブランチを使用して書いているのかよく分かりませんが、早く直してほしいものです、凄く気になります。

因みに自分は過去に負の遺産を何個か投入して会社を辞めていますが負の遺産の殆どは上の指示通りの仕様です、一番ひどいのはログが永遠に残っていくという仕様です。

タグ

３, com, https, newspicks, SNS, UCDa-sLfw, watch, www, youtube, アイコン, お給料, コーダー, これ, それ, タイトル, テンション, ニュース, ピックス, もの, リリース, レベル, 中, 今日, 仕事, 会社, 修正, 問題, 対応, 幻滅, 微妙, 曇り空, 朝, 気, 気持ち, 異論, 自分, 若干, 見栄え, 誰か, 配置, 高知県,

WordPress5.9からかなり仕様が変わります。それで？

2021.12.20

Logging

寒い日が続きますね、昨日も今日の朝もかなり冬って感じの朝だな…?

さてショッキングな情報を先日、耳にしましたので共有します。WordPress5.9からテンプレート仕様が大きく変わるみたいですね。かなりガラリと変わります。どのように変わるかはこちらのサイトとこちらのサイトでご確認くださいませ。尚、今までのテンプレートは今の所、バージョンアップしても使えるとは思いますが、5.9以降、バージョンアップにつれて今までのテンプレートは使用できなくなるのは目に見えています。

Introducing WordPress 5.9

テンプレートの仕様が変わることにより、色の変更や配置などがGUI（グラフィカルユーザーインターフェース）で簡単に操作出来るようになります。今後、ちょっとした色の変更や見栄えなどの変更をユーザーが簡単にできてしまうようになるという事はWEBを生業としている業界からすると、かなり痛手かと思います。

WP5.9の対応してしまった後は、仕事が激減しそうな気さえします。やはりウェブはウェブ制作だけでは食べていけない、そんな感じになってくるのではないかなとヒシヒシと感じます。

このサイトもWP5.9がリリースされたら、オリジナルテンプレートを作って運用していく事になりそうです。

以上、現場からでした。

タグ

5.9, GUI, web, WordPress, wp, アップ, インターフェース, かなり, グラフィカル, こちら, こと, ご確認, サイト, ショッキング, テンプレート, バージョン, ユーザー, 事, 今, 今後, 今日, 仕事, 仕様, 使用, 先日, 共有, 冬, 変更, 対応, 後, 情報, 所, 操作, 日, 昨日, 朝, 業界, 生業, 痛手, 目, 簡単, 耳, 色, 見栄え, 配置,

ReactNativeのボタンがiosとAndroidでは挙動が違うので代替。

2021.11.18

Logging

今日はReactNative（リアクトネイティブ）でアプリを制作しながら勉強している中で、ボタンを使ってみたら・・・iosとAndroidでは挙動というか見栄えが違うのですよ、ドキュメントにもそう書いていた?。なので、ボタンじゃなくてこちらを使用するほうが良さげです。

Color of the text (iOS), or background color of the button (Android).

こちら【TouchableOpacity】などを使用してボタンを作成しないといけないみたい。こちらで作るとios、Android同じ見栄え（デザイン）になります。作ってて思うことは師というかメンターがいればもっと効率的に開発できそうです。

師匠がほしい今日此頃・・・。

React Native Tutorial #8 – Touchable Components

以上、現場からでした。

import React, { useState } from "react";
import { StyleSheet, Text, TouchableOpacity, View } from "react-native";

const App = () => {
  const [count, setCount] = useState(0);
  const onPress = () => setCount(prevCount => prevCount + 1);

  return (
    <View style={styles.container}>
      <View style={styles.countContainer}>
        <Text>Count: {count}</Text>
      </View>
      <TouchableOpacity
        style={styles.button}
        onPress={onPress}
      >
        <Text>Press Here</Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    paddingHorizontal: 10
  },
  button: {
    alignItems: "center",
    backgroundColor: "#DDDDDD",
    padding: 10
  },
  countContainer: {
    alignItems: "center",
    padding: 10
  }
});

export default App;

タグ

Android, background, button, color, from, import, iOS, of, OR, quot, react, ReactNative, Text, The, TouchableOpacity, useState, アプリ, こちら, こと, デザイン, ドキュメント, ネイティブ, ボタン, メンター, リアクト, 中, 今日, 今日此頃, 代替, 作成, 使用, 制作, 勉強, 師, 師匠, 挙動, 現場, 見栄え, 開発,

やっぱりChromeなんだなぁ・・・いまのブラウザ1位は。

2017.07.28

Logging

いまのブラウザの覇王はGoogle Chromeなんだなぁと
ネットの可視化しているサイトを観ていると思う、次にシェアが高いのは
Safariだけど、圧倒的にGoogle Chrome強しですね。
いっその事、みんな同じブラウザを使って欲しい、もしくは
同じふるまいが出来るようにして欲しいですね、ブラウザエンジニアは
同じもので、ブラウザの操作機能は各社違うようにするとか・・・。
特にIEは何だかんだ言って問題児です、特に古いバージョンになると
IEだけ独特の振る舞いしてくれます、IEだけ見栄えが違ったり
動作しなかったりと、フロントエンドエンジニア泣かせかなと感じます。
このグラフ見ていると、まだまだデスクトップは健在なんだということも分かります。
モバイルファーストとか言われているけれど、まだまだデスクトップも頑張っていらっしゃる。
ちなみにグーグルを制するものがウェブを制すると言われていますが、
この頃は、アプリを制するものがウェブを制するとも言われてきています。
要するにアプリ完結の時代が来ていたりします。
専門的な情報を得るには、検索サイトを使わず、アプリを使用して
情報を得るという流れになってきているのだとか。
https://www.youtube.com/watch?v=LUDmC8LrnPk

タグ

Google Chrome, IE, アプリ, アプリ完結, インタフェースデザイン, ウェブ, グーグル, デスクトップ, ブラウザ, ブラウザエンジニア, ふるまい, フロントエンドエンジニア泣かせ, モバイルファースト, 古いバージョン, 問題児, 振る舞い, 覇王, 見栄え,

イラストレーター使用して1週間ぐらい経過しましたよ。

2017.06.21

Logging

まだまだ駄目だけど、１週間イラストレーターを使用して
出来ることも増えてきました。
下が１週間前の技術です、上の画像が１週間後の技術です。
全然、出来なかった時から言えば、まぁ良くなってきたように
自分自身も感じますが、もっといい感じ＝想像したものを具現化できれば
良いのになと感じます。上の画像に関して言えばもっと墨っぽく
表現したかったですし、アクセントもいまいちなので
もっと強調できれば見栄えが良くなる気がします。
一年後、どれぐらい上達するのかは今のところ未知数です。

タグ

1週間イラストレーター, CC2017対応版, illustrator, アクセント, いい感じ, イラストレーター, デザイン, ところ未知数, どれぐらい, 具現化, 墨っぽく, 学校, 技術, 本, 画像, 自分自信, 自分自身, 見栄え,

memo_one-メモった―っていう軽量アプリを作ってみた。

2015.09.13

Logging

VisualStudio2015フリー版でmemo_one-メモった―っていう軽量アプリを作ってみた。
只今、ベクターにアプリ申請中ですが、
こちらでも公開します。ちなみにフリーソフトですが寄付は歓迎です的なｗ、、、。
どういうソフトなのかと言うと、日々のメモを管理するアプリです。
操作に関しては習うより慣れよっていう感じですが・・・。
これを作った経緯は、仕事をしている時にいままでExcelにメモ機能をつけて
管理していたのですがExcelでメモを見るのが見づらくなってしまって
この際、ExcelのVBAで作るのではなくてVSでつくちゃおうと
思って作りました。解像度により見栄えが悪くなる不具合があるかもしれません。
その場合は@zip358comへご連絡ください。
DLはこちらから。https://zip358.com/tool/memo_one.zip

タグ

AM, DL, Excel, memo_one, VBA, VisualStudio2015, VisualStudio2015フリー版, zip358com, アプリ申請中, フリーソフト, ベクター, メモ, メモ機能, 只今, 寄付, 操作, 日々, 管理, 経緯, 見栄え, 解像度, 軽量アプリ,

近日中にというよりは今月末ぐらいまでに。

2015.07.10

Logging

近日中にというよりは今月末ぐらいまでに。このサイトを改装しようと思います。デザインも統一化するつもりでいます。WordPressの事はあまり分からないのですが、何とか頑張って作ろうと考えています。出来るかどうかは微妙ラインですけど、なるべく早く改装するつもりでいます。ベースはBootstrapを使用するつもりです、なのでサイトベース用（これ）なデザインに統一するつもり( ﾟдﾟ )。←見栄えは多少変更するつもりでいます。
追記：2015/07/11
作ってみましたが、イマイチ感があるので当分、今のままでいこうと思います。

タグ

Bootstrap, WordPress, イマイチ感, サイトベース様, サイトベース用, デザイン, 今月末, 多少, 微妙ライン, 統一化, 見栄え, 近日中, 追記,